{"title":"Savon Solide","description":"\u003cp\u003e\u003cstrong\u003eAdopter un savon solide, c’est bien plus qu’un simple choix de produit.\u003c\/strong\u003e C’est une véritable démarche, un geste pour votre peau et pour l’environnement, qui allie soin personnel et conscience écologique. Mais comment trouver celui qui correspond parfaitement à vos besoins ?\u003c\/p\u003e\n\n\u003cp\u003eChoisir un savon solide, c’est :\u003c\/p\u003e\n\n\u003cul\u003e\n \u003cli\u003e\u003cstrong\u003eChouchouter les peaux sensibles\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003ePrivilégier des ingrédients naturels et biologiques\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eRéduire votre impact écologique\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eProfiter d’une grande praticité et durabilité\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003ePour tirer le meilleur de votre savon solide, il est essentiel de savoir déchiffrer les étiquettes et comprendre les différences entre les types de savons. \u003cstrong\u003eLa saponification à froid\u003c\/strong\u003e, par exemple, est une méthode artisanale qui préserve les bienfaits des huiles végétales. Cherchez des mentions telles que \u003cstrong\u003e“sans sulfates”\u003c\/strong\u003e, \u003cstrong\u003e“sans parabènes”\u003c\/strong\u003e, et repérez des huiles nourrissantes comme l’huile d’olive ou de coco pour une douceur incomparable.\u003c\/p\u003e\n\n\u003cp\u003ePrêt à découvrir comment choisir le savon solide parfait qui prendra soin de votre peau tout en respectant la planète ? Plongez dans notre guide complet et devenez incollable sur les des savons naturels !\u003c\/p\u003e\n\n\u003ch2\u003eLes bienfaits du savon solide pour votre peau\u003c\/h2\u003e\n\n\u003cp\u003eLe retour aux essentiels de la cosmétique naturelle nous fait redécouvrir les vertus exceptionnelles du savon solide. Plus qu'un simple \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/hygiene\" title=\"Produit d'hygiène\"\u003eproduit d'hygiène\u003c\/a\u003e, il représente aujourd'hui une alternative écologique et bénéfique pour notre peau, offrant une expérience de soin complète et personnalisable.\u003c\/p\u003e\n\n\u003ch3\u003e1. Une composition minimaliste et naturelle\u003c\/h3\u003e\n\n\u003cp\u003eLa force du savon solide réside dans sa simplicité. Sa composition, souvent basée sur des ingrédients naturels, en fait un produit particulièrement respectueux de la peau. La glycérine, naturellement présente dans le \u003ca href=\"https:\/\/fr.wikipedia.org\/wiki\/Saponification\" title=\"processus de saponification expliqué\"\u003eprocessus de saponification\u003c\/a\u003e, agit comme un puissant agent hydratant qui pénètre en profondeur dans l'épiderme.\u003c\/p\u003e\n\n\u003cp\u003eContrairement aux gels douche industriels, le savon solide se distingue par l'\u003cstrong\u003eabsence de conservateurs synthétiques\u003c\/strong\u003e et d'agents moussants agressifs comme le Sodium Laureth Sulfate (SLS), souvent \u003cstrong\u003eresponsables d'irritations cutanées\u003c\/strong\u003e.\u003c\/p\u003e\n\n\u003ch3\u003e2. Une action douce et protectrice\u003c\/h3\u003e\n\n\u003cp\u003eLe savon solide traditionnel travaille en harmonie avec votre peau. Il préserve le film hydrolipidique, cette barrière naturelle essentielle qui protège l'épiderme des agressions extérieures. Son pH, \u003cstrong\u003eproche de celui de la peau\u003c\/strong\u003e, contribue à maintenir l'équilibre cutané optimal, contrairement à la plupart des \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/gel-douche\" title=\"Gel douche\"\u003egels douche\u003c\/a\u003e.\u003c\/p\u003e\n\n\u003cp\u003eLes peaux sensibles, atopiques ou sujettes à l'eczéma trouvent dans le savon solide un allié précieux. Sa formulation douce et ses ingrédients apaisants comme l'avoine ou le calendula offrent un nettoyage en douceur sans provoquer de réactions indésirables.\u003c\/p\u003e\n\n\u003ch3\u003e3. Un soin personnalisable\u003c\/h3\u003e\n\n\u003cp\u003eL'un des grands avantages du savon solide est sa capacité à s'adapter à tous les types de peau. Que vous ayez la peau grasse, sèche ou mixte, il existe une formulation adaptée à vos besoins spécifiques. Les savonniers artisanaux proposent aujourd'hui une large gamme de produits enrichis en actifs naturels ciblés.\u003c\/p\u003e\n\n\u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003ePour les peaux grasses :\u003c\/strong\u003e savons à l'argile verte ou au charbon végétal\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePour les peaux sèches :\u003c\/strong\u003e savons enrichis en beurre de karité ou huile d'argan\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePour les peaux sensibles :\u003c\/strong\u003e versions sans parfum aux extraits de camomille\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch2\u003eComment décrypter la composition d'un savon solide ?\u003c\/h2\u003e\n\n\u003cp\u003eLe choix d'un savon solide adapté passe par la compréhension de sa composition. Un bon savon peut devenir votre meilleur allié beauté, tandis qu'une formulation inadaptée risque d'agresser votre peau. Voici les points essentiels pour faire le bon choix.\u003c\/p\u003e\n\n\u003ch3\u003eLes fondamentaux à connaître\u003c\/h3\u003e\n\n\u003cp\u003eLa qualité d'un savon se révèle dans sa liste d'ingrédients. La méthode de saponification à froid est particulièrement recherchée car elle préserve les propriétés naturelles des huiles végétales et maintient la présence de glycérine, véritable trésor d'hydratation pour votre peau.\u003c\/p\u003e\n\n\u003ch3\u003eLes ingrédients à privilégier\u003c\/h3\u003e\n\n\u003cp\u003e\u003cstrong\u003e🌿 Les Huiles végétales :\u003c\/strong\u003e l'alliance de l'olive, du coco et du karité pour nourrir et protéger votre peau en profondeur.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e💧La Glycérine naturelle :\u003c\/strong\u003e le secret d'une hydratation optimale qui maintient la souplesse de votre peau.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e🌍 Les Argiles naturelles :\u003c\/strong\u003e des minéraux purifiants qui équilibrent et nettoient votre peau en douceur.\u003c\/p\u003e\n\n\u003ch3\u003eLes ingrédients à éviter\u003c\/h3\u003e\n\n\u003cp\u003eCertains composants peuvent être problématiques pour votre peau et votre santé :\u003c\/p\u003e\n\n\u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eLes sulfates (SLS, SLES) :\u003c\/strong\u003e Ces agents moussants agressifs déséquilibrent le film hydrolipidique et peuvent provoquer dessèchement et irritations.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eLes parabènes :\u003c\/strong\u003e Ces conservateurs synthétiques sont controversés pour leurs potentiels effets perturbateurs endocriniens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eChoisir le bon savon solide peut sembler complexe face à la diversité des produits disponibles. Voici un guide complet pour vous aider à faire le meilleur choix pour votre peau et l'environnement.\u003c\/p\u003e\n\n\u003ch2\u003e7 conseils pour choisir votre savon solide comme un expert\u003c\/h2\u003e\n\n\u003cp\u003e\u003cstrong\u003e1. Analyse des ingrédients\u003c\/strong\u003e\u003cbr\u003e\nLes premiers ingrédients listés constituent jusqu'à 80 % de la composition. Ils déterminent l'efficacité et la qualité du savon.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e2. Méthode de fabrication\u003c\/strong\u003e\u003cbr\u003e\nRecherchez la mention « saponification à froid ». Cette méthode ancestrale préserve les propriétés des ingrédients et garantit une meilleure qualité de savon.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e3. Simplicité de la formule\u003c\/strong\u003e\u003cbr\u003e\nUne liste d'ingrédients courte et compréhensible indique une formulation minimaliste et naturelle, idéale pour la peau.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e4. Vérification des certifications\u003c\/strong\u003e\u003cbr\u003e\nLes labels tels que Bio, Nature \u0026amp; Progrès ou Cosmos Organic garantissent la qualité des ingrédients et un processus de fabrication respectueux.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e5. Enrichissement en huiles\u003c\/strong\u003e\u003cbr\u003e\nPrivilégiez les savons enrichis en huiles végétales nobles comme l'argan, le jojoba ou le karité pour leurs propriétés nourrissantes exceptionnelles.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e6. Test de compatibilité\u003c\/strong\u003e\u003cbr\u003e\nPour les peaux sensibles, commencez par tester le savon sur une petite zone pendant 24-48 heures. Privilégiez les formules hypoallergéniques.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e7. Conservation optimale\u003c\/strong\u003e\u003cbr\u003e\nUtilisez un porte-savon drainant et conservez votre savon dans un endroit sec entre chaque utilisation pour prolonger sa durée de vie.\u003c\/p\u003e\n\n\u003cp\u003eCommencer par bien choisir un savon de qualité est essentiel pour garantir le soin et la protection de votre peau tout en respectant l'environnement. Voici les points clés à retenir pour faire un choix éclairé :\u003c\/p\u003e\n\n\u003cul\u003e\n \u003cli\u003ePrivilégiez un savon avec une composition simple.\u003c\/li\u003e\n \u003cli\u003eAssurez-vous qu’il soit sans additifs chimiques.\u003c\/li\u003e\n \u003cli\u003eChoisissez un produit saponifié à froid pour bénéficier d’une hydratation optimale.\u003c\/li\u003e\n \u003cli\u003eOptez pour des ingrédients naturels et biologiques.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eEn suivant ces conseils, vous serez sûr de trouver le \u003cstrong\u003esavon solide\u003c\/strong\u003e idéal pour votre peau et l’environnement.\u003c\/p\u003e\n\n\u003ch2\u003e\u003cstrong\u003eFAQ sur le Savon Solide\u003c\/strong\u003e\u003c\/h2\u003e\n\n\u003ch3\u003e\u003cstrong\u003eQuelle est la différence entre le savon liquide et le savon solide ?\u003c\/strong\u003e\u003c\/h3\u003e\n\n\u003cp\u003eLe savon liquide et le savon en barre se distinguent avant tout par leur composition et leur processus de fabrication. Le savon en barre est habituellement produit par saponification à chaud ou à froid, ce qui permet de conserver des ingrédients naturels tels que la glycérine. De son côté, le savon liquide contient généralement des tensioactifs liquides ainsi que des conservateurs. Le savon en barre est souvent perçu comme plus écologique et durable, tandis que le savon liquide est privilégié pour sa praticité d'utilisation.\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003eQuels sont les inconvénients du savon solide ?\u003c\/strong\u003e\u003c\/h3\u003e\n\n\u003cp\u003eParmi les désavantages du savon solide, celui-ci risque de se dessécher et de se fissurer s'il n'est pas bien conservé. En outre, son usage peut être moins pratique pour certains, surtout lorsqu'il devient trop petit. Enfin, le savon solide peut favoriser la prolifération de bactéries s'il est laissé dans un milieu constamment humide sans être bien séché.\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003eComment conserver un savon solide ?\u003c\/strong\u003e\u003c\/h3\u003e\n\n\u003cp\u003ePour bien conserver un savon solide, il est essentiel de le laisser sécher entre chaque utilisation. Idéalement, placez-le sur un porte-savon drainant qui évite la stagnation de l’eau. Conservez-le dans un endroit frais et sec lorsqu’il n’est pas utilisé. Ces mesures permettent de prolonger sa durée de vie et d’empêcher une dégradation trop rapide.\u003c\/p\u003e","products":[{"product_id":"savon-a-lhuile-dolive-bio-boite-kraft-100-g-comme-avant-comme-avant","title":"Savon dès la naissance à l'huile d'Olive bio - 100g - Comme Avant","description":"\u003cdiv class=\"sno-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sno-hero\"\u003e\n \u003cdiv class=\"sno-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sno-hero-content\"\u003e\n \u003cdiv class=\"sno-badges-top\"\u003e\n \u003cspan class=\"sno-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"sno-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"sno-badge\"\u003e🐢 Slow Cosmétique\u003c\/span\u003e\n \u003cspan class=\"sno-badge\"\u003e👶 Dès la naissance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sno-hero-title\"\u003eSavon naturel à l'huile d'olive bio\u003c\/span\u003e\n \u003cp class=\"sno-subtitle\"\u003eComme Avant — 100 g\u003c\/p\u003e\n \u003cp class=\"sno-description\"\u003eSeulement 3 ingrédients, une saponification à froid artisanale et une douceur absolue pour toute la famille, dès les premiers jours de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sno-section\"\u003e\n \u003ch2\u003eSavon naturel à l'huile d'olive bio Comme Avant : douceur et simplicité dès la naissance\u003c\/h2\u003e\n \u003cp class=\"sno-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon à l'huile d'olive bio\u003c\/strong\u003e véritablement pur, sans superflu ni ingrédient douteux ?\u003c\/p\u003e\n \u003cdiv class=\"sno-grid-compact\"\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e🧼 3 ingrédients\u003c\/h3\u003e\n \u003cp\u003eL'un des savons les plus épurés du marché, sans aucun additif superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e❄️ Saponifié à froid\u003c\/h3\u003e\n \u003cp\u003eUn procédé artisanal qui préserve toutes les qualités de l'huile d'olive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e👶 Dès la naissance\u003c\/h3\u003e\n \u003cp\u003eAdapté aux peaux les plus fragiles : bébés, enfants, adultes sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003ePeaux sensibles, réactives, sèches ou matures : tout le monde y trouve son compte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sno-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon à l'huile d'olive bio ?\u003c\/h2\u003e\n \u003cdiv class=\"sno-testimonial\"\u003e\n \u003cp class=\"sno-testimonial-text\"\u003eL'huile d'olive est utilisée depuis l'Antiquité pour ses propriétés nourrissantes et protectrices. Dans un savon, elle apporte une mousse fine et crémeuse qui nettoie sans décaper le film hydrolipidique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e🌡️ Saponification à froid\u003c\/h3\u003e\n \u003cp\u003eContrairement à un savon de Marseille classique fabriqué à chaud, ce procédé artisanal préserve la glycérine naturelle et les qualités intrinsèques de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e💧 Surgras nourrissant\u003c\/h3\u003e\n \u003cp\u003eVotre peau ne tiraille pas après la douche, elle reste souple et confortable, même en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e🛡️ Protection cutanée\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous avez tendance à l'eczéma ou à la sécheresse cutanée : il respecte la barrière naturelle de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sno-section\"\u003e\n \u003ch2\u003eUne composition minimaliste et transparente\u003c\/h2\u003e\n \u003cp class=\"sno-section-intro\"\u003eCe \u003cstrong\u003esavon bio à l'huile d'olive\u003c\/strong\u003e ne contient que l'essentiel :\u003c\/p\u003e\n \u003cdiv class=\"sno-grid\"\u003e\n \u003cdiv class=\"sno-card sno-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Huile d'olive biologique\u003c\/h3\u003e\n \u003cp class=\"sno-inci\"\u003eOlea Europaea Fruit Oil\u003c\/p\u003e\n \u003cp\u003eAgent nettoyant, nourrissant et protecteur. L'ingrédient principal qui confère au savon toute sa douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card sno-card-ingredient\"\u003e\n \u003ch3\u003e⚗️ Hydroxyde de sodium\u003c\/h3\u003e\n \u003cp class=\"sno-inci\"\u003eSodium Hydroxide\u003c\/p\u003e\n \u003cp\u003eNécessaire à la saponification, il est entièrement transformé lors du processus. Aucun résidu dans le savon final.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card sno-card-ingredient\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp class=\"sno-inci\"\u003eAqua\u003c\/p\u003e\n \u003cp\u003eEau purifiée utilisée pour le processus de saponification à froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-tip\"\u003e\n \u003cspan class=\"sno-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003eAucun parfum de synthèse, aucun conservateur artificiel, aucun colorant, aucune huile de palme. Vous savez exactement ce que vous appliquez sur votre peau et celle de votre bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sno-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"sno-grid-compact\"\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e👶 Nouveau-nés et bébés\u003c\/h3\u003e\n \u003cp\u003eUtilisable dès la naissance pour le corps et le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003ePeaux atopiques ou sujettes aux allergies : l'absence de parfum et d'additifs minimise les risques de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e🧴 Peaux sèches ou matures\u003c\/h3\u003e\n \u003cp\u003eLe surgras naturel nourrit en profondeur et combat les tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e♻️ Adeptes du zéro déchet\u003c\/h3\u003e\n \u003cp\u003eUn savon solide, un emballage kraft recyclable, zéro plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sno-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"sno-timeline\"\u003e\n \u003cdiv class=\"sno-timeline-item\"\u003e\n \u003cdiv class=\"sno-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sno-timeline-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau et le savon à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-timeline-item\"\u003e\n \u003cdiv class=\"sno-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sno-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre vos mains ou directement sur le corps, en mouvements doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-timeline-item\"\u003e\n \u003cdiv class=\"sno-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sno-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-timeline-item\"\u003e\n \u003cdiv class=\"sno-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sno-timeline-content\"\u003e\n \u003ch3\u003eSéchez le savon\u003c\/h3\u003e\n \u003cp\u003ePosez le savon sur un \u003cstrong\u003eporte-savon aéré\u003c\/strong\u003e pour qu'il sèche entre chaque utilisation : il durera bien plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-tip\"\u003e\n \u003cspan class=\"sno-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ce savon peut également servir à nettoyer délicatement le visage ou à pré-traiter les taches tenaces sur le linge délicat de bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sno-section\"\u003e\n \u003ch2\u003eFabrication artisanale et engagements\u003c\/h2\u003e\n \u003cdiv class=\"sno-grid\"\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e📍 Fabriqué à Marseille\u003c\/h3\u003e\n \u003cp\u003eComme Avant fabrique ce savon en France, dans un atelier artisanal marseillais. Production locale et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e✋ Découpé à la main\u003c\/h3\u003e\n \u003cp\u003eChaque pain de 100 g est découpé et emballé à la main dans une boîte kraft éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e🌍 Démarche responsable\u003c\/h3\u003e\n \u003cp\u003eUne approche locale, transparente et respectueuse de l'environnement à chaque étape de la production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-testimonial\" style=\"margin-top:1.25rem;\"\u003e\n \u003cp class=\"sno-testimonial-text\"\u003eSi vous hésitez entre un savon de Marseille bio pure olive industriel et un véritable savon artisanal saponifié à froid, la différence se ressent dès la première utilisation : plus de douceur, plus de nutrition, moins d'assèchement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + DISCLAIMER --\u003e\n \u003csection class=\"sno-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sno-cta-box\"\u003e\n \u003cp\u003e🫒 Offrez à votre peau et à celle de votre bébé la pureté d'un savon à 3 ingrédients, saponifié à froid, fabriqué artisanalement à Marseille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sno-disclaimer\"\u003eCe savon est un produit d'hygiène cosmétique. Il ne remplace en aucun cas un traitement médical en cas de pathologie cutanée. En cas de doute, consultez votre médecin ou dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sno-cream: #f8f5f0;\n --sno-white: #ffffff;\n --sno-primary: #9b8a6e;\n --sno-primary-dark: #6b5d49;\n --sno-primary-light: #f0ebe3;\n --sno-secondary: #c4a96a;\n --sno-accent: #7a8a5c;\n --sno-text: #1a1a1a;\n --sno-text-light: #5a5a5a;\n --sno-border: #e4ddd3;\n --sno-shadow: 0 4px 24px rgba(107,93,73,.08);\n --sno-shadow-lg: 0 12px 48px rgba(107,93,73,.15);\n --sno-radius: 20px;\n --sno-radius-sm: 12px;\n}\n\n.sno-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sno-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sno-hero {\n position: relative;\n background: linear-gradient(135deg, #6b5d49 0%, #9b8a6e 50%, #c4a96a 100%);\n border-radius: var(--sno-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(--sno-shadow-lg);\n}\n\n.sno-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 45%);\n opacity: 1;\n}\n\n.sno-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sno-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sno-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(--sno-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sno-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sno-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.sno-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.sno-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.sno-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sno-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sno-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.sno-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(--sno-primary), var(--sno-secondary));\n border-radius: 2px;\n}\n\n.sno-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sno-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.sno-card {\n background: var(--sno-white);\n border-radius: var(--sno-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sno-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sno-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sno-shadow-lg);\n border-color: var(--sno-primary);\n}\n\n.sno-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sno-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sno-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sno-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sno-card-ingredient .sno-inci {\n font-size: 12px;\n color: var(--sno-primary);\n font-style: italic;\n font-weight: 600;\n margin-bottom: .5rem;\n}\n\n\/* === GRILLES === *\/\n.sno-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sno-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sno-grid-compact .sno-card {\n padding: 1rem;\n}\n\n.sno-grid-compact .sno-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sno-grid-compact .sno-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sno-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sno-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sno-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sno-primary), var(--sno-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.sno-timeline-content {\n flex: 1;\n background: var(--sno-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sno-radius-sm);\n box-shadow: var(--sno-shadow);\n}\n\n.sno-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sno-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sno-timeline-content p {\n font-size: 14px;\n color: var(--sno-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sno-testimonial {\n background: var(--sno-white);\n border-radius: var(--sno-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sno-shadow);\n border-left: 4px solid var(--sno-primary);\n}\n\n.sno-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sno-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sno-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sno-primary-light);\n border-radius: var(--sno-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sno-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sno-tip p {\n font-size: 14px;\n color: var(--sno-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sno-cta-box {\n background: linear-gradient(135deg, var(--sno-primary) 0%, var(--sno-primary-dark) 100%);\n border-radius: var(--sno-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sno-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.sno-disclaimer {\n font-size: 12px;\n color: var(--sno-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 .sno-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sno-card {\n padding: 1.125rem;\n }\n\n .sno-section {\n margin-bottom: 1.75rem;\n }\n\n .sno-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sno-radius-sm);\n }\n\n .sno-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sno-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sno-grid-compact {\n gap: .625rem;\n }\n\n .sno-grid-compact .sno-card {\n padding: .75rem;\n }\n\n .sno-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sno-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sno-timeline-content h3 {\n font-size: 14px;\n }\n\n .sno-timeline-content p {\n font-size: 13px;\n }\n\n .sno-testimonial {\n padding: 1.25rem;\n }\n\n .sno-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sno-card {\n animation: snoFadeInUp .5s ease backwards;\n }\n .sno-card:nth-child(1) { animation-delay: .05s; }\n .sno-card:nth-child(2) { animation-delay: .1s; }\n .sno-card:nth-child(3) { animation-delay: .15s; }\n .sno-card:nth-child(4) { animation-delay: .2s; }\n .sno-card:nth-child(5) { animation-delay: .25s; }\n .sno-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes snoFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sno-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755184644253,"sku":"NBAICAV0001","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-des-la-naissance-a-lhuile-dolive-bio-100g-comme-avant-lifestyle.webp?v=1776172590"},{"product_id":"savon-du-baroudeur-5-en-1-homme-bio-100-g-florame","title":"Savon de Rasage Bio Homme 5 en 1 – Le Savon du Baroudeur Florame","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon du Baroudeur 5-en-1 Florame\nPalette détectée:\n - Primaire: #3D3D3D (gris anthracite foncé du packaging - élégance masculine)\n - Secondaire: #C9A86A (or\/doré de la typographie et moustache - luxe naturel)\n - Accent: #D4A853 (orange\/ambre des textes bio - énergie naturelle)\nAmbiance: Masculine premium, naturel artisanal provençal, bio-luxe, aventurier raffiné\nPréfixe CSS: brd\n--\u003e\n\n\u003cdiv class=\"brd-premium\"\u003e\n\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"brd-hero\"\u003e\n \u003cdiv class=\"brd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"brd-hero-content\"\u003e\n \u003cdiv class=\"brd-badges-top\"\u003e\n \u003cspan class=\"brd-badge\"\u003e🧔 5 en 1\u003c\/span\u003e\n \u003cspan class=\"brd-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"brd-badge\"\u003e🇫🇷 Made in Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"brd-hero-title\"\u003eSavon du Baroudeur\u003c\/span\u003e\n \u003cp class=\"brd-subtitle\"\u003eLe savon bio multi-usages de l'homme moderne\u003c\/p\u003e\n \u003cp class=\"brd-description\"\u003eCheveux, visage, barbe, corps et rasage : un seul savon artisanal aux huiles essentielles bio de cèdre Atlas et huile d'argan. Fabriqué à Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 5 Usages --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e🪒 Un savon, cinq usages\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🧔 Rasage\u003c\/h3\u003e\n \u003cp\u003eMousse onctueuse et protectrice pour une glisse parfaite. L'huile d'argan bio limite les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e✨ Visage\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans dessécher. Le cèdre et citron tonifient et purifient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🚿 Corps\u003c\/h3\u003e\n \u003cp\u003eMousse généreuse pour un nettoyage tonifiant. Hydrate grâce aux huiles d'olive, coco et tournesol bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eShampooing naturel tous types de cheveux. Nettoie sans alourdir, apporte brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🧔‍♂️ Barbe\u003c\/h3\u003e\n \u003cp\u003eAssouplit les poils, nettoie en profondeur avec les notes fraîches et boisées des huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Bienfaits --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e🌿 Les bienfaits clés\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eSynergie \u003cstrong\u003eargan, olive et coco bio\u003c\/strong\u003e pour nourrir et préserver le film hydrolipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🪒 Rasage confort\u003c\/h3\u003e\n \u003cp\u003eMousse protectrice naturelle qui facilite le passage de la lame et réduit les rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌲 Parfum énergisant\u003c\/h3\u003e\n \u003cp\u003eNotes fraîches de \u003cstrong\u003ecitron\u003c\/strong\u003e et boisées de \u003cstrong\u003ecèdre Atlas\u003c\/strong\u003e pour un réveil sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eFormat solide économique : un seul savon remplace 5 produits liquides. Moins de plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Ingrédients --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e🧪 Composition 100% naturelle\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid-compact\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eMousse onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eProtection et souplesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌰 Huile d'argan bio\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eVitamine E antioxydante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌲 HE cèdre Atlas\u003c\/h3\u003e\n \u003cp\u003eTonifie et purifie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🍋 HE citron\u003c\/h3\u003e\n \u003cp\u003eRafraîchit et assainit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pour qui --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid-compact\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🏃 L'homme actif\u003c\/h3\u003e\n \u003cp\u003eSimplicité et efficacité au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e✈️ Le voyageur\u003c\/h3\u003e\n \u003cp\u003eFormat solide compact idéal cabine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌱 L'adepte du bio\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée sans compromis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e♻️ L'éco-responsable\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable\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=\"brd-section\"\u003e\n \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"brd-steps\"\u003e\n \u003cdiv class=\"brd-step\"\u003e\n \u003cdiv class=\"brd-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"brd-step-content\"\u003e\n \u003cspan class=\"brd-step-title\"\u003eMouillez\u003c\/span\u003e\n \u003cp\u003eHumidifiez la zone à nettoyer et faites mousser le savon entre vos mains ou directement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-step\"\u003e\n \u003cdiv class=\"brd-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"brd-step-content\"\u003e\n \u003cspan class=\"brd-step-title\"\u003eAppliquez\u003c\/span\u003e\n \u003cp\u003eMassez délicatement en mouvements circulaires sur le visage, la barbe, le corps ou les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-step\"\u003e\n \u003cdiv class=\"brd-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"brd-step-content\"\u003e\n \u003cspan class=\"brd-step-title\"\u003eRincez\u003c\/span\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Évitez le contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Informations complémentaires (accordéon) --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"brd-accordion\"\u003e\n \u003cdetails class=\"brd-accordion-item\"\u003e\n \u003csummary class=\"brd-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"brd-accordion-content\"\u003e\n \u003cp\u003eConservez le savon au sec entre les utilisations pour prolonger sa durée de vie. Utilisez un porte-savon ajouré permettant l'écoulement de l'eau. Durée d'utilisation : 12 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"brd-accordion-item\"\u003e\n \u003csummary class=\"brd-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"brd-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de contact, rincez immédiatement à l'eau claire. Usage externe uniquement. Testé dermatologiquement. En cas d'irritation, cessez l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"brd-accordion-item\"\u003e\n \u003csummary class=\"brd-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"brd-accordion-content\"\u003e\n \u003cp\u003eFabriqué artisanalement à Saint-Rémy-de-Provence par les Laboratoires Provence Nature. Certifié Cosmos Organic par Ecocert. Sans parabènes, silicones ni sulfates. Non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- CTA Final --\u003e\n\u003csection class=\"brd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"brd-cta-box\"\u003e\n \u003cp\u003eSimplifiez votre routine avec le Savon du Baroudeur : 5 produits en 1, qualité bio certifiée et savoir-faire artisanal provençal. L'essentiel de l'homme moderne qui privilégie authenticité et efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --brd-cream: #f9f8f6;\n --brd-white: #ffffff;\n --brd-primary: #3D3D3D;\n --brd-primary-dark: #2a2a2a;\n --brd-primary-light: #f5f4f2;\n --brd-secondary: #C9A86A;\n --brd-accent: #D4A853;\n --brd-text: #1a1a1a;\n --brd-text-light: #5a5a5a;\n --brd-border: #e5e3df;\n --brd-shadow: 0 4px 24px rgba(0,0,0,.08);\n --brd-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --brd-radius: 20px;\n --brd-radius-sm: 12px;\n}\n\n.brd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--brd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.brd-hero {\n position: relative;\n background: linear-gradient(135deg, #2a2a2a 0%, #3d3d3d 50%, #4a4a4a 100%);\n border-radius: var(--brd-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(--brd-shadow-lg);\n}\n\n.brd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .04;\n background-image: radial-gradient(circle at 30% 40%, var(--brd-secondary) 1px, transparent 1px);\n background-size: 24px 24px;\n}\n\n.brd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.brd-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.brd-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(--brd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.brd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.brd-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.brd-subtitle {\n color: var(--brd-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n}\n\n.brd-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.brd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.brd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--brd-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.brd-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(--brd-secondary), var(--brd-accent));\n border-radius: 2px;\n}\n\n.brd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.brd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.brd-card {\n background: var(--brd-white);\n border-radius: var(--brd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--brd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.brd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--brd-shadow-lg);\n border-color: var(--brd-secondary);\n}\n\n.brd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--brd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.brd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--brd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.brd-grid-compact .brd-card {\n padding: 1rem;\n}\n\n.brd-grid-compact .brd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.brd-grid-compact .brd-card p {\n font-size: 12px;\n}\n\n.brd-card.brd-info h3 {\n font-size: 13px;\n color: var(--brd-text-light);\n font-weight: 600;\n margin-bottom: .25rem;\n}\n\n.brd-card.brd-info p {\n font-size: 15px;\n font-weight: 800;\n color: var(--brd-primary-dark);\n}\n\n.brd-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.brd-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--brd-white);\n border-radius: var(--brd-radius);\n padding: 1.25rem;\n box-shadow: var(--brd-shadow);\n transition: all .3s ease;\n}\n\n.brd-step:hover {\n box-shadow: var(--brd-shadow-lg);\n}\n\n.brd-step-number {\n width: 48px;\n height: 48px;\n min-width: 48px;\n background: linear-gradient(135deg, var(--brd-secondary), var(--brd-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}\n\n.brd-step-content {\n flex: 1;\n}\n\n.brd-step-title {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--brd-primary-dark);\n margin-bottom: .25rem;\n}\n\n.brd-step-content p {\n font-size: 14px;\n color: var(--brd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.brd-accordion {\n background: var(--brd-white);\n border-radius: var(--brd-radius);\n box-shadow: var(--brd-shadow);\n overflow: hidden;\n}\n\n.brd-accordion-item {\n border-bottom: 1px solid var(--brd-border);\n margin: 0;\n padding: 0;\n}\n\n.brd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.brd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--brd-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.brd-accordion-header:hover {\n background: var(--brd-primary-light);\n}\n\n.brd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.brd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--brd-secondary);\n transition: transform .2s ease;\n}\n\n.brd-accordion-item[open] .brd-accordion-header::after {\n content: '−';\n}\n\n.brd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--brd-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.brd-accordion-content p {\n margin: 0;\n}\n\n.brd-cta-box {\n background: linear-gradient(135deg, var(--brd-primary) 0%, var(--brd-primary-dark) 100%);\n border-radius: var(--brd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.brd-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .brd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .brd-grid-compact {\n gap: .625rem;\n }\n \n .brd-grid-compact .brd-card {\n padding: .75rem;\n }\n \n .brd-card {\n padding: 1.125rem;\n }\n \n .brd-section {\n margin-bottom: 1.75rem;\n }\n \n .brd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--brd-radius-sm);\n }\n \n .brd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .brd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .brd-step {\n padding: 1rem;\n }\n \n .brd-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n font-size: 16px;\n }\n \n .brd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .brd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .brd-card {\n animation: fadeInUp .5s ease backwards;\n }\n .brd-card:nth-child(1) { animation-delay: .05s; }\n .brd-card:nth-child(2) { animation-delay: .1s; }\n .brd-card:nth-child(3) { animation-delay: .15s; }\n .brd-card:nth-child(4) { animation-delay: .2s; }\n .brd-card:nth-child(5) { animation-delay: .25s; }\n .brd-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 .brd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755274166429,"sku":"FM0545","price":7.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-du-baroudeur-5-en-1-homme-bio-100g-florame-emballage-min-121850.jpg?v=1732721628"},{"product_id":"savon-de-la-ruche-propolis-100-g-aagaard","title":"Savon de La Ruche Propolis - 100 G - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon de La Ruche Propolis - 100 G - Aagaard\nPalette détectée:\n - Primaire: #E86A33 (orange vif du packaging - bande supérieure et médiane)\n - Secondaire: #5C3D2E (brun foncé du savon lui-même)\n - Accent: #F5C16C (doré miel - hexagone et abeille)\n - Cream: #FDF6EE (crème chaud inspiré du packaging blanc)\nAmbiance: Artisanale, naturelle, tradition apicole française, authentique, chaleureuse\nPréfixe CSS: prop\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Le savon propolis Aagaard : un soin purifiant inspiré de la ruche\"\n 2. \"Pourquoi choisir un savon à la propolis pour votre peau ?\"\n 3. \"Les bienfaits concrets du savon propolis Aagaard\"\n 4. \"Pour qui est fait ce savon au miel et propolis ?\"\n 5. \"Composition complète du savon\"\n 6. \"Comment utiliser votre savon propolis au quotidien ?\"\n 7. \"L'engagement qualité Aagaard depuis 1967\"\n 8. \"Ce qu'il faut retenir\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"prop-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"prop-hero\"\u003e\n \u003cdiv class=\"prop-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"prop-hero-content\"\u003e\n \u003cdiv class=\"prop-badges-top\"\u003e\n \u003cspan class=\"prop-badge\"\u003e🐝 Depuis 1967\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🌿 Sans huile de palme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prop-hero-title\"\u003eSavon de La Ruche Propolis\u003c\/span\u003e\n \u003cp class=\"prop-subtitle\"\u003eLe trésor purifiant des abeilles — 100 g\u003c\/p\u003e\n \u003cp class=\"prop-description\"\u003eUn savon artisanal aux vertus assainissantes, enrichi en propolis et miel pour une peau nette, douce et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eLe savon propolis Aagaard : un soin purifiant inspiré de la ruche\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eVous cherchez un savon au propolis authentique, formulé avec des ingrédients naturels et fabriqué artisanalement en France ? Le Savon de la Ruche Propolis Aagaard répond à cette attente avec une formulation épurée, sans huile de palme, pensée pour les peaux en quête de pureté et d'équilibre.\u003c\/p\u003e\n \u003cdiv class=\"prop-testimonial\"\u003e\n \u003cp class=\"prop-testimonial-text\"\u003e\"Depuis 1967, la maison Aagaard perpétue un savoir-faire unique autour des trésors de la ruche. Ce savon miel et propolis de 100 g incarne cette expertise : une texture généreuse, un parfum subtil et des actifs reconnus pour leurs vertus assainissantes.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon à la propolis pour votre peau ?\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eLa propolis est une résine naturelle récoltée par les abeilles pour protéger leur ruche des agressions extérieures. Utilisée depuis l'Antiquité, elle est aujourd'hui prisée en cosmétique pour ses multiples bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🧹 Action purifiante\u003c\/h3\u003e\n \u003cp\u003eLa propolis aide à assainir la peau et à limiter la prolifération des bactéries responsables des imperfections\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e💧 Régulation du sébum\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux mixtes à grasses qui ont tendance à briller\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌸 Effet apaisant\u003c\/h3\u003e\n \u003cp\u003eElle calme les petites irritations et favorise le confort cutané\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e✨ Resserrement des pores\u003c\/h3\u003e\n \u003cp\u003ePour un grain de peau plus affiné et uniforme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-tip\"\u003e\n \u003cspan class=\"prop-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEn associant la propolis au miel et à des huiles végétales de qualité, ce savon propolis offre un nettoyage efficace sans jamais agresser ni dessécher votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets du savon propolis Aagaard\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eCe n'est pas un simple savon de toilette. C'est un véritable soin quotidien qui travaille pour votre peau à chaque utilisation :\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🫧 Purifie en profondeur\u003c\/h3\u003e\n \u003cp\u003eÉlimine les impuretés, l'excès de sébum et les résidus de pollution\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e💦 Hydrate naturellement\u003c\/h3\u003e\n \u003cp\u003eGrâce à la glycérine végétale naturellement présente et à l'huile d'olive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e⚖️ Respecte l'équilibre cutané\u003c\/h3\u003e\n \u003cp\u003eNe perturbe pas le film hydrolipidique de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Convient à toute la famille\u003c\/h3\u003e\n \u003cp\u003eVisage, corps et même toilette intime grâce à ses propriétés douces et désodorisantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-tip\"\u003e\n \u003cspan class=\"prop-tip-icon\"\u003e🎯\u003c\/span\u003e\n \u003cp\u003eLes bienfaits du savon à la propolis se révèlent particulièrement précieux si vous avez une peau sujette aux petits boutons, aux rougeurs ou aux zones de brillance. Vous remarquerez rapidement un teint plus net et une sensation de fraîcheur durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003ePour qui est fait ce savon au miel et propolis ?\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eCe savon miel propolis s'adapte à différents profils et besoins :\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌙 Peaux mixtes à grasses\u003c\/h3\u003e\n \u003cp\u003ePour réguler la production de sébum et matifier naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🔬 Peaux à imperfections\u003c\/h3\u003e\n \u003cp\u003eBoutons, points noirs, pores dilatés trouvent un allié de choix\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🪶 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eLa formule douce, sans colorants artificiels ni parfums de synthèse, respecte les épidermes réactifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🛁 Hygiène intime\u003c\/h3\u003e\n \u003cp\u003eSes vertus purifiantes et son pH adapté en font un soin de toilette intime sûr et efficace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdultes et adolescents peuvent l'utiliser au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eComposition complète du savon\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eChez Aagaard, la transparence est une valeur fondamentale. Voici la liste intégrale des ingrédients de ce savon propolis :\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🫒 Sodium Olivate\u003c\/h3\u003e\n \u003cp\u003eHuile d'olive saponifiée, nourrissante et adoucissante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🥥 Sodium Cocoate\u003c\/h3\u003e\n \u003cp\u003eHuile de coco saponifiée, pour une mousse onctueuse et un pouvoir nettoyant optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n \u003cp\u003eEau purifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🧴 Glycerin\u003c\/h3\u003e\n \u003cp\u003eGlycérine végétale, hydratante naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🐝 Propolis Cera\u003c\/h3\u003e\n \u003cp\u003eCire de propolis, l'actif star aux vertus purifiantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🍯 Mel\u003c\/h3\u003e\n \u003cp\u003eMiel, adoucissant et protecteur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌿 Olea Europaea Fruit Oil\u003c\/h3\u003e\n \u003cp\u003eHuile d'olive vierge pour nourrir en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🧂 Sodium Chloride\u003c\/h3\u003e\n \u003cp\u003eSel, agent de texture\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌱 Tetrasodium Glutamate Diacetate\u003c\/h3\u003e\n \u003cp\u003eAgent chélateur d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-engagements\"\u003e\n \u003cspan class=\"prop-engagement-badge\"\u003e🚫 Sans huile de palme\u003c\/span\u003e\n \u003cspan class=\"prop-engagement-badge\"\u003e🚫 Sans parabènes\u003c\/span\u003e\n \u003cspan class=\"prop-engagement-badge\"\u003e🚫 Sans colorants artificiels\u003c\/span\u003e\n \u003cspan class=\"prop-engagement-badge\"\u003e🚫 Sans parfums de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon propolis au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003ePour profiter pleinement des bienfaits du savon propolis, suivez ces quelques conseils simples :\u003c\/p\u003e\n \u003cdiv class=\"prop-timeline\"\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003ePour le visage\u003c\/h3\u003e\n \u003cp\u003eMouillez votre visage à l'eau tiède, faites mousser le savon entre vos mains puis massez délicatement en évitant le contour des yeux. Rincez abondamment et séchez en tamponnant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse généreusement sur peau humide, insistez sur les zones sujettes aux impuretés (dos, épaules), puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003ePour la toilette intime\u003c\/h3\u003e\n \u003cp\u003eUtilisez une petite quantité de mousse, nettoyez en douceur et rincez soigneusement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-tip\"\u003e\n \u003cspan class=\"prop-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce\u003c\/strong\u003e : pour prolonger la durée de vie de votre savon, conservez-le sur un porte-savon aéré qui lui permet de sécher entre chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eL'engagement qualité Aagaard depuis 1967\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eLa maison Aagaard est une référence française dans le domaine des produits de la ruche. Chaque savon au miel et propolis est fabriqué selon une méthode artisanale respectueuse :\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🐝 Propolis sélectionnée avec soin\u003c\/h3\u003e\n \u003cp\u003eIssue de ruches françaises et européennes rigoureusement contrôlées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eUn savoir-faire local qui garantit traçabilité et qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌍 Engagement environnemental\u003c\/h3\u003e\n \u003cp\u003eFormules biodégradables, sans ingrédients controversés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-tip\"\u003e\n \u003cspan class=\"prop-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eEn choisissant ce savon, vous soutenez une entreprise familiale engagée pour la protection des abeilles et la valorisation de leur travail extraordinaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"prop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCe qu'il faut retenir\u003c\/h2\u003e\n \u003cdiv class=\"prop-grid-compact\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n \u003cp\u003e100 grammes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🎯 Type de peau\u003c\/h3\u003e\n \u003cp\u003eMixte, grasse, à imperfections, sensible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e📍 Zones d'utilisation\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, toilette intime\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌿 Actifs principaux\u003c\/h3\u003e\n \u003cp\u003ePropolis, miel, huile d'olive, huile de coco\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eArtisanale, en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e✅ Engagements\u003c\/h3\u003e\n \u003cp\u003eSans huile de palme, sans parabènes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"prop-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --prop-cream: #FDF6EE;\n --prop-white: #ffffff;\n --prop-primary: #E86A33;\n --prop-primary-dark: #C4531E;\n --prop-primary-light: #FEF0E8;\n --prop-secondary: #5C3D2E;\n --prop-accent: #F5C16C;\n\n \/* Textes *\/\n --prop-text: #1a1a1a;\n --prop-text-light: #5a5a5a;\n\n \/* Effets *\/\n --prop-border: #e8ddd4;\n --prop-shadow: 0 4px 24px rgba(92,61,46,.08);\n --prop-shadow-lg: 0 12px 48px rgba(92,61,46,.15);\n --prop-radius: 20px;\n --prop-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.prop-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--prop-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.prop-hero {\n position: relative;\n background: linear-gradient(135deg, var(--prop-primary) 0%, var(--prop-secondary) 60%, #3D2A1E 100%);\n border-radius: var(--prop-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(--prop-shadow-lg);\n}\n\n.prop-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 5L45 15V35L30 45L15 35V15L30 5Z' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .08;\n}\n\n.prop-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.prop-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.prop-subtitle {\n color: var(--prop-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.prop-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.prop-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.prop-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(--prop-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.prop-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.prop-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.prop-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--prop-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.prop-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(--prop-primary), var(--prop-accent));\n border-radius: 2px;\n}\n\n.prop-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--prop-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.prop-card {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--prop-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.prop-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--prop-shadow-lg);\n border-color: var(--prop-primary);\n}\n\n.prop-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--prop-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.prop-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.prop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.prop-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.prop-grid-compact .prop-card {\n padding: 1rem;\n}\n\n.prop-grid-compact .prop-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.prop-grid-compact .prop-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.prop-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.prop-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.prop-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--prop-primary), var(--prop-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(232,106,51,.3);\n}\n\n.prop-timeline-content {\n flex: 1;\n background: var(--prop-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--prop-radius-sm);\n box-shadow: var(--prop-shadow);\n}\n\n.prop-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--prop-secondary);\n margin: 0 0 .35rem 0;\n}\n\n.prop-timeline-content p {\n font-size: 14px;\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.prop-testimonial {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--prop-shadow);\n border-left: 4px solid var(--prop-primary);\n}\n\n.prop-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--prop-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.prop-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--prop-primary-light);\n border-radius: var(--prop-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid rgba(232,106,51,.15);\n}\n\n.prop-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.prop-tip p {\n font-size: 14px;\n color: var(--prop-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ENGAGEMENTS === *\/\n.prop-engagements {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.5rem;\n}\n\n.prop-engagement-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--prop-secondary), #3D2A1E);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: white;\n box-shadow: 0 4px 12px rgba(92,61,46,.2);\n}\n\n\/* === DISCLAIMER === *\/\n.prop-disclaimer {\n font-size: 12px;\n color: var(--prop-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n padding: 1rem;\n background: var(--prop-white);\n border-radius: var(--prop-radius-sm);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .prop-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .prop-card {\n padding: 1.125rem;\n }\n \n .prop-section {\n margin-bottom: 1.75rem;\n }\n \n .prop-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--prop-radius-sm);\n }\n \n .prop-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .prop-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .prop-grid-compact {\n gap: .625rem;\n }\n \n .prop-grid-compact .prop-card {\n padding: .75rem;\n }\n \n .prop-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .prop-timeline-content {\n padding: 1rem;\n }\n \n .prop-timeline-content h3 {\n font-size: 14px;\n }\n \n .prop-timeline-content p {\n font-size: 13px;\n }\n \n .prop-testimonial {\n padding: 1.25rem;\n }\n \n .prop-testimonial-text {\n font-size: 14px;\n }\n \n .prop-tip {\n padding: .875rem 1rem;\n }\n \n .prop-tip-icon {\n font-size: 20px;\n }\n \n .prop-tip p {\n font-size: 13px;\n }\n \n .prop-engagements {\n gap: .5rem;\n }\n \n .prop-engagement-badge {\n padding: 8px 14px;\n font-size: 11px;\n }\n \n .prop-badges-top {\n gap: 6px;\n }\n \n .prop-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .prop-card {\n animation: fadeInUp .5s ease backwards;\n }\n .prop-card:nth-child(1) { animation-delay: .05s; }\n .prop-card:nth-child(2) { animation-delay: .1s; }\n .prop-card:nth-child(3) { animation-delay: .15s; }\n .prop-card:nth-child(4) { animation-delay: .2s; }\n .prop-card:nth-child(5) { animation-delay: .25s; }\n .prop-card:nth-child(6) { animation-delay: .3s; }\n .prop-card:nth-child(7) { animation-delay: .35s; }\n .prop-card:nth-child(8) { animation-delay: .4s; }\n .prop-card:nth-child(9) { animation-delay: .45s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .prop-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AAGAARD","offers":[{"title":"Default Title","offer_id":45755274559645,"sku":"NBAIAAG0006","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-de-la-ruche-propolis-100-g-aagaard-lifestyle_e3cb9210-6c3b-44ad-a31a-abfb67895533.webp?v=1769793406"},{"product_id":"savon-de-la-ruche-miel-100-g-aagaard","title":"Savon de la Ruche au Miel - 100 g - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon de la Ruche au Miel - 100g - Aagaard\nPalette détectée:\n - Primaire: #E8732C (orange miel\/ruche du packaging)\n - Secondaire: #D4A853 (doré miel, couleur du savon)\n - Accent: #F5E6C8 (crème doux)\nAmbiance: Naturel, artisanal, chaleureux, tradition apicole, douceur\nPréfixe CSS: miel\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Conseils d'utilisation\"\n 2. \"Composition\"\n 3. \"Origine et fabrication\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"miel-premium\"\u003e\n \n \u003c!-- HERO --\u003e\n \u003cdiv class=\"miel-hero\"\u003e\n \u003cdiv class=\"miel-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"miel-hero-content\"\u003e\n \u003cdiv class=\"miel-badges-top\"\u003e\n \u003cspan class=\"miel-badge\"\u003e🐝 Miel \u0026amp; Propolis\u003c\/span\u003e\n \u003cspan class=\"miel-badge\"\u003e🌿 Sans huile de palme\u003c\/span\u003e\n \u003cspan class=\"miel-badge\"\u003e✨ Hydratant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"miel-hero-title\"\u003eSavon de la Ruche au Miel\u003c\/span\u003e\n \u003cp class=\"miel-subtitle\"\u003eAagaard • Depuis 1967\u003c\/p\u003e\n \u003cp class=\"miel-description\"\u003eUn soin artisanal aux trésors de la ruche pour une peau douce, nourrie et resplendissante au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- INTRODUCTION --\u003e\n \u003csection class=\"miel-section\"\u003e\n \u003ch2\u003e🍯 Le pouvoir du miel pour votre peau\u003c\/h2\u003e\n \u003cp class=\"miel-section-intro\"\u003eFabriqué selon une méthode traditionnelle, ce savon associe les bienfaits exceptionnels du miel et de la propolis pour une expérience de soin incomparable.\u003c\/p\u003e\n \u003cdiv class=\"miel-grid\"\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eLe miel nourrit et hydrate la peau en profondeur, la protégeant des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n \u003cp\u003eLa propolis, antiseptique naturel, purifie et assainit tout en apportant un éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🌸 Douceur absolue\u003c\/h3\u003e\n \u003cp\u003eLa glycérine et les huiles végétales garantissent une peau douce et soyeuse après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e✅ Formule pure\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs, colorants artificiels ni parfums de synthèse. Idéal pour tous types de peaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CONSEILS D'UTILISATION --\u003e\n \u003csection class=\"miel-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"miel-timeline\"\u003e\n \u003cdiv class=\"miel-timeline-item\"\u003e\n \u003cdiv class=\"miel-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"miel-timeline-content\"\u003e\n \u003ch3\u003eMouillez et faites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains ou sur une peau mouillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-timeline-item\"\u003e\n \u003cdiv class=\"miel-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"miel-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eAppliquez en mouvements circulaires sur le visage et le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-timeline-item\"\u003e\n \u003cdiv class=\"miel-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"miel-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède pour révéler une peau hydratée et délicieusement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-tip\"\u003e\n \u003cspan class=\"miel-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Utilisez quotidiennement pour des résultats optimaux, particulièrement recommandé pour les peaux sèches et très sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"miel-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"miel-grid\"\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🫒 Huiles d'olive \u0026amp; coco\u003c\/h3\u003e\n \u003cp\u003eSodium olivate et sodium cocoate : nettoyants doux et respectueux de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🍯 Miel\u003c\/h3\u003e\n \u003cp\u003eHydrate, nourrit et régénère la peau grâce à ses propriétés nourrissantes et cicatrisantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🐝 Propolis\u003c\/h3\u003e\n \u003cp\u003ePurifie et assainit la peau grâce à ses propriétés antiseptiques naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e💧 Glycérine\u003c\/h3\u003e\n \u003cp\u003eHydrate intensément et protège la peau contre le dessèchement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e�ite Kaolin\u003c\/h3\u003e\n \u003cp\u003eArgile blanche qui apporte douceur et un effet purifiant délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e⚗️ Autres actifs\u003c\/h3\u003e\n \u003cp\u003eSodium chloride, tetrasodium glutamate diacetate, alpha isomethyl ionone, linalool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE ET FABRICATION --\u003e\n \u003csection class=\"miel-section\"\u003e\n \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"miel-testimonial\"\u003e\n \u003cp class=\"miel-testimonial-text\"\u003e\"Fabriqué en Europe selon des méthodes artisanales respectueuses de l'environnement et des valeurs éthiques. Aagaard privilégie l'apiculture durable et l'agriculture biologique, garantissant un produit naturel de qualité supérieure. Une fabrication qui allie tradition et modernité pour un soin efficace et respectueux de votre peau.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-grid-compact\"\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🇪🇺 Made in Europe\u003c\/h3\u003e\n \u003cp\u003eFabrication artisanale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🌱 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eApiculture durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e📅 Depuis 1967\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire traditionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🏆 Qualité premium\u003c\/h3\u003e\n \u003cp\u003eIngrédients sélectionnés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"miel-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"miel-cta-box\"\u003e\n \u003cp\u003e🐝 Adoptez le Savon de la Ruche au Miel dans votre routine beauté pour une peau saine, douce et resplendissante.\u003cbr\u003e\u003cstrong\u003eUn véritable cadeau de la nature, parfait pour un soin quotidien.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"miel-disclaimer\"\u003eFormat 100g • Convient à tous types de peaux • Usage quotidien visage et corps\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --miel-cream: #FDF9F3;\n --miel-white: #ffffff;\n --miel-primary: #E8732C;\n --miel-primary-dark: #C45A1A;\n --miel-primary-light: #FFF4E6;\n --miel-secondary: #D4A853;\n --miel-accent: #F5E6C8;\n --miel-text: #1a1a1a;\n --miel-text-light: #5a5a5a;\n --miel-border: #e8ddd0;\n --miel-shadow: 0 4px 24px rgba(200,140,60,.12);\n --miel-shadow-lg: 0 12px 48px rgba(200,140,60,.18);\n --miel-radius: 20px;\n --miel-radius-sm: 12px;\n}\n\n.miel-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--miel-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.miel-hero {\n position: relative;\n background: linear-gradient(135deg, #E8732C 0%, #D4A853 50%, #C45A1A 100%);\n border-radius: var(--miel-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(--miel-shadow-lg);\n}\n\n.miel-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L52 17.5 L52 42.5 L30 55 L8 42.5 L8 17.5 Z' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 40px 40px;\n opacity: .08;\n}\n\n.miel-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.miel-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.miel-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(--miel-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.miel-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.miel-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.miel-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.miel-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.miel-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.miel-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--miel-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.miel-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(--miel-primary), var(--miel-secondary));\n border-radius: 2px;\n}\n\n.miel-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--miel-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.miel-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.miel-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.miel-card {\n background: var(--miel-white);\n border-radius: var(--miel-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--miel-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.miel-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--miel-shadow-lg);\n border-color: var(--miel-primary);\n}\n\n.miel-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--miel-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.miel-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--miel-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.miel-grid-compact .miel-card {\n padding: 1rem;\n}\n\n.miel-grid-compact .miel-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.miel-grid-compact .miel-card p {\n font-size: 12px;\n}\n\n.miel-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.miel-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.miel-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--miel-primary), var(--miel-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.miel-timeline-content {\n flex: 1;\n background: var(--miel-white);\n padding: 1rem 1.25rem;\n border-radius: var(--miel-radius-sm);\n box-shadow: var(--miel-shadow);\n}\n\n.miel-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--miel-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.miel-timeline-content p {\n font-size: 14px;\n color: var(--miel-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.miel-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--miel-primary-light);\n border-radius: var(--miel-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.miel-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.miel-tip p {\n font-size: 14px;\n color: var(--miel-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.miel-testimonial {\n background: var(--miel-white);\n border-radius: var(--miel-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--miel-shadow);\n border-left: 4px solid var(--miel-primary);\n margin-bottom: 1.5rem;\n}\n\n.miel-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--miel-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.miel-cta-box {\n background: linear-gradient(135deg, var(--miel-primary) 0%, var(--miel-primary-dark) 100%);\n border-radius: var(--miel-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.miel-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.miel-disclaimer {\n font-size: 12px;\n color: var(--miel-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .miel-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .miel-card {\n padding: 1.125rem;\n }\n \n .miel-section {\n margin-bottom: 1.75rem;\n }\n \n .miel-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--miel-radius-sm);\n }\n \n .miel-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .miel-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .miel-grid-compact {\n gap: .625rem;\n }\n \n .miel-grid-compact .miel-card {\n padding: .75rem;\n }\n \n .miel-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .miel-timeline-content {\n padding: .875rem 1rem;\n }\n \n .miel-timeline-content h3 {\n font-size: 14px;\n }\n \n .miel-timeline-content p {\n font-size: 13px;\n }\n \n .miel-testimonial {\n padding: 1.25rem;\n }\n \n .miel-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .miel-card {\n animation: fadeInUp .5s ease backwards;\n }\n .miel-card:nth-child(1) { animation-delay: .05s; }\n .miel-card:nth-child(2) { animation-delay: .1s; }\n .miel-card:nth-child(3) { animation-delay: .15s; }\n .miel-card:nth-child(4) { animation-delay: .2s; }\n .miel-card:nth-child(5) { animation-delay: .25s; }\n .miel-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 .miel-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AAGAARD","offers":[{"title":"Default Title","offer_id":45755351695517,"sku":"NBAIAAG0019","price":4.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-de-la-ruche-au-miel-100-g-aagaard-lifestyle.webp?v=1769793689"},{"product_id":"savon-bio-au-lait-danesse-fleurs-de-coton-100g-eolesens","title":"Savon Lait d'Ânesse Bio \u0026 Fleurs de Coton - 100g - Eolesens","description":"\u003cdiv class=\"eol-premium\"\u003e\n \u003cdiv class=\"eol-hero\"\u003e\n \u003cdiv class=\"eol-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"eol-hero-content\"\u003e\n \u003cdiv class=\"eol-badges-top\"\u003e\n \u003cspan class=\"eol-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"eol-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"eol-badge\"\u003e🚫 Sans huile de palme\u003c\/span\u003e\n \u003cspan class=\"eol-badge\"\u003e✋ Artisanal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"eol-hero-title\"\u003eSavon Lait d'Ânesse Bio \u0026amp; Fleurs de Coton\u003c\/span\u003e\n \u003cp class=\"eol-subtitle\"\u003eLa douceur légendaire du lait d'ânesse, signée Eolesens\u003c\/p\u003e\n \u003cp class=\"eol-description\"\u003ePain de 100g alliant lait d'ânesse bio, huile de chanvre et notes délicates de fleurs de coton. Un soin d'exception pour les peaux sensibles, sèches ou réactives — visage et corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon au lait d'ânesse ?\u003c\/h2\u003e\n \u003cp class=\"eol-section-intro\"\u003eReconnu depuis l'Antiquité, le lait d'ânesse est riche en vitamines (A, B, C, D, E), acides gras essentiels et protéines. Il préserve la souplesse et l'éclat de votre peau au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"eol-grid\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e💧 Hydratation naturelle\u003c\/h3\u003e\n \u003cp\u003eMaintient le confort cutané tout au long de la journée grâce à sa richesse en actifs hydratants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌸 Adoucissant \u0026amp; apaisant\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux tiraillées ou sujettes aux rougeurs, il calme et réconforte instantanément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🛁 Nettoyage tout en douceur\u003c\/h3\u003e\n \u003cp\u003eRespecte le film hydrolipidique de la peau, contrairement aux savons industriels classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e✨ Douceur immédiate\u003c\/h3\u003e\n \u003cp\u003eUne sensation de confort unique, appréciée sur le visage comme sur le corps dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌱 Huile de chanvre bio\u003c\/h3\u003e\n \u003cp\u003eAssociée à des huiles végétales nobles, elle apaise particulièrement les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌼 Fleurs de coton\u003c\/h3\u003e\n \u003cp\u003eUn parfum floral subtil et enveloppant qui transforme votre toilette en moment sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"eol-timeline\"\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e💦 Humidifier le savon\u003c\/h3\u003e\n \u003cp\u003ePassez votre pain de savon sous l'eau tiède pour l'activer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e🫧 Faire mousser\u003c\/h3\u003e\n \u003cp\u003eEntre vos mains ou sur un gant, pour obtenir une mousse onctueuse et généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e💆 Masser délicatement\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur la peau du visage ou du corps, matin et soir selon vos envies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e🚿 Rincer \u0026amp; sécher\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède puis séchez en tamponnant délicatement avec une serviette douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-tip\"\u003e\n \u003cspan class=\"eol-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour prolonger la durée de vie de votre savon, placez-le sur un porte-savon drainant et laissez-le sécher à l'air libre entre chaque usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp class=\"eol-section-intro\"\u003eUne formule courte, naturelle et efficace, pensée pour respecter votre peau.\u003c\/p\u003e\n \u003cdiv class=\"eol-grid\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🥛 Lait d'ânesse bio\u003c\/h3\u003e\n \u003cp\u003eHydratant, adoucissant et régénérant, l'ingrédient star de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eNourrissante et riche en antioxydants pour une peau protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eApporte une mousse onctueuse tout en assouplissant la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌿 Huile de chanvre bio\u003c\/h3\u003e\n \u003cp\u003eApaisante, idéale pour les peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌼 Parfum naturel\u003c\/h3\u003e\n \u003cp\u003eFleurs de coton pour une touche florale délicate et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌾 Sans huile de palme\u003c\/h3\u003e\n \u003cp\u003eUn engagement responsable pour préserver l'environnement et les forêts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-tip\" style=\"margin-top:1.5rem;\"\u003e\n \u003cspan class=\"eol-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Sodium Olivate, Sodium Cocoate, Aqua, Donkey Milk*, Glycerin, Cannabis Sativa (Hemp) Seed Oil*, Fragrance, Sodium Chloride, Illite, Tetrasodium Glutamate Diacetate, Alpha-Isomethyl Ionone, Benzyl Salicylate, Hexyl Cinnamal, Butylphenyl Methylpropional, Linalool. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eUne fabrication artisanale française\u003c\/h2\u003e\n \u003cdiv class=\"eol-grid-compact\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré en France selon un procédé respectueux des matières premières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🐴 Élevages certifiés bio\u003c\/h3\u003e\n \u003cp\u003eLait d'ânesse issu d'élevages où les animaux sont traités avec soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌱 Ingrédients naturels\u003c\/h3\u003e\n \u003cp\u003eFormulation respectant les exigences de la cosmétique biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e💎 Riche en actifs\u003c\/h3\u003e\n \u003cp\u003eUne alternative authentique et nettement plus respectueuse que les savons industriels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"eol-accordion\"\u003e\n \u003cdetails class=\"eol-accordion-item\"\u003e\n \u003csummary class=\"eol-accordion-header\"\u003e💆‍♀️ Le savon au lait d'ânesse convient-il au visage ?\u003c\/summary\u003e\n \u003cdiv class=\"eol-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule douce est parfaitement adaptée au nettoyage du visage, matin et soir. Le lait d'ânesse respecte les peaux les plus délicates et apporte confort et douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"eol-accordion-item\"\u003e\n \u003csummary class=\"eol-accordion-header\"\u003e🌿 Est-il adapté aux peaux à problèmes ?\u003c\/summary\u003e\n \u003cdiv class=\"eol-accordion-content mt-3\"\u003e\n \u003cp\u003eSa richesse en lait d'ânesse aide à apaiser les inconforts cutanés quotidiens. En cas de pathologie cutanée, demandez l'avis d'un professionnel de santé : ce savon ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"eol-accordion-item\"\u003e\n \u003csummary class=\"eol-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"eol-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument ! Il respecte l'équilibre naturel de la peau et s'intègre parfaitement à une routine quotidienne, sur le visage comme sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"eol-disclaimer\"\u003eCe savon ne se substitue pas à un traitement médical. Usage externe uniquement. Éviter le contact avec les yeux.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --eol-cream: #f6fbfc;\n --eol-white: #ffffff;\n --eol-primary: #3cb4c4;\n --eol-primary-dark: #1f7a87;\n --eol-primary-light: #e4f4f6;\n --eol-secondary: #f4a896;\n --eol-accent: #d9b896;\n --eol-text: #1a1a1a;\n --eol-text-light: #5a5a5a;\n --eol-border: #e0e0e0;\n --eol-shadow: 0 4px 24px rgba(0,0,0,.08);\n --eol-shadow-lg: 0 12px 48px rgba(31,122,135,.18);\n --eol-radius: 20px;\n --eol-radius-sm: 12px;\n}\n\n.eol-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--eol-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--eol-text);\n}\n\n.eol-hero {\n position: relative;\n background: linear-gradient(135deg, #3cb4c4 0%, #5cc7d4 50%, #8ad8e0 100%);\n border-radius: var(--eol-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(--eol-shadow-lg);\n}\n\n.eol-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 20%, white 2px, transparent 3px), radial-gradient(circle at 80% 60%, white 2px, transparent 3px), radial-gradient(circle at 40% 80%, white 1.5px, transparent 2px);\n background-size: 120px 120px, 180px 180px, 90px 90px;\n opacity: .08;\n}\n\n.eol-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.eol-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,.15);\n line-height: 1.1;\n}\n\n.eol-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.eol-description {\n color: white;\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n opacity: .95;\n}\n\n.eol-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.eol-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(--eol-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.eol-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.eol-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.eol-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--eol-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.eol-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(--eol-primary), var(--eol-secondary));\n border-radius: 2px;\n}\n\n.eol-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eol-text-light);\n margin-bottom: 1.75rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n.eol-card {\n background: var(--eol-white);\n border-radius: var(--eol-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--eol-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.eol-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--eol-shadow-lg);\n border-color: var(--eol-primary);\n}\n\n.eol-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--eol-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.eol-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--eol-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.eol-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.eol-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.eol-grid-compact .eol-card {\n padding: 1rem;\n}\n\n.eol-grid-compact .eol-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.eol-grid-compact .eol-card p {\n font-size: 12px;\n}\n\n.eol-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.eol-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.eol-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--eol-primary), var(--eol-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(60,180,196,.3);\n}\n\n.eol-timeline-content {\n flex: 1;\n background: var(--eol-white);\n padding: 1rem 1.25rem;\n border-radius: var(--eol-radius-sm);\n box-shadow: var(--eol-shadow);\n}\n\n.eol-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--eol-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.eol-timeline-content p {\n font-size: 14px;\n color: var(--eol-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.eol-accordion {\n background: var(--eol-white);\n border-radius: var(--eol-radius);\n box-shadow: var(--eol-shadow);\n overflow: hidden;\n}\n\n.eol-accordion-item {\n border-bottom: 1px solid var(--eol-border);\n margin: 0;\n padding: 0;\n}\n\n.eol-accordion-item:last-child {\n border-bottom: none;\n}\n\n.eol-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--eol-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 gap: 1rem;\n}\n\n.eol-accordion-header:hover {\n background: var(--eol-primary-light);\n}\n\n.eol-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.eol-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 300;\n color: var(--eol-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.eol-accordion-item[open] .eol-accordion-header::after {\n content: '−';\n}\n\n.eol-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--eol-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.eol-accordion-content p {\n margin: 0;\n}\n\n.eol-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--eol-primary-light);\n border-radius: var(--eol-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--eol-primary);\n}\n\n.eol-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.eol-tip p {\n font-size: 14px;\n color: var(--eol-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.eol-disclaimer {\n font-size: 12px;\n color: var(--eol-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .eol-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .eol-card {\n padding: 1.125rem;\n }\n .eol-section {\n margin-bottom: 1.75rem;\n }\n .eol-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--eol-radius-sm);\n }\n .eol-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .eol-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .eol-grid-compact {\n gap: .625rem;\n }\n .eol-grid-compact .eol-card {\n padding: .75rem;\n }\n .eol-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .eol-timeline-content {\n padding: .875rem 1rem;\n }\n .eol-timeline-content h3 {\n font-size: 14px;\n }\n .eol-timeline-content p {\n font-size: 13px;\n }\n .eol-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .eol-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .eol-card {\n animation: eolFadeInUp .5s ease backwards;\n }\n .eol-card:nth-child(1) { animation-delay: .05s; }\n .eol-card:nth-child(2) { animation-delay: .1s; }\n .eol-card:nth-child(3) { animation-delay: .15s; }\n .eol-card:nth-child(4) { animation-delay: .2s; }\n .eol-card:nth-child(5) { animation-delay: .25s; }\n .eol-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes eolFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .eol-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45755365523613,"sku":"NBAISEN0012","price":4.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-lait-danesse-bio-fleurs-de-coton-100g-eolesens-lifestyle_5c4c5da8-862b-40d9-b090-5c22299cf988.webp?v=1776440739"},{"product_id":"savon-de-toilette-somptueux-170-g-jardin-de-mon-grand-pere","title":"Savon de Toilette Somptueux - 170g - Jardin de mon Grand Père","description":"\u003cdiv class=\"sv-premium\"\u003e\n\n \u003cdiv class=\"sv-hero\"\u003e\n \u003cdiv class=\"sv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-hero-content\"\u003e\n \u003cdiv class=\"sv-badges-top\"\u003e\n \u003cspan class=\"sv-badge\"\u003e🌿 Huile d'argan \u0026amp; karité\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🍯 Enrichi au miel\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🧼 170 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sv-hero-title\"\u003eSavon de Toilette Somptueux\u003c\/span\u003e\n \u003cp class=\"sv-subtitle\"\u003eLe Jardin de mon Grand-Père\u003c\/p\u003e\n \u003cp class=\"sv-description\"\u003eUn savon d'exception aux huiles précieuses d'argan et de karité, parfumé aux notes envoûtantes de géranium, patchouli, benjoin et fève tonka.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eSavon de Toilette Somptueux : un soin d'exception pour votre peau\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eLe \u003cstrong\u003esavon de toilette Somptueux\u003c\/strong\u003e de la gamme \u003cem\u003eLe Jardin de mon Grand-Père\u003c\/em\u003e est bien plus qu'un simple savon : c'est un véritable rituel de soin.\u003c\/p\u003e\n \u003cdiv class=\"sv-grid-compact\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌰 Huile d'argan\u003c\/h3\u003e\n \u003cp\u003eNourrit et répare la peau en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eEnveloppe d'une douceur incomparable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🍯 Miel naturel\u003c\/h3\u003e\n \u003cp\u003eHydrate et adoucit l'épiderme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌺 Argile rouge\u003c\/h3\u003e\n \u003cp\u003ePurifie délicatement sans agresser\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sv-section-intro\" style=\"margin-top:1.25rem;\"\u003eSon parfum chaleureux, mêlant les \u003cstrong\u003ehuiles essentielles de géranium et de patchouli\u003c\/strong\u003e, la \u003cstrong\u003erésine de benjoin\u003c\/strong\u003e et la \u003cstrong\u003efève tonka\u003c\/strong\u003e, transforme chaque toilette en un moment de pur réconfort.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon naturel ?\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eSi vous recherchez un savon naturel qui prend véritablement soin de votre peau, celui-ci coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile d'argan et le beurre de karité apportent des acides gras essentiels qui renforcent le film hydrolipidique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌸 Douceur purifiante\u003c\/h3\u003e\n \u003cp\u003eL'argile rouge nettoie en douceur sans agresser, idéale pour les peaux sensibles ou sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e✨ Parfum envoûtant\u003c\/h3\u003e\n \u003cp\u003eLes notes boisées et poudrées du patchouli, du benjoin et de la fève tonka créent une signature olfactive raffinée et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🍃 Formule respectueuse\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, sans colorants synthétiques, sans dérivés pétrochimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-tip\"\u003e\n \u003cspan class=\"sv-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003eCe savon convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les plus délicates. Il offre un nettoyage efficace tout en laissant l'épiderme souple et subtilement parfumé. Notez toutefois qu'il ne s'agit pas d'un savon pour la toilette intime : pour cette zone spécifique, privilégiez un soin lavant au pH adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eLa richesse de ce savon tient à la qualité de ses ingrédients, soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌰 Huile d'argan\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés nourrissantes et réparatrices\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eProtège et assouplit la peau au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🍯 Miel\u003c\/h3\u003e\n \u003cp\u003eActif hydratant naturel aux vertus adoucissantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌺 Argile rouge\u003c\/h3\u003e\n \u003cp\u003ePurifie délicatement et revitalise le teint\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle de géranium\u003c\/h3\u003e\n \u003cp\u003eTonifiante et équilibrante pour la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌳 Huile essentielle de patchouli\u003c\/h3\u003e\n \u003cp\u003eApaisante, aux notes boisées caractéristiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🪵 Résine de benjoin\u003c\/h3\u003e\n \u003cp\u003eCicatrisante et réconfortante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🫘 Fève tonka\u003c\/h3\u003e\n \u003cp\u003eApporte une touche gourmande et chaleureuse au parfum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre savon ?\u003c\/h2\u003e\n \u003cdiv class=\"sv-timeline\"\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eMouillez votre peau\u003c\/h3\u003e\n \u003cp\u003ePassez votre peau sous l'eau tiède pour la préparer au nettoyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez de légers mouvements circulaires pour profiter pleinement des actifs nourrissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment. Utilisable chaque jour, aussi bien pour le visage que pour le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-tip\"\u003e\n \u003cspan class=\"sv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pour le conserver plus longtemps :\u003c\/strong\u003e déposez-le sur un porte-savon aéré après chaque utilisation afin qu'il sèche correctement entre deux douches. Cela préservera sa texture et ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLe Jardin de mon Grand-Père : l'art du savon authentique\u003c\/h2\u003e\n \u003cdiv class=\"sv-testimonial\"\u003e\n \u003cp class=\"sv-testimonial-text\"\u003eDerrière cette marque se cache un véritable engagement pour des soins artisanaux et naturels, inspirés des recettes d'autrefois. Chaque savon est fabriqué avec soin, dans le respect des traditions et de l'environnement. Choisir ce savon, c'est faire un geste à la fois pour votre peau et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-cta-box\"\u003e\n \u003cp\u003e✨ Envie de prolonger cette expérience sensorielle ? Complétez votre routine avec l'\u003ca rel=\"noopener\" title=\"Eau Aromatique Somptueuse Jardin de mon grand père\" href=\"https:\/\/www.naturellement-bio.com\/products\/eau-aromatique-somptueuse-100-ml-jardin-de-mon-grand-pere\" target=\"_blank\" style=\"color:#fff;text-decoration:underline;\"\u003eEau Aromatique Somptueuse\u003c\/a\u003e de la même gamme, pour un parfum subtil qui vous accompagne toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sv-cream: #f8f7f2;\n --sv-white: #ffffff;\n --sv-primary: #8db838;\n --sv-primary-dark: #4a6e1b;\n --sv-primary-light: #f0f6e4;\n --sv-secondary: #c5a55a;\n --sv-accent: #7a9e2e;\n --sv-text: #1a1a1a;\n --sv-text-light: #5a5a5a;\n --sv-border: #e0e0e0;\n --sv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sv-radius: 20px;\n --sv-radius-sm: 12px;\n}\n\n.sv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.sv-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6e1b 0%, #8db838 50%, #c5a55a 100%);\n border-radius: var(--sv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sv-shadow-lg);\n}\n\n.sv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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: .6;\n}\n\n.sv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 20px);\n font-weight: 500;\n font-style: italic;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sv-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.sv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sv-primary), var(--sv-secondary));\n border-radius: 2px;\n}\n\n.sv-card {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sv-shadow-lg);\n border-color: var(--sv-primary);\n}\n\n.sv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sv-grid-compact .sv-card {\n padding: 1rem;\n}\n\n.sv-grid-compact .sv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sv-grid-compact .sv-card p {\n font-size: 12px;\n}\n\n.sv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sv-primary), var(--sv-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.sv-timeline-content {\n flex: 1;\n background: var(--sv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sv-radius-sm);\n box-shadow: var(--sv-shadow);\n}\n\n.sv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sv-timeline-content p {\n font-size: 14px;\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sv-testimonial {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sv-shadow);\n border-left: 4px solid var(--sv-primary);\n margin-bottom: 1.25rem;\n}\n\n.sv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.sv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sv-primary-light);\n border-radius: var(--sv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sv-tip p {\n font-size: 14px;\n color: var(--sv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sv-cta-box {\n background: linear-gradient(135deg, var(--sv-primary) 0%, var(--sv-primary-dark) 100%);\n border-radius: var(--sv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.sv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .sv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sv-card {\n padding: 1.125rem;\n }\n\n .sv-section {\n margin-bottom: 1.75rem;\n }\n\n .sv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sv-radius-sm);\n }\n\n .sv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sv-grid-compact {\n gap: .625rem;\n }\n\n .sv-grid-compact .sv-card {\n padding: .75rem;\n }\n\n .sv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sv-timeline-content h3 {\n font-size: 14px;\n }\n\n .sv-timeline-content p {\n font-size: 13px;\n }\n\n .sv-testimonial {\n padding: 1.25rem;\n }\n\n .sv-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sv-card {\n animation: svFadeInUp .5s ease backwards;\n }\n .sv-card:nth-child(1) { animation-delay: .05s; }\n .sv-card:nth-child(2) { animation-delay: .1s; }\n .sv-card:nth-child(3) { animation-delay: .15s; }\n .sv-card:nth-child(4) { animation-delay: .2s; }\n .sv-card:nth-child(5) { animation-delay: .25s; }\n .sv-card:nth-child(6) { animation-delay: .3s; }\n .sv-card:nth-child(7) { animation-delay: .35s; }\n .sv-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes svFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"Default Title","offer_id":45755373781149,"sku":"SAV043","price":6.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-de-toilette-somptueux-170g-jardin-de-mon-grand-pere-lifestyle.webp?v=1775207125"},{"product_id":"savon-dalep-40-dhuile-de-baies-de-laurier-185g-najel","title":"Savon d'Alep - 40% d'Huile de Baies de Laurier - 185g - Najel","description":"\u003cdiv class=\"sa-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sa-hero\"\u003e\n \u003cdiv class=\"sa-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sa-hero-content\"\u003e\n \u003cdiv class=\"sa-badges-top\"\u003e\n \u003cspan class=\"sa-badge\"\u003e🌿 40 % huile de baies de laurier\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🇸🇾 Fabriqué à Alep\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🐇 Non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sa-hero-title\"\u003eSavon d'Alep Najel Premium\u003c\/span\u003e\n \u003cp class=\"sa-subtitle\"\u003e40 % d'huile de baies de laurier · 185 g\u003c\/p\u003e\n \u003cp class=\"sa-description\"\u003eLe soin ancestral par excellence pour les peaux sensibles et réactives. Un savoir-faire artisanal vieux de 3 000 ans, concentré dans un seul pain de savon 100 % naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eSavon d'Alep Najel à 40 % d'huile de baies de laurier : le soin ancestral des peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e authentique, à la fois doux et puissant, capable de prendre soin des peaux les plus réactives ? Ce \u003cstrong\u003esavon d'Alep Najel Premium à 40 % d'huile de baies de laurier\u003c\/strong\u003e est l'un des plus riches et des plus nobles que vous puissiez trouver. Fabriqué artisanalement à Alep, en Syrie, selon un savoir-faire vieux de plus de 3 000 ans, il concentre le meilleur de la nature dans un pain de 185 g.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003ePourquoi 40 % d'huile de baies de laurier ?\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLa \u003cstrong\u003ecomposition du savon d'Alep\u003c\/strong\u003e repose sur deux ingrédients phares : l'huile d'olive et l'huile de baies de laurier. Plus le pourcentage de laurier est élevé, plus le savon est adapté aux peaux fragilisées. Avec \u003cstrong\u003e40 %\u003c\/strong\u003e, cette formule se situe dans le haut de gamme de la tradition alépine.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid-compact\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier (40 %)\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes, purifiantes et régénérantes. Elle aide à calmer les inconforts cutanés et soutient la réparation naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et maintient le film hydrolipidique de la peau. Elle apporte souplesse et confort dès le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAucun parfum de synthèse, aucun colorant, aucun conservateur.\u003c\/strong\u003e Un savon véritablement naturel et biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLes \u003cstrong\u003ebienfaits du savon d'Alep\u003c\/strong\u003e sont nombreux et reconnus de longue date. Voici ce que cette version Premium peut vous apporter au quotidien :\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🧴 Apaise les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eIdéal si votre peau tiraille, rougit ou réagit aux savons classiques. Le laurier calme les inconforts visiblement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🫧 Nettoie en douceur\u003c\/h3\u003e\n \u003cp\u003eSa mousse fine élimine les impuretés sans agresser l'épiderme ni dessécher la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💧 Nourrit en profondeur\u003c\/h3\u003e\n \u003cp\u003eGrâce à la synergie olive-laurier, la peau reste souple et confortable après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🔄 Polyvalent\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le pour le visage, le corps et même les cheveux comme shampooing solide naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💬\u003c\/span\u003e\n \u003cp\u003eBeaucoup de personnes rapportent une nette amélioration du confort cutané après quelques semaines d'utilisation régulière, notamment en cas de sécheresse ou d'irritations passagères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-timeline\"\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau et le savon, puis faites mousser généreusement entre vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage, le corps ou le cuir chevelu en massant délicatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire pour révéler une peau douce et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eConservez\u003c\/h3\u003e\n \u003cp\u003ePosez le savon sur un porte-savon aéré afin qu'il sèche entre deux utilisations : il durera beaucoup plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous utilisez le savon d'Alep sur le visage, laissez la mousse poser quelques instants comme un masque avant de rincer pour profiter pleinement des vertus du laurier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"sa-accordion\"\u003e\n \u003cdetails class=\"sa-accordion-item\" open\u003e\n \u003csummary class=\"sa-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"sa-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eSodium Olivate, Sodium Laurate, Aqua, Sodium Hydroxide, Sodium Chloride.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eRien de superflu : uniquement des ingrédients issus de la saponification traditionnelle à froid d'huile d'olive et d'huile de baies de laurier.\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=\"sa-section\"\u003e\n \u003ch2\u003eUn savon éthique et responsable\u003c\/h2\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🏺 Fabrication artisanale\u003c\/h3\u003e\n \u003cp\u003eNajel perpétue une fabrication syrienne transmise de génération en génération. Chaque pain est coulé, découpé puis séché naturellement pendant plusieurs mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🐇 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eLa marque s'engage à ne réaliser aucun test sur les animaux, dans le respect du vivant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eNajel limite l'impact environnemental de ses emballages et privilégie des formules 100 % biodégradables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- DERNIÈRE SECTION --\u003e\n \u003csection class=\"sa-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sa-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le soin millénaire qu'elle mérite.\u003cbr\u003eUn savon, deux huiles précieuses, zéro superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sa-disclaimer\"\u003eCe savon est un produit cosmétique d'hygiène. Il ne se substitue en aucun cas à un traitement médical ou dermatologique. En cas de problème de peau persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sa-cream: #f7f5f0;\n --sa-white: #ffffff;\n --sa-primary: #1a7a6d;\n --sa-primary-dark: #0e544a;\n --sa-primary-light: #e8f4f1;\n --sa-secondary: #c49a3c;\n --sa-accent: #2a9d8f;\n --sa-text: #1a1a1a;\n --sa-text-light: #5a5a5a;\n --sa-border: #e0e0e0;\n --sa-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sa-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sa-radius: 20px;\n --sa-radius-sm: 12px;\n}\n\n.sa-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sa-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sa-hero {\n position: relative;\n background: linear-gradient(135deg, #0e544a 0%, #1a7a6d 40%, #2a9d8f 70%, #c49a3c 100%);\n border-radius: var(--sa-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(--sa-shadow-lg);\n}\n\n.sa-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15, 45 20, 30 35 C15 20, 25 15, 30 5Z' fill='white' fill-opacity='0.08'\/%3E%3Cpath d='M10 40 C14 46, 20 48, 10 55 C4 48, 6 46, 10 40Z' fill='white' fill-opacity='0.05'\/%3E%3Cpath d='M50 38 C54 44, 58 46, 50 53 C42 46, 46 44, 50 38Z' fill='white' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .5;\n}\n\n.sa-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sa-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.sa-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.sa-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.sa-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sa-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(--sa-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sa-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sa-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sa-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sa-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.sa-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(--sa-primary), var(--sa-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sa-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-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.sa-section-intro strong {\n color: var(--sa-text);\n}\n\n\/* === CARDS === *\/\n.sa-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sa-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sa-shadow-lg);\n border-color: var(--sa-primary);\n}\n\n.sa-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sa-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sa-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sa-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sa-grid-compact .sa-card {\n padding: 1.25rem;\n}\n\n.sa-grid-compact .sa-card h3 {\n font-size: 15px;\n margin-bottom: .4rem;\n}\n\n.sa-grid-compact .sa-card p {\n font-size: 13px;\n}\n\n\/* === TIMELINE === *\/\n.sa-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sa-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sa-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sa-primary), var(--sa-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.sa-timeline-content {\n flex: 1;\n background: var(--sa-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sa-radius-sm);\n box-shadow: var(--sa-shadow);\n}\n\n.sa-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sa-timeline-content p {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.sa-accordion {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n box-shadow: var(--sa-shadow);\n overflow: hidden;\n}\n\n.sa-accordion-item {\n border-bottom: 1px solid var(--sa-border);\n margin: 0;\n padding: 0;\n}\n\n.sa-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sa-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sa-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.sa-accordion-header:hover {\n background: var(--sa-primary-light);\n}\n\n.sa-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sa-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sa-primary);\n transition: transform .2s ease;\n}\n\n.sa-accordion-item[open] .sa-accordion-header::after {\n content: '−';\n}\n\n.sa-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sa-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sa-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.sa-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.sa-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sa-primary-light);\n border-radius: var(--sa-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sa-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sa-tip p {\n font-size: 14px;\n color: var(--sa-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sa-tip p strong {\n color: var(--sa-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.sa-cta-box {\n background: linear-gradient(135deg, var(--sa-primary) 0%, var(--sa-primary-dark) 100%);\n border-radius: var(--sa-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sa-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.sa-disclaimer {\n font-size: 12px;\n color: var(--sa-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 .sa-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sa-card {\n padding: 1.125rem;\n }\n\n .sa-section {\n margin-bottom: 1.75rem;\n }\n\n .sa-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sa-radius-sm);\n }\n\n .sa-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sa-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sa-grid-compact {\n gap: .625rem;\n }\n\n .sa-grid-compact .sa-card {\n padding: .75rem;\n }\n\n .sa-grid-compact .sa-card h3 {\n font-size: 14px;\n }\n\n .sa-grid-compact .sa-card p {\n font-size: 12px;\n }\n\n .sa-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sa-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sa-timeline-content h3 {\n font-size: 14px;\n }\n\n .sa-timeline-content p {\n font-size: 13px;\n }\n\n .sa-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sa-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sa-card {\n animation: saFadeInUp .5s ease backwards;\n }\n .sa-card:nth-child(1) { animation-delay: .05s; }\n .sa-card:nth-child(2) { animation-delay: .1s; }\n .sa-card:nth-child(3) { animation-delay: .15s; }\n .sa-card:nth-child(4) { animation-delay: .2s; }\n .sa-card:nth-child(5) { animation-delay: .25s; }\n .sa-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes saFadeInUp {\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 .sa-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":45798248546461,"sku":"NJ0045","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-40-dhuile-de-baies-de-laurier-185g-najel-lifestyle_c2e6b477-e3aa-41b5-950f-3c5610033a19.webp?v=1772881792"},{"product_id":"savon-au-lait-danesse-bio-avoine-et-olive-eolesens-100g","title":"Savon au lait d'ânesse Bio - Avoine et Olive - 100g - Eolesens","description":"\u003cdiv class=\"eol-premium\"\u003e\n \u003cdiv class=\"eol-hero\"\u003e\n \u003cdiv class=\"eol-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"eol-hero-content\"\u003e\n \u003cdiv class=\"eol-badges-top\"\u003e\n \u003cspan class=\"eol-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"eol-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"eol-badge\"\u003e🌴 Sans huile de palme\u003c\/span\u003e\n \u003cspan class=\"eol-badge\"\u003e✋ Artisanal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"eol-hero-title\"\u003eSavon au Lait d'Ânesse Bio\u003c\/span\u003e\n \u003cp class=\"eol-subtitle\" style=\"color:white;\"\u003eAvoine \u0026amp; Olive — 100 g — Eolesens\u003c\/p\u003e\n \u003cp class=\"eol-description\" style=\"color:white;\"\u003eUn soin lavant doux, naturel et vraiment efficace. Conjuguant tradition et naturalité, ce savon offre à votre peau un moment de douceur quotidien. Pensé pour les peaux sensibles, sèches ou réactives, du visage comme du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon au lait d'ânesse ?\u003c\/h2\u003e\n \u003cp class=\"eol-section-intro\"\u003eUtilisé depuis l'Antiquité par Cléopâtre, le lait d'ânesse est reconnu pour sa richesse exceptionnelle en vitamines (A, B, C, D, E), en acides gras essentiels et en protéines.\u003c\/p\u003e\n \u003cdiv class=\"eol-grid\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e💧 Hydratation durable\u003c\/h3\u003e\n \u003cp\u003eGrâce à une composition proche du sébum cutané, le lait d'ânesse hydrate la peau en profondeur et restaure le confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌸 Effet apaisant\u003c\/h3\u003e\n \u003cp\u003eCalme les rougeurs, tiraillements et petites irritations pour une peau réconfortée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e✨ Action régénérante\u003c\/h3\u003e\n \u003cp\u003eAide la peau à retrouver souplesse et éclat grâce aux vitamines et acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🧼 Nettoyage en douceur\u003c\/h3\u003e\n \u003cp\u003eNettoie sans agresser le film hydrolipidique, préservant l'équilibre naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌾 Avoine bio adoucissante\u003c\/h3\u003e\n \u003cp\u003eSes propriétés apaisantes et anti-démangeaisons en font une alliée précieuse pour les peaux délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants, elle nourrit la peau en profondeur et la protège du vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eUn savon adapté au visage et au corps\u003c\/h2\u003e\n \u003cp\u003eBeaucoup se demandent si l'on peut utiliser un \u003cstrong\u003esavon au lait d'ânesse sur le visage\u003c\/strong\u003e : la réponse est oui. Sa formule respectueuse du pH cutané convient parfaitement aux zones fragiles. Il nettoie en profondeur sans décaper, idéal pour les peaux sujettes aux tiraillements, à la sécheresse ou aux démangeaisons passagères. Pour le corps, il laisse un film protecteur subtil qui limite la sensation d'inconfort après la douche.\u003c\/p\u003e\n \u003cp\u003eLes avis sur les meilleurs \u003cstrong\u003esavons au lait d'ânesse\u003c\/strong\u003e convergent : on recherche la naturalité, la traçabilité et une fabrication artisanale. Eolesens coche toutes ces cases avec un lait d'ânesse issu d'élevages biologiques français, respectueux des animaux.\u003c\/p\u003e\n \u003cdiv class=\"eol-grid-compact\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e👤 Visage\u003c\/h3\u003e\n \u003cp\u003eDoux et respectueux du pH cutané\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eFilm protecteur anti-inconfort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"eol-timeline\"\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e💦 Humidifier\u003c\/h3\u003e\n \u003cp\u003eMouillez le savon puis faites-le mousser entre vos mains ou directement sur peau mouillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e👐 Masser\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le visage ou le corps avec des mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e🚿 Rincer\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède puis séchez la peau par tapotements avec une serviette douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e🧺 Conserver\u003c\/h3\u003e\n \u003cp\u003eDéposez-le sur un porte-savon drainant, à l'abri de l'eau stagnante, 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=\"eol-tip\"\u003e\n \u003cspan class=\"eol-tip-icon\"\u003e⏰\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFréquence :\u003c\/strong\u003e utilisation quotidienne possible, matin et\/ou soir. Convient à toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp class=\"eol-section-intro\"\u003eUne formule courte, bio et transparente. Ingrédients clés :\u003c\/p\u003e\n \u003cdiv class=\"eol-grid\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🥛 Lait d'ânesse bio\u003c\/h3\u003e\n \u003cp\u003eHydratant, apaisant et régénérant — l'ingrédient star de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eNourrissante et antioxydante, elle protège et sublime la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eMoussante et adoucissante, pour une mousse onctueuse et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌾 Avoine bio\u003c\/h3\u003e\n \u003cp\u003eApaisante et anti-démangeaisons, parfaite pour les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-accordion\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdetails class=\"eol-accordion-item\"\u003e\n \u003csummary class=\"eol-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"eol-accordion-content mt-3\"\u003e\n \u003cp\u003eSodium Olivate, Sodium Cocoate, Aqua, Donkey Milk, Glycerin, Olea Europaea Fruit Oil, Avena Sativa Kernel Flour, Sodium Chloride, Tetrasodium Glutamate Diacetate, Cinnamyl Alcohol, Citronellol, Geraniol, Hexyl Cinnamal, Linalool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"eol-accordion-item\"\u003e\n \u003csummary class=\"eol-accordion-header\"\u003e🚫 Ce que ce savon ne contient pas\u003c\/summary\u003e\n \u003cdiv class=\"eol-accordion-content mt-3\"\u003e\n \u003cp\u003eSans huile de palme, sans paraben, sans colorant de synthèse. Une formule pensée pour respecter votre peau et l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eOrigine et engagement Eolesens\u003c\/h2\u003e\n \u003cdiv class=\"eol-testimonial\"\u003e\n \u003cp class=\"eol-testimonial-text\"\u003e\"Ce savon est fabriqué en France selon un savoir-faire artisanal respectueux de la cosmétique biologique. Chaque pain de 100 g est élaboré avec du lait d'ânesse frais provenant d'élevages éthiques, garantissant qualité, traçabilité et respect animal. Une démarche responsable, de la ferme à votre salle de bain.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-grid-compact\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication artisanale française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🐴 Élevages éthiques\u003c\/h3\u003e\n \u003cp\u003eRespect animal garanti\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eCosmétique biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité\u003c\/h3\u003e\n \u003cp\u003eDe la ferme à votre salle de bain\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"eol-accordion\"\u003e\n \u003cdetails class=\"eol-accordion-item\"\u003e\n \u003csummary class=\"eol-accordion-header\"\u003e⚠️ À lire avant utilisation\u003c\/summary\u003e\n \u003cdiv class=\"eol-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de réaction cutanée, cessez l'utilisation. Ce produit cosmétique ne remplace en aucun cas un avis ou un traitement médical : en cas de problème de peau persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"eol-disclaimer\"\u003eLes informations présentées sur cette fiche sont données à titre indicatif et ne sauraient se substituer à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --eol-cream: #faf7f5;\n --eol-white: #ffffff;\n --eol-primary: #6b2c5f;\n --eol-primary-dark: #4a1e42;\n --eol-primary-light: #f3e8f0;\n --eol-secondary: #8a7cc0;\n --eol-accent: #b8a04f;\n --eol-text: #2a1a26;\n --eol-text-light: #6b5a67;\n --eol-border: #e8dce4;\n --eol-shadow: 0 4px 24px rgba(107,44,95,.08);\n --eol-shadow-lg: 0 12px 48px rgba(107,44,95,.18);\n --eol-radius: 20px;\n --eol-radius-sm: 12px;\n }\n\n .eol-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--eol-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--eol-text);\n }\n\n .eol-hero {\n position: relative;\n background: linear-gradient(135deg, #6b2c5f 0%, #8a3b7a 50%, #4a1e42 100%);\n border-radius: var(--eol-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(--eol-shadow-lg);\n }\n\n .eol-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(184,160,79,.2) 0%, transparent 50%);\n opacity: .6;\n }\n\n .eol-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .eol-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n line-height: 1.1;\n }\n\n .eol-subtitle {\n color: rgba(255,255,255,.95);\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 .eol-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n }\n\n .eol-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .eol-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(--eol-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .eol-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .eol-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .eol-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--eol-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n }\n\n .eol-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(--eol-primary), var(--eol-accent));\n border-radius: 2px;\n }\n\n .eol-premium p {\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n color: var(--eol-text);\n }\n\n .eol-premium strong {\n color: var(--eol-primary-dark);\n font-weight: 700;\n }\n\n .eol-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px) !important;\n color: var(--eol-text-light) !important;\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .eol-card {\n background: var(--eol-white);\n border-radius: var(--eol-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--eol-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .eol-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--eol-shadow-lg);\n border-color: var(--eol-primary);\n }\n\n .eol-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--eol-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .eol-card p {\n font-size: clamp(13px, 2vw, 15px) !important;\n color: var(--eol-text-light) !important;\n margin: 0;\n line-height: 1.6;\n }\n\n .eol-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .eol-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .eol-grid-compact .eol-card {\n padding: 1rem;\n }\n\n .eol-grid-compact .eol-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .eol-grid-compact .eol-card p {\n font-size: 12px !important;\n }\n\n .eol-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .eol-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .eol-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--eol-primary), var(--eol-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(107,44,95,.25);\n }\n\n .eol-timeline-content {\n flex: 1;\n background: var(--eol-white);\n padding: 1rem 1.25rem;\n border-radius: var(--eol-radius-sm);\n box-shadow: var(--eol-shadow);\n }\n\n .eol-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--eol-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .eol-timeline-content p {\n font-size: 14px !important;\n color: var(--eol-text-light) !important;\n margin: 0;\n line-height: 1.5;\n }\n\n .eol-testimonial {\n background: var(--eol-white);\n border-radius: var(--eol-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--eol-shadow);\n border-left: 4px solid var(--eol-primary);\n }\n\n .eol-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px) !important;\n color: var(--eol-text) !important;\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n }\n\n .eol-accordion {\n background: var(--eol-white);\n border-radius: var(--eol-radius);\n box-shadow: var(--eol-shadow);\n overflow: hidden;\n }\n\n .eol-accordion-item {\n border-bottom: 1px solid var(--eol-border);\n margin: 0;\n padding: 0;\n }\n\n .eol-accordion-item:last-child {\n border-bottom: none;\n }\n\n .eol-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--eol-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 .eol-accordion-header:hover {\n background: var(--eol-primary-light);\n }\n\n .eol-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .eol-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--eol-primary);\n transition: transform .2s ease;\n }\n\n .eol-accordion-item[open] .eol-accordion-header::after {\n content: '−';\n }\n\n .eol-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--eol-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .eol-accordion-content p {\n margin: 0;\n font-size: 14px !important;\n color: var(--eol-text-light) !important;\n }\n\n .eol-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--eol-primary-light);\n border-radius: var(--eol-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n }\n\n .eol-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .eol-tip p {\n font-size: 14px !important;\n color: var(--eol-text) !important;\n margin: 0;\n line-height: 1.6;\n }\n\n .eol-disclaimer {\n font-size: 12px !important;\n color: var(--eol-text-light) !important;\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n }\n\n @media (max-width: 767px) {\n .eol-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .eol-card {\n padding: 1.125rem;\n }\n .eol-section {\n margin-bottom: 1.75rem;\n }\n .eol-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--eol-radius-sm);\n }\n .eol-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .eol-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .eol-grid-compact {\n gap: .625rem;\n }\n .eol-grid-compact .eol-card {\n padding: .75rem;\n }\n .eol-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .eol-timeline-content {\n padding: .875rem 1rem;\n }\n .eol-timeline-content h3 {\n font-size: 14px;\n }\n .eol-timeline-content p {\n font-size: 13px !important;\n }\n .eol-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .eol-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .eol-testimonial {\n padding: 1.25rem;\n }\n .eol-testimonial-text {\n font-size: 14px !important;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .eol-card {\n animation: eolFadeInUp .5s ease backwards;\n }\n .eol-card:nth-child(1) { animation-delay: .05s; }\n .eol-card:nth-child(2) { animation-delay: .1s; }\n .eol-card:nth-child(3) { animation-delay: .15s; }\n .eol-card:nth-child(4) { animation-delay: .2s; }\n .eol-card:nth-child(5) { animation-delay: .25s; }\n .eol-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes eolFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .eol-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45908869152925,"sku":"NBAISEN0028","price":4.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-au-lait-danesse-bio-avoine-et-olive-100g-eolesens-lifestyle.webp?v=1776440858"},{"product_id":"savon-au-lait-danesse-bio-chataigne-et-argan-100g-eolesens","title":"Savon au lait d'ânesse bio - Châtaigne et Argan - 100g Eolesens","description":"\u003cdiv class=\"eol-premium\"\u003e\n \u003cdiv class=\"eol-hero\"\u003e\n \u003cdiv class=\"eol-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"eol-hero-content\"\u003e\n \u003cdiv class=\"eol-badges-top\"\u003e\n \u003cspan class=\"eol-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"eol-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"eol-badge\"\u003e🚫 Sans huile de palme\u003c\/span\u003e\n \u003cspan class=\"eol-badge\"\u003e✋ Saponification à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"eol-hero-title\"\u003eSavon au Lait d'Ânesse Bio\u003c\/span\u003e\n \u003cp class=\"eol-subtitle\"\u003eChâtaigne \u0026amp; Argan — 100g Eolesens\u003c\/p\u003e\n \u003cp class=\"eol-description\"\u003eOffrez à votre peau un rituel de douceur avec ce savon artisanal signé Eolesens. Fabriqué en France sans huile de palme, il associe trois ingrédients précieux pour nettoyer, nourrir et sublimer votre peau au quotidien. Un geste beauté simple, naturel et respectueux, pensé pour toute la famille, même les peaux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon au lait d'ânesse\u003c\/h2\u003e\n \u003cp class=\"eol-section-intro\"\u003eUtilisé depuis l'Antiquité par Cléopâtre elle-même, le lait d'ânesse est réputé pour sa richesse en vitamines (A, B, C, D, E) et en acides gras essentiels.\u003c\/p\u003e\n \u003cdiv class=\"eol-grid\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eAdoucit et apaise les épidermes fragiles grâce à ses acides gras essentiels et sa richesse en vitamines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e✨ Régénération naturelle\u003c\/h3\u003e\n \u003cp\u003ePréserve le film hydrolipidique de la peau et agit comme un soin doux qui nettoie sans décaper.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌸 Confort immédiat\u003c\/h3\u003e\n \u003cp\u003eSon pH proche de celui de la peau en fait un allié précieux pour les peaux sèches, réactives ou sujettes aux tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eL'huile d'argan, l'or liquide du Maroc\u003c\/h2\u003e\n \u003cp class=\"eol-section-intro\"\u003eRiche en vitamine E et en acides gras insaturés, l'huile d'argan bio apporte à ce savon toutes ses vertus exceptionnelles.\u003c\/p\u003e\n \u003cdiv class=\"eol-grid\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌰 Nutrition profonde\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément la peau et participe à lutter contre le dessèchement cutané au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eVéritable soin anti-âge, il assouplit la peau et lui redonne éclat et souplesse visible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌟 Peau revitalisée\u003c\/h3\u003e\n \u003cp\u003eLaisse la peau souple, lumineuse et visiblement revitalisée dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eLa châtaigne, exfoliant doux et naturel\u003c\/h2\u003e\n \u003cdiv class=\"eol-testimonial\"\u003e\n \u003cp class=\"eol-testimonial-text\"\u003e\"La poudre de châtaigne apporte une exfoliation délicate qui élimine les cellules mortes et affine le grain de peau. Ce gommage doux révèle un teint frais et une texture veloutée, sans agresser l'épiderme.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eComposition du savon Eolesens\u003c\/h2\u003e\n \u003cdiv class=\"eol-grid\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🫒 Huiles végétales bio\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid : olive, coco, tournesol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🥛 Lait d'ânesse bio\u003c\/h3\u003e\n \u003cp\u003eIssu d'élevages respectueux du bien-être animal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e💎 Huile d'argan bio\u003c\/h3\u003e\n \u003cp\u003eL'or liquide du Maroc, riche en vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌰 Poudre de châtaigne\u003c\/h3\u003e\n \u003cp\u003ePour une exfoliation douce et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e💧 Eau \u0026amp; soude\u003c\/h3\u003e\n \u003cp\u003eSaponifiée, donc absente du produit fini.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌸 Parfum naturel\u003c\/h3\u003e\n \u003cp\u003eUne fragrance douce et authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-tip\"\u003e\n \u003cspan class=\"eol-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans huile de palme, sans paraben, sans colorant artificiel.\u003c\/strong\u003e Une formule pure et respectueuse pour votre peau et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon au lait d'ânesse ?\u003c\/h2\u003e\n \u003cdiv class=\"eol-timeline\"\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e💦 Humidifiez\u003c\/h3\u003e\n \u003cp\u003eMouillez le savon et votre peau avec de l'eau tiède pour préparer la mousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e🫧 Faites mousser\u003c\/h3\u003e\n \u003cp\u003eEntre vos mains ou directement sur le visage et le corps, par mouvements circulaires doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e🚿 Rincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède et séchez en tamponnant délicatement la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e🧼 Conservez\u003c\/h3\u003e\n \u003cp\u003ePlacez votre savon sur un porte-savon drainant, à l'abri de l'humidité, 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=\"eol-tip\"\u003e\n \u003cspan class=\"eol-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUtilisable matin et soir, sur le visage comme sur le corps. Il convient également pour le rasage grâce à sa mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"eol-grid-compact\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌿 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003ePeaux sèches, sensibles ou réactives en quête de douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e✨ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eProfitez des vertus nourrissantes du duo lait d'ânesse et argan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eEnfants compris, pour un soin doux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌍 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003ePour une cosmétique naturelle, artisanale et éthique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn engagement artisanal et responsable\u003c\/h2\u003e\n \u003cdiv class=\"eol-cta-box\"\u003e\n \u003cp\u003eEolesens privilégie une fabrication française à petite échelle, par saponification à froid. Ce procédé préserve les propriétés des huiles et donne un savon surgras, riche en glycérine naturelle. Le choix d'ingrédients bio et locaux reflète un véritable engagement envers votre peau et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"eol-disclaimer\"\u003eCe savon est un produit cosmétique d'hygiène et de soin. Il ne remplace pas un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Évitez le contact avec les yeux.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --eol-cream: #faf5f0;\n --eol-white: #ffffff;\n --eol-primary: #d97844;\n --eol-primary-dark: #a8501f;\n --eol-primary-light: #fdeadd;\n --eol-secondary: #8b5a3c;\n --eol-accent: #e8a87c;\n --eol-text: #2d1f15;\n --eol-text-light: #6b5543;\n --eol-border: #ebdfd2;\n --eol-shadow: 0 4px 24px rgba(169, 80, 31, .08);\n --eol-shadow-lg: 0 12px 48px rgba(169, 80, 31, .18);\n --eol-radius: 20px;\n --eol-radius-sm: 12px;\n}\n\n.eol-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--eol-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--eol-text);\n line-height: 1.6;\n}\n\n.eol-hero {\n position: relative;\n background: linear-gradient(135deg, #d97844 0%, #c2632f 50%, #a8501f 100%);\n border-radius: var(--eol-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(--eol-shadow-lg);\n}\n\n.eol-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .4;\n}\n\n.eol-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.eol-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.eol-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n}\n\n.eol-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.eol-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.eol-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(--eol-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.eol-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.eol-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.eol-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--eol-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.eol-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(--eol-primary), var(--eol-accent));\n border-radius: 2px;\n}\n\n.eol-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eol-text-light);\n margin: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.eol-card {\n background: var(--eol-white);\n border-radius: var(--eol-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--eol-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.eol-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--eol-shadow-lg);\n border-color: var(--eol-primary);\n}\n\n.eol-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--eol-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.eol-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--eol-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.eol-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.eol-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.eol-grid-compact .eol-card {\n padding: 1rem;\n}\n\n.eol-grid-compact .eol-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.eol-grid-compact .eol-card p {\n font-size: 12px;\n}\n\n.eol-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.eol-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.eol-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--eol-primary), var(--eol-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(217, 120, 68, .3);\n}\n\n.eol-timeline-content {\n flex: 1;\n background: var(--eol-white);\n padding: 1rem 1.25rem;\n border-radius: var(--eol-radius-sm);\n box-shadow: var(--eol-shadow);\n}\n\n.eol-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--eol-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.eol-timeline-content p {\n font-size: 14px;\n color: var(--eol-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.eol-testimonial {\n background: var(--eol-white);\n border-radius: var(--eol-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--eol-shadow);\n border-left: 4px solid var(--eol-primary);\n max-width: 820px;\n margin: 0 auto;\n}\n\n.eol-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eol-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.eol-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--eol-primary-light);\n border-radius: var(--eol-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.eol-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.eol-tip p {\n font-size: 14px;\n color: var(--eol-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.eol-cta-box {\n background: linear-gradient(135deg, var(--eol-primary) 0%, var(--eol-primary-dark) 100%);\n border-radius: var(--eol-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--eol-shadow-lg);\n}\n\n.eol-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.eol-disclaimer {\n font-size: 12px;\n color: var(--eol-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .eol-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .eol-card {\n padding: 1.125rem;\n }\n .eol-section {\n margin-bottom: 1.75rem;\n }\n .eol-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--eol-radius-sm);\n }\n .eol-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .eol-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .eol-grid-compact {\n gap: .625rem;\n }\n .eol-grid-compact .eol-card {\n padding: .75rem;\n }\n .eol-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .eol-timeline-content {\n padding: .875rem 1rem;\n }\n .eol-timeline-content h3 {\n font-size: 14px;\n }\n .eol-timeline-content p {\n font-size: 13px;\n }\n .eol-testimonial {\n padding: 1.25rem;\n }\n .eol-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .eol-card {\n animation: fadeInUp .5s ease backwards;\n }\n .eol-card:nth-child(1) { animation-delay: .05s; }\n .eol-card:nth-child(2) { animation-delay: .1s; }\n .eol-card:nth-child(3) { animation-delay: .15s; }\n .eol-card:nth-child(4) { animation-delay: .2s; }\n .eol-card:nth-child(5) { animation-delay: .25s; }\n .eol-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 .eol-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45908982988957,"sku":"NBAISEN0023","price":4.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-au-lait-danesse-bio-chataigne-et-argan-100g-eolesens-packshothd.webp?v=1776410688"},{"product_id":"savon-alep-huile-olive-najel-200g","title":"Savon d'Alep 100% Huile d'Olive - Najel - 190 g","description":"\u003cdiv class=\"alep-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"alep-hero\"\u003e\n\u003cdiv class=\"alep-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"alep-hero-content\"\u003e\n\u003cdiv class=\"alep-badges-top\"\u003e\n\u003cspan class=\"alep-badge\"\u003e🌿 100% Huile d'Olive\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e🏺 Savoir-faire millénaire\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e✨ Tous types de peaux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"alep-hero-title\"\u003eSavon d'Alep Pur Olive\u003c\/span\u003e\n\u003cp class=\"alep-subtitle\"\u003eNajel Méditerranée • 190 g\u003c\/p\u003e\n\u003cp class=\"alep-description\"\u003eL'authentique savon d'Alep fabriqué artisanalement en Syrie depuis plus de 100 ans. Une formule ancestrale d'une pureté absolue pour sublimer votre peau au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eLe savon d'Alep pur olive : un héritage millénaire pour votre peau\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eVous cherchez un savon naturel, doux et respectueux de votre peau ? Le \u003cstrong\u003esavon d'Alep 100% huile d'olive de Najel\u003c\/strong\u003e est probablement l'un des soins les plus anciens et les plus purs que vous puissiez offrir à votre corps.\u003c\/p\u003e\n\u003cdiv class=\"alep-highlight-box\"\u003e\n\u003cp\u003eFabriqué selon une méthode artisanale transmise depuis des générations à Alep, en Syrie, ce savon incarne la simplicité et l'efficacité des soins traditionnels méditerranéens. Cette version \u003cstrong\u003e100% huile d'olive\u003c\/strong\u003e est spécialement formulée pour offrir une douceur incomparable, idéale pour tous les types de peaux, y compris les plus sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep à l'huile d'olive ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eL'huile d'olive est utilisée depuis l'Antiquité pour ses propriétés nourrissantes exceptionnelles. Dans ce savon d'Alep naturel, elle constitue l'ingrédient principal et unique.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n\u003cp\u003eRiche en oméga-9 et vitamines A et E, l'huile d'olive nourrit votre peau en profondeur sans laisser de film gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n\u003cp\u003eLes antioxydants présents aident à protéger la peau des agressions extérieures et du vieillissement cutané prématuré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌸 Douceur absolue\u003c\/h3\u003e\n\u003cp\u003eSans huile de laurier, ce savon est particulièrement adapté aux peaux réactives, aux bébés et aux personnes allergiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💦 Hydratation préservée\u003c\/h3\u003e\n\u003cp\u003eContrairement aux savons industriels qui assèchent, ce savon respecte le film hydrolipidique de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComment est fabriqué ce savon d'Alep authentique ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eLa fabrication du savon d'Alep Najel suit un procédé ancestral qui fait toute la différence avec les savons industriels modernes.\u003c\/p\u003e\n\u003cdiv class=\"alep-timeline\"\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cdiv class=\"alep-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003eSaponification traditionnelle\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive de première qualité est chauffée doucement avec de la soude naturelle dans de grandes cuves, selon une méthode transmise de père en fils.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cdiv class=\"alep-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003eSéchage prolongé\u003c\/h3\u003e\n\u003cp\u003eAprès découpe, chaque savon sèche pendant plusieurs mois, voire années. C'est ce qui explique sa couleur brune à l'extérieur et son cœur vert olive caractéristique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cdiv class=\"alep-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003eAucun additif\u003c\/h3\u003e\n\u003cp\u003ePas de parfum, pas de colorant, pas de conservateur. Juste l'essentiel pour votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe temps de séchage exceptionnel garantit un savon plus dur, plus économique à l'usage et plus concentré en actifs bénéfiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003ePour qui est fait ce savon d'Alep pur olive ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eCe savon d'Alep huile d'olive convient véritablement à tous, mais il sera particulièrement apprécié par :\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🏜️ Peau sèche ou déshydratée\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive apporte une nutrition profonde sans agresser votre épiderme fragilisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌷 Peau sensible ou réactive\u003c\/h3\u003e\n\u003cp\u003eL'absence de parfum et d'huile de laurier minimise les risques d'irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e⚖️ Peau normale\u003c\/h3\u003e\n\u003cp\u003eEn entretien quotidien, ce savon maintient l'équilibre naturel de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✨ Cuir chevelu délicat\u003c\/h3\u003e\n\u003cp\u003eUtilisez-le comme shampoing solide occasionnel pour des cheveux doux et brillants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e🎯\u003c\/span\u003e\n\u003cp\u003eLes personnes souffrant de tiraillements après la douche apprécient particulièrement ce savon : votre peau reste souple et confortable, même sans appliquer de crème hydratante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComment utiliser votre savon d'Alep Najel au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eCe savon polyvalent s'adapte à toutes vos routines de soin :\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🧴 Pour le visage\u003c\/h3\u003e\n\u003cp\u003eFaites mousser le savon entre vos mains humides, puis appliquez la mousse onctueuse sur votre visage en mouvements circulaires. Rincez à l'eau tiède. Parfait matin et soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🚿 Pour le corps\u003c\/h3\u003e\n\u003cp\u003eAppliquez directement sur peau mouillée ou utilisez une éponge naturelle pour créer une mousse généreuse. Massez délicatement et rincez abondamment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eFaites mousser dans vos mains puis appliquez sur cheveux mouillés. Massez le cuir chevelu et rincez. Idéal une à deux fois par semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce précieuse :\u003c\/strong\u003e Entre chaque utilisation, posez votre savon sur un porte-savon aéré qui permet à l'eau de s'écouler. Il durera ainsi plusieurs mois, même avec une utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep huile d'olive vs savon d'Alep huile d'olive et laurier : quelle différence ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eVous vous demandez peut-être pourquoi choisir un savon d'Alep sans huile de laurier ?\u003c\/p\u003e\n\u003cdiv class=\"alep-comparison\"\u003e\n\u003cdiv class=\"alep-comparison-item\"\u003e\n\u003cdiv class=\"alep-comparison-header alep-comparison-laurier\"\u003e\n\u003ch3\u003e🌿 Avec huile de laurier\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-comparison-body\"\u003e\n\u003cp\u003ePropriétés purifiantes supplémentaires grâce à l'huile de baies de laurier, reconnue pour son action apaisante sur les peaux à problèmes (eczéma, psoriasis).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-comparison-item\"\u003e\n\u003cdiv class=\"alep-comparison-header alep-comparison-olive\"\u003e\n\u003ch3\u003e🫒 100% olive (ce savon)\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-comparison-body\"\u003e\n\u003cp\u003ePlus doux et mieux toléré par les peaux très sensibles ou allergiques. C'est le choix idéal pour une utilisation familiale quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e👍\u003c\/span\u003e\n\u003cp\u003eSi vous découvrez le savon d'Alep naturel pour la première fois, cette version pure olive est un excellent point de départ pour apprécier les bienfaits de ce soin ancestral.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eUn choix écologique et responsable\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eOpter pour le savon d'Alep Najel, c'est aussi faire un geste pour la planète :\u003c\/p\u003e\n\u003cdiv class=\"alep-grid-compact\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e♻️ Zéro plastique\u003c\/h3\u003e\n\u003cp\u003eSimple emballage papier recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌍 Biodégradable\u003c\/h3\u003e\n\u003cp\u003eFormule 100% naturelle sans pollution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💰 Économique\u003c\/h3\u003e\n\u003cp\u003e190 g qui dure des mois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🎯 Multi-usage\u003c\/h3\u003e\n\u003cp\u003eVisage, corps et cheveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eLa marque Najel : gardienne d'un savoir-faire unique\u003c\/h2\u003e\n\u003cdiv class=\"alep-testimonial\"\u003e\n\u003cp class=\"alep-testimonial-text\"\u003e\"Najel est une entreprise familiale franco-syrienne qui perpétue depuis plus de 100 ans l'art du savon d'Alep authentique. Malgré les difficultés liées au contexte syrien, la famille continue de produire des savons de qualité exceptionnelle, fidèles aux recettes originales. En choisissant Najel, vous soutenez un artisanat précieux et vous avez la garantie d'un produit véritablement fabriqué à Alep, et non une imitation industrielle.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eCe savon d'Alep affiche une liste d'ingrédients d'une simplicité exemplaire :\u003c\/p\u003e\n\u003cdiv class=\"alep-ingredients\"\u003e\n\u003cdiv class=\"alep-ingredient\"\u003e\n\u003cspan class=\"alep-ingredient-name\"\u003eSodium Olivate\u003c\/span\u003e \u003cspan class=\"alep-ingredient-desc\"\u003eHuile d'olive saponifiée – nutrition et douceur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-ingredient\"\u003e\n\u003cspan class=\"alep-ingredient-name\"\u003eAqua\u003c\/span\u003e \u003cspan class=\"alep-ingredient-desc\"\u003eEau purifiée – processus de saponification\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-ingredient\"\u003e\n\u003cspan class=\"alep-ingredient-name\"\u003eSodium Hydroxide\u003c\/span\u003e \u003cspan class=\"alep-ingredient-desc\"\u003eSoude naturelle – disparaît totalement lors de la réaction\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-badges-clean\"\u003e\n\u003cspan class=\"alep-badge-clean\"\u003eSans parfum\u003c\/span\u003e \u003cspan class=\"alep-badge-clean\"\u003eSans colorant\u003c\/span\u003e \u003cspan class=\"alep-badge-clean\"\u003eSans conservateur\u003c\/span\u003e \u003cspan class=\"alep-badge-clean\"\u003eSans huile de palme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"alep-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"alep-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau la pureté d'un soin millénaire. Un savon, mille bienfaits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"alep-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --alep-cream: #F5F3EF;\n --alep-white: #ffffff;\n --alep-primary: #6B8E6B;\n --alep-primary-dark: #4A6B4A;\n --alep-primary-light: #E8F0E8;\n --alep-secondary: #8B7355;\n --alep-accent: #A67C52;\n --alep-text: #1a1a1a;\n --alep-text-light: #5a5a5a;\n --alep-border: #e0e0e0;\n --alep-shadow: 0 4px 24px rgba(0,0,0,.08);\n --alep-shadow-lg: 0 12px 48px rgba(0,0,0,.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}\n\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, #6B8E6B 0%, #4A6B4A 50%, #3D5A3D 100%);\n border-radius: var(--alep-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(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\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: 8px;\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(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.alep-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}\n\n.alep-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.alep-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alep-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.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.alep-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-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.alep-highlight-box {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--alep-shadow);\n border-left: 4px solid var(--alep-primary);\n}\n\n.alep-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 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(-6px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alep-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.alep-grid-compact .alep-card {\n padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n font-size: 12px;\n}\n\n.alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.alep-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alep-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-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.alep-timeline-content {\n flex: 1;\n background: var(--alep-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alep-radius-sm);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alep-timeline-content p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.alep-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.alep-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.alep-tip p {\n font-size: 14px;\n color: var(--alep-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-comparison-item {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n overflow: hidden;\n box-shadow: var(--alep-shadow);\n}\n\n.alep-comparison-header {\n padding: 1rem 1.25rem;\n text-align: center;\n}\n\n.alep-comparison-header h3 {\n margin: 0;\n font-size: 16px;\n font-weight: 700;\n color: white;\n}\n\n.alep-comparison-laurier {\n background: linear-gradient(135deg, var(--alep-secondary), #6B5A45);\n}\n\n.alep-comparison-olive {\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-primary-dark));\n}\n\n.alep-comparison-body {\n padding: 1.25rem;\n}\n\n.alep-comparison-body p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-testimonial {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--alep-shadow);\n border-left: 4px solid var(--alep-accent);\n}\n\n.alep-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.alep-ingredients {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n box-shadow: var(--alep-shadow);\n margin-bottom: 1.25rem;\n}\n\n.alep-ingredient {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n padding: .75rem 0;\n border-bottom: 1px solid var(--alep-border);\n}\n\n.alep-ingredient:last-child {\n border-bottom: none;\n}\n\n.alep-ingredient-name {\n font-weight: 700;\n color: var(--alep-primary-dark);\n font-size: 15px;\n}\n\n.alep-ingredient-desc {\n font-size: 13px;\n color: var(--alep-text-light);\n}\n\n.alep-badges-clean {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n}\n\n.alep-badge-clean {\n padding: 6px 14px;\n background: var(--alep-primary-light);\n color: var(--alep-primary-dark);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n}\n\n.alep-accordion {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n box-shadow: var(--alep-shadow);\n overflow: hidden;\n}\n\n.alep-accordion-item {\n border-bottom: 1px solid var(--alep-border);\n margin: 0;\n padding: 0;\n}\n\n.alep-accordion-item:last-child {\n border-bottom: none;\n}\n\n.alep-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--alep-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.alep-accordion-header:hover {\n background: var(--alep-primary-light);\n}\n\n.alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--alep-primary);\n transition: transform .2s ease;\n}\n\n.alep-accordion-item[open] .alep-accordion-header::after {\n content: '−';\n}\n\n.alep-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--alep-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.alep-accordion-content p {\n margin: 0;\n}\n\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(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.alep-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.alep-disclaimer {\n font-size: 12px;\n color: var(--alep-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .alep-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .alep-card {\n padding: 1.125rem;\n }\n \n .alep-section {\n margin-bottom: 1.75rem;\n }\n \n .alep-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alep-radius-sm);\n }\n \n .alep-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .alep-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .alep-grid-compact {\n gap: .625rem;\n }\n \n .alep-grid-compact .alep-card {\n padding: .75rem;\n }\n \n .alep-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .alep-timeline-content {\n padding: .875rem 1rem;\n }\n \n .alep-timeline-content h3 {\n font-size: 14px;\n }\n \n .alep-timeline-content p {\n font-size: 13px;\n }\n \n .alep-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .alep-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .alep-testimonial {\n padding: 1.25rem;\n }\n \n .alep-testimonial-text {\n font-size: 14px;\n }\n \n .alep-comparison {\n grid-template-columns: 1fr;\n }\n \n .alep-badges-clean {\n gap: .375rem;\n }\n \n .alep-badge-clean {\n padding: 5px 10px;\n font-size: 11px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .alep-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alep-card:nth-child(1) { animation-delay: .05s; }\n .alep-card:nth-child(2) { animation-delay: .1s; }\n .alep-card:nth-child(3) { animation-delay: .15s; }\n .alep-card:nth-child(4) { animation-delay: .2s; }\n .alep-card:nth-child(5) { animation-delay: .25s; }\n .alep-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 .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54875685290361,"sku":"NJ0030","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-100-huile-dolive-najel-190-g-lifestyle.webp?v=1769503917"},{"product_id":"najel-savon-boue-mer-morte-alep-100g","title":"Savon d'Alep à la Boue de la Mer Morte - Najel - 100 g","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon d'Alep à la Boue de la Mer Morte - Najel - 100 g\nPalette détectée:\n - Primaire: #7A9B7E (vert sauge du packaging\/étiquette)\n - Secondaire: #8B7355 (brun\/terre du savon lui-même)\n - Accent: #5C7A5F (vert foncé du texte sur l'étiquette)\nAmbiance: Naturel, authentique, traditionnel, minéral, terre et mer\nPréfixe CSS: nj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits uniques de la boue de la mer Morte\"\n 2. \"Une composition naturelle et biologique\"\n 3. \"Pourquoi choisir le savon d'Alep Najel ?\"\n 4. \"Conseils d'utilisation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"nj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nj-hero\"\u003e\n \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nj-hero-content\"\u003e\n \u003cdiv class=\"nj-badges-top\"\u003e\n \u003cspan class=\"nj-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🧼 Méthode traditionnelle\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🌍 Boue de la mer Morte\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nj-hero-title\"\u003eSavon d'Alep à la boue de la mer Morte\u003c\/span\u003e\n \u003cp class=\"nj-subtitle\"\u003eNajel — 100 g\u003c\/p\u003e\n \u003cp class=\"nj-description\"\u003eUn véritable trésor de la nature pour votre peau. Fabriqué selon la méthode traditionnelle syrienne, ce savon combine les bienfaits de l'huile d'olive, de l'huile de baies de laurier et de la boue de la mer Morte pour offrir un soin naturel et purifiant à votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eLes bienfaits uniques de la boue de la mer Morte\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eRiche en minéraux essentiels, la boue de la mer Morte est reconnue pour ses propriétés exceptionnelles sur la peau.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✨ Purifiante\u003c\/h3\u003e\n \u003cp\u003eÉlimine les impuretés en profondeur et débarrasse la peau des toxines accumulées au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Exfoliante douce\u003c\/h3\u003e\n \u003cp\u003eFavorise le renouvellement cellulaire en éliminant les cellules mortes, pour une peau lisse et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations et rougeurs tout en rétablissant l'équilibre naturel de votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🔄 Régénérante\u003c\/h3\u003e\n \u003cp\u003eRégénère la peau en profondeur grâce à sa richesse exceptionnelle en minéraux essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCe savon est idéal pour les peaux sensibles, mixtes ou sujettes aux imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eUne composition naturelle et biologique\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eDes ingrédients naturels soigneusement sélectionnés, sans colorants, sans parfums artificiels et sans conservateurs chimiques.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eNourrit et hydrate la peau en profondeur pour une douceur incomparable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses vertus antiseptiques et apaisantes, elle protège et purifie la peau naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏜️ Boue de la mer Morte\u003c\/h3\u003e\n \u003cp\u003eDétoxifie et revitalise la peau grâce à sa richesse exceptionnelle en minéraux essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eCe savon respecte pleinement l'environnement et votre santé : une formule pure, authentique et sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧑‍🤝‍🧑 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, des plus jeunes aux plus matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Multi-usage\u003c\/h3\u003e\n \u003cp\u003eVisage, corps et même cheveux : un seul savon pour tout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌍 Écologique\u003c\/h3\u003e\n \u003cp\u003eDémarche éthique et respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e📅 Usage quotidien\u003c\/h3\u003e\n \u003cp\u003eFormat 100 g parfait pour une utilisation de tous les jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"nj-timeline\"\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eHumidifiez votre peau\u003c\/h3\u003e\n \u003cp\u003eMouillez abondamment la zone à nettoyer — visage, corps ou cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser le savon\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains ou directement sur la peau humide pour créer une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire pour éliminer toute la mousse et révéler une peau propre et douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e🧤\u003c\/span\u003e\n \u003cp\u003ePour un soin complet, associez-le à un gant exfoliant pour une action encore plus efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nj-cta-box\"\u003e\n \u003cp\u003e🧼 Offrez à votre peau le soin ancestral qu'elle mérite — purifiée, nourrie et éclatante de santé grâce à la puissance de la boue de la mer Morte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. 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 --nj-cream: #f5f2ed;\n --nj-white: #ffffff;\n --nj-primary: #7A9B7E;\n --nj-primary-dark: #4a6b4e;\n --nj-primary-light: #e8f0e9;\n --nj-secondary: #8B7355;\n --nj-accent: #a67c52;\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n --nj-border: #e0ddd8;\n --nj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #5C7A5F 0%, #7A9B7E 40%, #8B7355 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(139,115,85,.15) 0%, transparent 60%);\n opacity: 1;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.nj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.nj-cta-box {\n background: linear-gradient(135deg, var(--nj-primary) 0%, var(--nj-primary-dark) 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nj-card {\n padding: 1.125rem;\n }\n\n .nj-section {\n margin-bottom: 1.75rem;\n }\n\n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n\n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nj-grid-compact {\n gap: .625rem;\n }\n\n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n\n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nj-timeline-content h3 {\n font-size: 14px;\n }\n\n .nj-timeline-content p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54875822883193,"sku":"NJ0095","price":3.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-a-la-boue-de-la-mer-morte-najel-100-g-lifestyle_1d83ce8f-c3c6-473a-b64a-9e59f5930bde.webp?v=1778144759"},{"product_id":"savon-alep-huile-nigelle-najel","title":"Savon d'Alep à l'Huile de Nigelle - 100 g Najel","description":"\u003cdiv class=\"sa-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sa-hero\"\u003e\n \u003cdiv class=\"sa-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sa-hero-content\"\u003e\n \u003cdiv class=\"sa-badges-top\"\u003e\n \u003cspan class=\"sa-badge\"\u003e🕌 Savoir-faire 3 000 ans\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e✋ Fabrication artisanale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sa-hero-title\"\u003eSavon d'Alep à l'huile de nigelle\u003c\/span\u003e\n \u003cp class=\"sa-subtitle\"\u003eNajel — Rêve d'Orient\u003c\/p\u003e\n \u003cp class=\"sa-description\"\u003eUn soin ancestral apaisant et régénérant, enrichi à l'huile de cumin noir, pour une peau douce et apaisée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eSavon d'Alep à l'huile de nigelle Najel : un soin ancestral apaisant et régénérant\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eHéritier d'un savoir-faire vieux de plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e, ce savon d'Alep enrichi à l'huile de nigelle signé Najel associe tradition syrienne et bienfaits reconnus du cumin noir. Fabriqué artisanalement, il offre un nettoyage doux et respectueux, idéal pour les peaux en quête d'apaisement et de confort au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon d'Alep à l'huile de nigelle ?\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLe savon d'Alep classique est déjà réputé pour sa douceur et sa composition minimaliste. En y ajoutant de l'huile de nigelle (Nigella sativa), Najel va plus loin. Cette huile précieuse, utilisée depuis l'Antiquité, est reconnue pour ses propriétés :\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌸 Apaisantes\u003c\/h3\u003e\n \u003cp\u003eElle calme les sensations d'inconfort, les tiraillements et les rougeurs, même sur les peaux les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✨ Régénérantes\u003c\/h3\u003e\n \u003cp\u003eRiche en thymoquinone et en acides gras essentiels, elle soutient le renouvellement cutané et aide la peau à retrouver souplesse et éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🧼 Purifiantes\u003c\/h3\u003e\n \u003cp\u003eElle contribue à rééquilibrer les peaux mixtes à grasses et à limiter les imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🛡️ Protectrices\u003c\/h3\u003e\n \u003cp\u003eSes antioxydants naturels aident à protéger l'épiderme contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous vous demandez quel savon d'Alep choisir pour le visage ou les peaux sensibles, cette formule à la nigelle constitue un excellent choix, souvent recommandé dans les avis de dermatologues favorables aux soins naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel à la nigelle\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLa composition de ce savon d'Alep est entièrement naturelle, sans colorant, sans parfum de synthèse et sans conservateur artificiel :\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🫒 Sodium Olivate\u003c\/h3\u003e\n \u003cp\u003eHuile d'olive saponifiée, nourrit et assouplit la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌿 Sodium Laurate\u003c\/h3\u003e\n \u003cp\u003eHuile de baie de laurier saponifiée, purifiante et antiseptique naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🖤 Nigella Sativa Seed Oil\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de nigelle, apaisante et régénérante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n \u003cp\u003eEau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e⚗️ Sodium Hydroxide\u003c\/h3\u003e\n \u003cp\u003eUtilisé dans le processus de saponification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e📝\u003c\/span\u003e\n \u003cp\u003eUne formule courte et transparente, fidèle à la tradition du véritable savon d'Alep artisanal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eCe savon est d'une grande polyvalence. Vous pouvez l'utiliser :\u003c\/p\u003e\n \u003cdiv class=\"sa-timeline\"\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003e🧑 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre vos mains humides, appliquez en mouvements circulaires doux, puis rincez à l'eau tiède. Parfait comme nettoyant quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003e🚿 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le sous la douche pour un lavage tout en douceur qui respecte le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn shampooing solide occasionnel, il aide à purifier le cuir chevelu et à espacer les lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e après utilisation, laissez sécher votre savon sur un porte-savon aéré. Il durera ainsi beaucoup plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-grid-compact\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🤲 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux irritées, sujettes à l'eczéma ou aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, des plus jeunes aux plus matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌱 Routine naturelle\u003c\/h3\u003e\n \u003cp\u003eParfait pour celles et ceux qui souhaitent une routine beauté sans ingrédient synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✈️ Format voyage\u003c\/h3\u003e\n \u003cp\u003eSon format de 100 g est idéal au quotidien comme en déplacement. Biodégradable et zéro déchet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION CTA + DISCLAIMER --\u003e\n \u003csection class=\"sa-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sa-cta-box\"\u003e\n \u003cp\u003e🕌 Offrez à votre peau un soin millénaire — le savon d'Alep à l'huile de nigelle Najel, apaisant, régénérant et 100 % naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sa-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sa-cream: #faf6f1;\n --sa-white: #ffffff;\n --sa-primary: #d97b1e;\n --sa-primary-dark: #8c4e10;\n --sa-primary-light: #fdf0e0;\n --sa-secondary: #c4922a;\n --sa-accent: #e8a838;\n --sa-text: #1a1a1a;\n --sa-text-light: #5a5a5a;\n --sa-border: #e8ddd0;\n --sa-shadow: 0 4px 24px rgba(140,78,16,.08);\n --sa-shadow-lg: 0 12px 48px rgba(140,78,16,.15);\n --sa-radius: 20px;\n --sa-radius-sm: 12px;\n}\n\n.sa-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sa-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sa-hero {\n position: relative;\n background: linear-gradient(135deg, #c4692a 0%, #d97b1e 40%, #e8a838 100%);\n border-radius: var(--sa-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(--sa-shadow-lg);\n}\n\n.sa-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n repeating-conic-gradient(from 0deg at 50% 50%, transparent 0deg 8deg, rgba(255,255,255,.015) 8deg 10deg);\n opacity: 1;\n}\n\n.sa-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sa-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sa-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(--sa-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sa-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sa-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.sa-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.sa-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sa-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sa-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sa-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.sa-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(--sa-primary), var(--sa-secondary));\n border-radius: 2px;\n}\n\n.sa-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-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.sa-section-intro strong {\n color: var(--sa-text);\n}\n\n\/* === CARDS === *\/\n.sa-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sa-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sa-shadow-lg);\n border-color: var(--sa-primary);\n}\n\n.sa-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sa-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sa-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sa-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sa-grid-compact .sa-card {\n padding: 1rem;\n}\n\n.sa-grid-compact .sa-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sa-grid-compact .sa-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sa-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sa-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sa-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sa-primary), var(--sa-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.sa-timeline-content {\n flex: 1;\n background: var(--sa-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sa-radius-sm);\n box-shadow: var(--sa-shadow);\n}\n\n.sa-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sa-timeline-content p {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sa-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sa-primary-light);\n border-radius: var(--sa-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sa-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sa-tip p {\n font-size: 14px;\n color: var(--sa-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sa-tip p strong {\n color: var(--sa-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.sa-testimonial {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sa-shadow);\n border-left: 4px solid var(--sa-primary);\n}\n\n.sa-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sa-cta-box {\n background: linear-gradient(135deg, var(--sa-primary) 0%, var(--sa-primary-dark) 100%);\n border-radius: var(--sa-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sa-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.sa-disclaimer {\n font-size: 12px;\n color: var(--sa-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 .sa-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sa-card {\n padding: 1.125rem;\n }\n\n .sa-section {\n margin-bottom: 1.75rem;\n }\n\n .sa-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sa-radius-sm);\n }\n\n .sa-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sa-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sa-grid-compact {\n gap: .625rem;\n }\n\n .sa-grid-compact .sa-card {\n padding: .75rem;\n }\n\n .sa-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sa-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sa-timeline-content h3 {\n font-size: 14px;\n }\n\n .sa-timeline-content p {\n font-size: 13px;\n }\n\n .sa-testimonial {\n padding: 1.25rem;\n }\n\n .sa-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sa-card {\n animation: saFadeInUp .5s ease backwards;\n }\n .sa-card:nth-child(1) { animation-delay: .05s; }\n .sa-card:nth-child(2) { animation-delay: .1s; }\n .sa-card:nth-child(3) { animation-delay: .15s; }\n .sa-card:nth-child(4) { animation-delay: .2s; }\n .sa-card:nth-child(5) { animation-delay: .25s; }\n .sa-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes saFadeInUp {\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 .sa-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54878539972985,"sku":"NJ0090","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-a-lhuile-de-nigelle-100-g-najel-lifestyle.webp?v=1772804061"},{"product_id":"savon-alep-12-laurier-najel-100g","title":"Savon d'Alep 12% Huile de Baies de Laurier - Najel - 100g","description":"\u003cdiv class=\"sa-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sa-hero\"\u003e\n \u003cdiv class=\"sa-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sa-hero-content\"\u003e\n \u003cdiv class=\"sa-badges-top\"\u003e\n \u003cspan class=\"sa-badge\"\u003e🌿 12% huile de laurier\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🕊️ Recette millénaire\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🧼 100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sa-hero-title\"\u003eSavon d'Alep 12% Huile de Baies de Laurier\u003c\/span\u003e\n \u003cp class=\"sa-subtitle\"\u003eNajel — 100 g\u003c\/p\u003e\n \u003cp class=\"sa-description\"\u003eL'authentique savon d'Alep artisanal, héritier d'un savoir-faire vieux de 3 000 ans. Douceur, purification et tradition réunies dans un seul pain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eSavon d'Alep 12% huile de baies de laurier Najel : l'authentique soin millénaire\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eHéritier d'un savoir-faire vieux de plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e, ce savon d'Alep signé Najel est bien plus qu'un simple savon.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid-compact\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🏛️ Fabrication artisanale\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans la ville d'Alep, en Syrie, selon une recette ancestrale transmise de génération en génération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌿 Ingrédients nobles\u003c\/h3\u003e\n \u003cp\u003eUniquement des huiles d'olive et de baies de laurier, sans colorant, sans parfum de synthèse, sans conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre idéal\u003c\/h3\u003e\n \u003cp\u003eAvec 12% d'huile de baies de laurier, un dosage parfait entre douceur et purification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🤲 Toutes les peaux\u003c\/h3\u003e\n \u003cp\u003eAdapté à la majorité des types de peau, y compris les peaux réactives et sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLa force de ce savon réside dans la simplicité de sa formule. Pas de colorants, pas de parfums de synthèse, pas de conservateurs : uniquement des ingrédients naturels, saponifiés à chaud puis séchés pendant de longs mois.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eOlea Europaea Fruit Oil\u003c\/strong\u003e — Nourrit, adoucit et protège le film hydrolipidique de la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier — 12%\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eLaurus Nobilis Fruit Oil\u003c\/strong\u003e — Purifiante et apaisante, elle aide à calmer les peaux réactives et sujettes aux imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💧 Eau \u0026amp; hydroxyde de sodium\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAqua, Sodium Hydroxide\u003c\/strong\u003e — Agent de saponification entièrement transformé au cours du processus de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Olea Europaea Fruit Oil, Laurus Nobilis Fruit Oil, Aqua, Sodium Hydroxide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eBienfaits du savon d'Alep 12% pour votre peau\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eVous cherchez à comprendre les bienfaits du savon d'Alep ? Voici ce que cette concentration à 12% de laurier peut vous apporter au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✨ Nettoyage en douceur\u003c\/h3\u003e\n \u003cp\u003eIl élimine les impuretés sans agresser ni dessécher l'épiderme. Un nettoyage respectueux, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🩹 Apaisement des irritations\u003c\/h3\u003e\n \u003cp\u003ePeaux sensibles, rougeurs, tiraillements — l'huile de laurier aide à calmer les inconforts cutanés durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e⚖️ Rééquilibrage des peaux mixtes\u003c\/h3\u003e\n \u003cp\u003eRégule l'excès de sébum tout en maintenant une bonne hydratation. Votre peau retrouve son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💇 Soin pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé comme shampoing solide, le savon d'Alep purifie le cuir chevelu et redonne légèreté et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e👨‍⚕️\u003c\/span\u003e\n \u003cp\u003eCe dosage à 12% est souvent recommandé comme un excellent point de départ pour découvrir le savon d'Alep. Bien toléré, même sur les peaux réactives. En cas de pathologie cutanée, demandez toujours l'avis de votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-timeline\"\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos mains\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains humides jusqu'à obtenir une mousse onctueuse et généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en massages doux\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage et le corps en massages circulaires doux. Convient à un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Votre peau est propre, douce et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour prolonger la durée de vie de votre savon, posez-le sur un porte-savon aéré afin qu'il sèche entre chaque utilisation. Vous remarquerez que l'intérieur du pain reste vert — signe d'un savon d'Alep authentique — tandis que l'extérieur brunit naturellement au contact de l'air.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sa-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🏆 Marque pionnière\u003c\/h3\u003e\n \u003cp\u003eNajel est pionnière dans l'importation du savon d'Alep en France. Un gage de qualité et d'authenticité reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003e100% naturel, biodégradable et conditionné dans un emballage minimaliste. Un geste concret pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✈️ Format voyage 100 g\u003c\/h3\u003e\n \u003cp\u003eParfait pour un premier essai ou pour glisser dans votre trousse de voyage. Pratique et économique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-cta-box\"\u003e\n \u003cp\u003e🌿 Vous cherchez où acheter du savon d'Alep authentique ? Vous êtes au bon endroit : ce produit respecte scrupuleusement la recette traditionnelle, sans aucun compromis sur la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sa-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical et ne saurait remplacer une consultation auprès d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sa-cream: #f7f5f0;\n --sa-white: #ffffff;\n --sa-primary: #7a9e7e;\n --sa-primary-dark: #3d5c40;\n --sa-primary-light: #e8f0e9;\n --sa-secondary: #b8a88a;\n --sa-accent: #c9b88c;\n --sa-text: #1a1a1a;\n --sa-text-light: #5a5a5a;\n --sa-border: #e0e0e0;\n --sa-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sa-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sa-radius: 20px;\n --sa-radius-sm: 12px;\n}\n\n.sa-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sa-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sa-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5c40 0%, #7a9e7e 50%, #b8a88a 100%);\n border-radius: var(--sa-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(--sa-shadow-lg);\n}\n\n.sa-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 40%);\n opacity: 1;\n}\n\n.sa-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sa-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.sa-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.sa-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.sa-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sa-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(--sa-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sa-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sa-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sa-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sa-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.sa-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(--sa-primary), var(--sa-secondary));\n border-radius: 2px;\n}\n\n.sa-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-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.sa-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sa-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sa-shadow-lg);\n border-color: var(--sa-primary);\n}\n\n.sa-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sa-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sa-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sa-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sa-grid-compact .sa-card {\n padding: 1rem;\n}\n\n.sa-grid-compact .sa-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sa-grid-compact .sa-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sa-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sa-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sa-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sa-primary), var(--sa-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.sa-timeline-content {\n flex: 1;\n background: var(--sa-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sa-radius-sm);\n box-shadow: var(--sa-shadow);\n}\n\n.sa-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sa-timeline-content p {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sa-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sa-primary-light);\n border-radius: var(--sa-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sa-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sa-tip p {\n font-size: 14px;\n color: var(--sa-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sa-cta-box {\n background: linear-gradient(135deg, var(--sa-primary) 0%, var(--sa-primary-dark) 100%);\n border-radius: var(--sa-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.sa-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.sa-disclaimer {\n font-size: 12px;\n color: var(--sa-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 .sa-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sa-card {\n padding: 1.125rem;\n }\n\n .sa-section {\n margin-bottom: 1.75rem;\n }\n\n .sa-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sa-radius-sm);\n }\n\n .sa-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sa-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sa-grid-compact {\n gap: .625rem;\n }\n\n .sa-grid-compact .sa-card {\n padding: .75rem;\n }\n\n .sa-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sa-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sa-timeline-content h3 {\n font-size: 14px;\n }\n\n .sa-timeline-content p {\n font-size: 13px;\n }\n\n .sa-tip {\n padding: .875rem 1rem;\n }\n\n .sa-tip-icon {\n font-size: 20px;\n }\n\n .sa-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sa-card {\n animation: saFadeInUp .5s ease backwards;\n }\n .sa-card:nth-child(1) { animation-delay: .05s; }\n .sa-card:nth-child(2) { animation-delay: .1s; }\n .sa-card:nth-child(3) { animation-delay: .15s; }\n .sa-card:nth-child(4) { animation-delay: .2s; }\n .sa-card:nth-child(5) { animation-delay: .25s; }\n .sa-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes saFadeInUp {\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 .sa-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54880877904249,"sku":"NJ0050","price":4.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-12-huile-de-baies-de-laurier-najel-100g-lifestyle_fe4f6115-8c01-4c2e-939b-11a6380d3008.webp?v=1778148601"},{"product_id":"savon-alep-12-laurier-najel-200g","title":"Savon d'Alep 12% Huile de Baies de Laurier - Najel - 180 g","description":"\u003cdiv class=\"sa-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sa-hero\"\u003e\n \u003cdiv class=\"sa-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sa-hero-content\"\u003e\n \u003cdiv class=\"sa-badges-top\"\u003e\n \u003cspan class=\"sa-badge\"\u003e🫒 Huile d'olive \u0026amp; laurier\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🇸🇾 Fabriqué à Alep\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🌿 12% huile de baies de laurier\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🧼 3 000 ans de savoir-faire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sa-hero-title\"\u003eSavon d'Alep 12% Huile de Baies de Laurier\u003c\/span\u003e\n \u003cp class=\"sa-subtitle\"\u003eNajel — 180 g\u003c\/p\u003e\n \u003cp class=\"sa-description\"\u003eL'authentique savon ancestral syrien, fabriqué artisanalement au chaudron. Douceur de l'olive, pureté du laurier : le soin naturel par excellence pour les peaux normales à mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eSavon d'Alep 12% huile de baies de laurier Najel : l'authentique soin ancestral\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eVéritable héritage d'un savoir-faire vieux de plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e, ce savon d'Alep Najel est fabriqué artisanalement à Alep, en Syrie, berceau historique de la savonnerie.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid-compact\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🏺 Tradition millénaire\u003c\/h3\u003e\n \u003cp\u003eUn savoir-faire ancestral transmis depuis plus de 3 000 ans, d'Alep jusqu'à vous\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌿 12% de laurier\u003c\/h3\u003e\n \u003cp\u003eL'équilibre parfait entre douceur et efficacité purifiante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🧴 Peaux normales à mixtes\u003c\/h3\u003e\n \u003cp\u003eFormulé spécifiquement pour un usage quotidien en toute sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✋ 100% artisanal\u003c\/h3\u003e\n \u003cp\u003eFabriqué au chaudron selon la méthode traditionnelle syrienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eUne composition d'une simplicité remarquable, gage de qualité et de transparence.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card sa-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e≈ 88%\u003c\/strong\u003e — Olea Europaea Fruit Oil. Nourrit et protège la peau en profondeur, préserve le film hydrolipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card sa-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e12%\u003c\/strong\u003e — Laurus Nobilis Fruit Oil. Purifiante et apaisante, elle assainit l'épiderme tout en calmant les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card sa-card-ingredient\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp\u003eAqua. Composant essentiel du processus de saponification artisanale au chaudron.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card sa-card-ingredient\"\u003e\n \u003ch3\u003e🧪 Soude végétale\u003c\/h3\u003e\n \u003cp\u003eSodium Hydroxide. Agent de saponification entièrement transformé lors du processus de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans colorant, sans parfum artificiel, sans conservateur chimique.\u003c\/strong\u003e Le produit est biodégradable et non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eBienfaits du savon d'Alep à 12% de laurier\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLes bienfaits du savon d'Alep sont reconnus depuis des millénaires. C'est d'ailleurs l'ancêtre du savon de Marseille. Voici ce que cette formule à 12% de laurier peut concrètement vous apporter.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🧹 Nettoyage en douceur\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive nettoie sans décaper, en respectant le film hydrolipidique naturel de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✨ Action purifiante\u003c\/h3\u003e\n \u003cp\u003eL'huile de baies de laurier aide à assainir l'épiderme, idéale pour les peaux sujettes aux petites imperfections\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🩹 Apaisement des irritations\u003c\/h3\u003e\n \u003cp\u003eRougeurs, tiraillements, inconforts légers sont atténués grâce aux propriétés calmantes du laurier\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💦 Hydratation naturelle\u003c\/h3\u003e\n \u003cp\u003eLa peau reste souple et confortable après chaque utilisation, sans sensation de sécheresse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e👩‍⚕️\u003c\/span\u003e\n \u003cp\u003eSelon plusieurs \u003cstrong\u003eavis de dermatologues\u003c\/strong\u003e, le savon d'Alep figure parmi les savons les mieux tolérés grâce à sa formule minimaliste et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon d'Alep ?\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLe savon d'Alep pour le visage comme pour le corps s'utilise très simplement.\u003c\/p\u003e\n \u003cdiv class=\"sa-timeline\"\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eHumidifiez \u0026amp; faites mousser\u003c\/h3\u003e\n \u003cp\u003eHumidifiez votre peau et le savon, puis faites-le mousser entre vos mains ou avec un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage, le corps, ou même les cheveux en guise de shampooing naturel. Massez en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. La peau est propre, souple et confortable, sans tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour prolonger la durée de vie de votre savon, conservez-le sur un porte-savon aéré afin qu'il sèche entre chaque utilisation. Un pain de 180 g dure facilement plusieurs semaines. Vous préférez une texture fluide ? Sachez qu'il existe aussi du savon d'Alep liquide, mais la version solide traditionnelle reste la plus authentique et la plus économique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon d'Alep Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-grid-compact\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🏺 Fabrication authentique\u003c\/h3\u003e\n \u003cp\u003eProduit à Alep selon la méthode ancestrale de cuisson au chaudron\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e⚖️ Formule équilibrée\u003c\/h3\u003e\n \u003cp\u003e12% de laurier, un dosage idéal pour un usage quotidien sur peaux normales à mixtes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes, adolescents et peaux sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e♻️ Engagement écologique\u003c\/h3\u003e\n \u003cp\u003eZéro emballage plastique superflu, ingrédients naturels, biodégradable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sa-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"sa-accordion\"\u003e\n \u003cdetails class=\"sa-accordion-item\" open\u003e\n \u003csummary class=\"sa-accordion-header\"\u003e📋 Fiche technique\u003c\/summary\u003e\n \u003cdiv class=\"sa-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003ePoids net :\u003c\/strong\u003e 180 g\u003cbr\u003e\n \u003cstrong\u003eType de peau :\u003c\/strong\u003e peaux normales à mixtes\u003cbr\u003e\n \u003cstrong\u003eOrigine :\u003c\/strong\u003e Alep, Syrie\u003cbr\u003e\n \u003cstrong\u003eMarque :\u003c\/strong\u003e Najel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sa-accordion-item\"\u003e\n \u003csummary class=\"sa-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"sa-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sa-cream: #f7f4ef;\n --sa-white: #ffffff;\n --sa-primary: #4a7c3f;\n --sa-primary-dark: #2e5a28;\n --sa-primary-light: #e8f0e5;\n --sa-secondary: #8b6f47;\n --sa-accent: #c9a96e;\n --sa-text: #1a1a1a;\n --sa-text-light: #5a5a5a;\n --sa-border: #e0ddd6;\n --sa-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sa-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sa-radius: 20px;\n --sa-radius-sm: 12px;\n}\n\n.sa-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sa-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sa-hero {\n position: relative;\n background: linear-gradient(135deg, #2e5a28 0%, #4a7c3f 40%, #8b6f47 100%);\n border-radius: var(--sa-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(--sa-shadow-lg);\n}\n\n.sa-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(201,169,110,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sa-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sa-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.sa-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.sa-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sa-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sa-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(--sa-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sa-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sa-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sa-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sa-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.sa-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(--sa-primary), var(--sa-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.sa-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-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.sa-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sa-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sa-shadow-lg);\n border-color: var(--sa-primary);\n}\n\n.sa-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sa-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sa-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT VARIANT === *\/\n.sa-card-ingredient {\n border-left: 4px solid var(--sa-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.sa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sa-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sa-grid-compact .sa-card {\n padding: 1rem;\n}\n\n.sa-grid-compact .sa-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sa-grid-compact .sa-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sa-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sa-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sa-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sa-primary), var(--sa-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.sa-timeline-content {\n flex: 1;\n background: var(--sa-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sa-radius-sm);\n box-shadow: var(--sa-shadow);\n}\n\n.sa-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sa-timeline-content p {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sa-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sa-primary-light);\n border-radius: var(--sa-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sa-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sa-tip p {\n font-size: 14px;\n color: var(--sa-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.sa-testimonial {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sa-shadow);\n border-left: 4px solid var(--sa-primary);\n}\n\n.sa-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sa-accordion {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n box-shadow: var(--sa-shadow);\n overflow: hidden;\n}\n\n.sa-accordion-item {\n border-bottom: 1px solid var(--sa-border);\n margin: 0;\n padding: 0;\n}\n\n.sa-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sa-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sa-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.sa-accordion-header:hover {\n background: var(--sa-primary-light);\n}\n\n.sa-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sa-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sa-primary);\n transition: transform .2s ease;\n}\n\n.sa-accordion-item[open] .sa-accordion-header::after {\n content: '−';\n}\n\n.sa-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sa-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sa-accordion-content p {\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sa-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sa-card {\n padding: 1.125rem;\n }\n\n .sa-section {\n margin-bottom: 1.75rem;\n }\n\n .sa-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sa-radius-sm);\n }\n\n .sa-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sa-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sa-grid-compact {\n gap: .625rem;\n }\n\n .sa-grid-compact .sa-card {\n padding: .75rem;\n }\n\n .sa-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sa-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sa-timeline-content h3 {\n font-size: 14px;\n }\n\n .sa-timeline-content p {\n font-size: 13px;\n }\n\n .sa-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sa-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sa-testimonial {\n padding: 1.25rem;\n }\n\n .sa-testimonial-text {\n font-size: 14px;\n }\n\n .sa-card-ingredient {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sa-card {\n animation: saFadeInUp .5s ease backwards;\n }\n .sa-card:nth-child(1) { animation-delay: .05s; }\n .sa-card:nth-child(2) { animation-delay: .1s; }\n .sa-card:nth-child(3) { animation-delay: .15s; }\n .sa-card:nth-child(4) { animation-delay: .2s; }\n .sa-card:nth-child(5) { animation-delay: .25s; }\n .sa-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes saFadeInUp {\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 .sa-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54880923910521,"sku":"NJ0040","price":5.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-12-huile-de-baies-de-laurier-najel-180-g-lifestyle_9222a829-9a06-4240-a627-27bd05412d89.webp?v=1778146830"},{"product_id":"savon-alep-charbon-bio","title":"Savon d'Alep au Charbon Bio - Najel - 100 g","description":"\u003cdiv class=\"nj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nj-hero\"\u003e\n \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nj-hero-content\"\u003e\n \u003cdiv class=\"nj-badges-top\"\u003e\n \u003cspan class=\"nj-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🧼 Fabriqué à Alep\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🌍 Sans huile de palme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nj-hero-title\"\u003eSavon d'Alep au Charbon Bio\u003c\/span\u003e\n \u003cp class=\"nj-subtitle\"\u003eNajel — 100 g\u003c\/p\u003e\n \u003cp class=\"nj-description\"\u003eLa puissance détoxifiante du charbon actif alliée au savoir-faire millénaire du savon d'Alep. Une peau nette, purifiée et lumineuse dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eSavon d'Alep au charbon noir bio Najel : le soin purifiant d'exception\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon au charbon noir\u003c\/strong\u003e qui nettoie vraiment en profondeur sans agresser votre peau ? Le \u003cstrong\u003esavon d'Alep au charbon bio de Najel\u003c\/strong\u003e associe un savoir-faire millénaire syrien à la puissance détoxifiante du \u003cstrong\u003echarbon actif\u003c\/strong\u003e. Résultat : une peau débarrassée de ses impuretés, nette et visiblement plus lumineuse dès les premières utilisations.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon charbon noir pour le visage et le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-testimonial\"\u003e\n \u003cp class=\"nj-testimonial-text\"\u003eLe \u003cstrong\u003echarbon noir\u003c\/strong\u003e est reconnu pour sa capacité exceptionnelle à absorber les toxines, les résidus de pollution et l'excès de sébum logés dans les pores. Contrairement aux nettoyants classiques qui restent en surface, le charbon agit comme un véritable aimant à impuretés. Intégré dans une base de \u003cstrong\u003esavon d'Alep authentique\u003c\/strong\u003e, il bénéficie en plus des propriétés nourrissantes des huiles végétales pour un nettoyage en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon au charbon noir Najel\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧲 Détoxifie en profondeur\u003c\/h3\u003e\n \u003cp\u003eLe charbon actif capture les impuretés, la pollution et les résidus de maquillage piégés dans les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✨ Régule le sébum\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adapté aux peaux mixtes à grasses, il réduit la brillance et prévient l'apparition des points noirs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🫒 Nourrit et apaise\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive bio hydrate tandis que l'huile de baies de laurier calme les irritations et favorise la réparation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🤍 Tous types de peau\u003c\/h3\u003e\n \u003cp\u003eSa formule douce, sans parfum artificiel ni colorant, respecte même les peaux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Visage et corps\u003c\/h3\u003e\n \u003cp\u003eUn seul produit pour simplifier votre routine de soins quotidienne, du matin au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"nj-accordion\"\u003e\n \u003cdetails class=\"nj-accordion-item\" open\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e📋 Ingrédients (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eSodium Olivate (huile d'olive saponifiée), Sodium Laurelate (huile de baies de laurier saponifiée), Aqua, Charcoal Powder* (poudre de charbon bio), Sodium Hydroxide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nj-accordion-item\"\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e🌱 Engagements qualité\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eFormule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, certifiée bio. Sans huile de palme, sans conservateur synthétique, sans parfum artificiel. Produit \u003cstrong\u003evegan\u003c\/strong\u003e et non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon d'Alep au charbon ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-timeline\"\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez le savon et faites-le mousser 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=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eMassez la mousse sur le visage et le corps en effectuant de légers mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eLaissez agir (optionnel)\u003c\/h3\u003e\n \u003cp\u003ePour un effet purifiant maximal sur le visage, laissez la mousse agir une trentaine de secondes avant de rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Votre peau est nette, fraîche et purifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce conservation :\u003c\/strong\u003e après chaque utilisation, posez votre savon sur un porte-savon aéré afin qu'il sèche correctement. Il durera ainsi nettement plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eUn choix écoresponsable au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"nj-testimonial\"\u003e\n \u003cp class=\"nj-testimonial-text\"\u003eOpter pour le \u003cstrong\u003esavon noir au charbon Najel\u003c\/strong\u003e, c'est faire le choix d'un produit fabriqué artisanalement à Alep, en Syrie, selon une recette ancestrale transmise de génération en génération. L'emballage minimaliste en papier recyclable limite l'impact environnemental. En remplaçant vos gels douche en flacon plastique par ce savon solide, vous réduisez considérablement vos déchets tout en prenant soin de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eEn résumé\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e⚖️ Poids\u003c\/h3\u003e\n \u003cp\u003e100 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Type de peau\u003c\/h3\u003e\n \u003cp\u003eTous types, idéal peaux mixtes à grasses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🖤 Actif phare\u003c\/h3\u003e\n \u003cp\u003eCharbon actif bio purifiant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eArtisanale, Alep (Syrie)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✅ Certifications\u003c\/h3\u003e\n \u003cp\u003eBio – Vegan – Sans huile de palme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-disclaimer\"\u003eCe savon ne se substitue pas à un traitement dermatologique. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nj-cream: #f4f2ed;\n --nj-white: #ffffff;\n --nj-primary: #3d6b4f;\n --nj-primary-dark: #1e3a2a;\n --nj-primary-light: #e8f0eb;\n --nj-secondary: #5a9e6f;\n --nj-accent: #2c2c2c;\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n --nj-border: #ddd8d0;\n --nj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--nj-accent) 0%, var(--nj-primary-dark) 40%, var(--nj-primary) 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(ellipse at 20% 80%, rgba(90,158,111,.15) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(61,107,79,.12) 0%, transparent 50%);\n opacity: 1;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.75);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .04em;\n text-transform: uppercase;\n}\n\n.nj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n.nj-section-intro strong {\n color: var(--nj-text);\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nj-testimonial {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nj-shadow);\n border-left: 4px solid var(--nj-primary);\n}\n\n.nj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.nj-testimonial-text strong {\n color: var(--nj-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.nj-accordion {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n box-shadow: var(--nj-shadow);\n overflow: hidden;\n}\n\n.nj-accordion-item {\n border-bottom: 1px solid var(--nj-border);\n margin: 0;\n padding: 0;\n}\n\n.nj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nj-accordion-header:hover {\n background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nj-primary);\n transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n content: '−';\n}\n\n.nj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nj-accordion-content p {\n margin: 0;\n}\n\n.nj-accordion-content strong {\n color: var(--nj-text);\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.nj-tip strong {\n color: var(--nj-primary-dark);\n}\n\n\/* === DISCLAIMER === *\/\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nj-card {\n padding: 1.125rem;\n }\n\n .nj-section {\n margin-bottom: 1.75rem;\n }\n\n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n\n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nj-grid-compact {\n gap: .625rem;\n }\n\n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n\n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nj-timeline-content h3 {\n font-size: 14px;\n }\n\n .nj-timeline-content p {\n font-size: 13px;\n }\n\n .nj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nj-testimonial {\n padding: 1.25rem;\n }\n\n .nj-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54880943079801,"sku":"NJ0105","price":5.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-au-charbon-bio-najel-100-g-lifestyle_c1ae59cf-22ae-4a9c-9531-27da79feadaa.webp?v=1778148005"},{"product_id":"savon-noir-alep-multiusage-bio-1l","title":"Savon Noir d'Alep Liquide Multiusage Bio - Najel - 1 L","description":"\u003cdiv class=\"sna-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sna-hero\"\u003e\n\u003cdiv class=\"sna-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sna-hero-content\"\u003e\n\u003cdiv class=\"sna-badges-top\"\u003e\n\u003cspan class=\"sna-badge\"\u003e🫒 Olive \u0026amp; laurier bio\u003c\/span\u003e \u003cspan class=\"sna-badge\"\u003e🏷️ Certifié Ecocert\u003c\/span\u003e \u003cspan class=\"sna-badge\"\u003e🏠 Corps \u0026amp; maison\u003c\/span\u003e \u003cspan class=\"sna-badge\"\u003e📦 Format 1 L\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sna-hero-title\"\u003eSavon Noir d'Alep Liquide Multiusage Bio\u003c\/span\u003e\n\u003cp class=\"sna-subtitle\"\u003eNajel — 1 litre\u003c\/p\u003e\n\u003cp class=\"sna-description\"\u003eLe nettoyant naturel ancestral qui remplace des produits chimiques : un entretien écologique de toute la maison, dans un seul flacon économique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eLe savon noir liquide authentique d'Alep, version 1 L\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon noir liquide\u003c\/strong\u003e vraiment polyvalent redoutable sur les surfaces ? Le \u003cstrong\u003esavon liquide noir\u003c\/strong\u003e Najel est élaboré à partir de deux huiles emblématiques d'Alep, sans aucun additif superflu.\u003c\/p\u003e\n\u003cdiv class=\"sna-grid-compact\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n\u003cp\u003eNourrit la peau et dégraisse efficacement toutes les surfaces du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌿 Baies de laurier\u003c\/h3\u003e\n\u003cp\u003eApporte ses propriétés purifiantes reconnues depuis l'Antiquité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🔄 Multiusage\u003c\/h3\u003e\n\u003cp\u003eUn seul produit pour la vaisselle, les sols et le linge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e💧 Ultra concentré\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes suffisent : un litre dure plusieurs mois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eUne maison propre, naturellement\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eSouvent comparé aux références distribuées en grande surface (type \u003cstrong\u003esavon noir liquide Leclerc\u003c\/strong\u003e ou \u003cstrong\u003esavon noir liquide Action\u003c\/strong\u003e), ce savon Najel se distingue par sa formule certifiée \u003cstrong\u003eEcocert Écodétergent\u003c\/strong\u003e, sans tensioactifs synthétiques.\u003c\/p\u003e\n\u003cdiv class=\"sna-grid\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🍽️ Liquide vaisselle au savon noir\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes pures sur une éponge humide : un véritable \u003cstrong\u003eliquide vaisselle maison au savon noir\u003c\/strong\u003e, dégraissant et doux pour les mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🧹 Sols et surfaces\u003c\/h3\u003e\n\u003cp\u003eUne cuillère à soupe dans un litre d'eau chaude pour carrelages, plans de travail et meubles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e👕 Linge et détachage\u003c\/h3\u003e\n\u003cp\u003eDeux cuillères dans le tambour ou en application directe sur les taches tenaces\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🪟 Vitres sans traces\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes dans de l'eau tiède pour des miroirs impeccables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-tip\"\u003e\n\u003cspan class=\"sna-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eAstuce zéro déchet : remplacez plusieurs flacons en plastique par ce \u003cstrong\u003eliquide savon noir\u003c\/strong\u003e unique, biodégradable et économique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\u003c!-- SECTION 4 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"sna-section\"\u003e\n\u003ch2\u003eComposition \u0026amp; conseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"sna-accordion\"\u003e\n\u003cdetails class=\"sna-accordion-item\"\u003e\n\u003csummary class=\"sna-accordion-header\"\u003e🧪 Ingrédients (INCI)\u003c\/summary\u003e\n\u003cdiv class=\"sna-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eAqua, Potassium Olivate*, Potassium Laurelate*, Glycerin.\u003c\/strong\u003e\u003cbr\u003e*Issus de l'agriculture biologique. 99 % d'origine naturelle. Sans parfum, sans colorant, sans huile de palme, sans paraben.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sna-accordion-item\"\u003e\n\u003csummary class=\"sna-accordion-header\"\u003e🏠 Pour la maison\u003c\/summary\u003e\n\u003cdiv class=\"sna-accordion-content mt-3\"\u003e\n\u003cp\u003eDiluez 1 à 2 cuillères à soupe dans 1 litre d'eau tiède pour les sols et surfaces. Utilisez pur sur une éponge en \u003cstrong\u003eliquide vaisselle savon noir\u003c\/strong\u003e ou pour le détachage localisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sna-disclaimer\"\u003eProduit d'entretien. Évitez le contact avec les yeux. Tenir hors de portée des enfants. Ne remplace pas un avis médical en cas de problème cutané persistant.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sna-cream: #f5f7f2;\n --sna-white: #ffffff;\n --sna-primary: #6b8e4e;\n --sna-primary-dark: #2d3e2a;\n --sna-primary-light: #e3ebd9;\n --sna-secondary: #a8c48a;\n --sna-accent: #d9b96a;\n --sna-text: #1f2a1c;\n --sna-text-light: #5a6753;\n --sna-border: #d8e0cf;\n --sna-shadow: 0 4px 24px rgba(45,62,42,.08);\n --sna-shadow-lg: 0 12px 48px rgba(45,62,42,.18);\n --sna-radius: 20px;\n --sna-radius-sm: 12px;\n}\n\n.sna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sna-text);\n line-height: 1.6;\n}\n\n\/* HERO *\/\n.sna-hero {\n position: relative;\n background: linear-gradient(135deg, #2d3e2a 0%, #4a6238 50%, #6b8e4e 100%);\n border-radius: var(--sna-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sna-shadow-lg);\n}\n\n.sna-hero-pattern {\n position: absolute;\n inset: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, #fff 1px, transparent 1px),\n radial-gradient(circle at 70% 60%, #fff 2px, transparent 2px),\n radial-gradient(circle at 40% 80%, #fff 1px, transparent 1px);\n background-size: 80px 80px, 120px 120px, 100px 100px;\n}\n\n.sna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sna-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n line-height: 1.1;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.sna-subtitle {\n color: var(--sna-accent);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.sna-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* BADGES *\/\n.sna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n}\n\n.sna-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sna-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* SECTIONS *\/\n.sna-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sna-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sna-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n line-height: 1.2;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sna-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sna-primary), var(--sna-secondary));\n border-radius: 2px;\n}\n\n.sna-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sna-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.sna-section-intro strong {\n color: var(--sna-primary-dark);\n}\n\n\/* CARDS *\/\n.sna-card {\n background: var(--sna-white);\n border-radius: var(--sna-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sna-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sna-shadow-lg);\n border-color: var(--sna-primary);\n}\n\n.sna-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sna-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sna-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sna-card p strong {\n color: var(--sna-primary-dark);\n}\n\n\/* GRIDS *\/\n.sna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sna-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sna-grid-compact .sna-card {\n padding: 1.25rem 1rem;\n}\n\n.sna-grid-compact .sna-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n}\n\n.sna-grid-compact .sna-card p {\n font-size: 13px;\n}\n\n\/* TIP *\/\n.sna-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sna-primary-light);\n border-radius: var(--sna-radius-sm);\n padding: 1.125rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--sna-primary);\n}\n\n.sna-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sna-tip p {\n font-size: 14px;\n color: var(--sna-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sna-tip p strong {\n color: var(--sna-primary-dark);\n}\n\n\/* ACCORDION *\/\n.sna-accordion {\n background: var(--sna-white);\n border-radius: var(--sna-radius);\n box-shadow: var(--sna-shadow);\n overflow: hidden;\n}\n\n.sna-accordion-item {\n border-bottom: 1px solid var(--sna-border);\n margin: 0;\n padding: 0;\n}\n\n.sna-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sna-accordion-header {\n padding: 1.125rem 1.5rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sna-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n}\n\n.sna-accordion-header:hover {\n background: var(--sna-primary-light);\n}\n\n.sna-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sna-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--sna-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.sna-accordion-item[open] .sna-accordion-header::after {\n content: '−';\n}\n\n.sna-accordion-content {\n padding: 0 1.5rem 1.25rem;\n color: var(--sna-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sna-accordion-content p {\n margin: 0;\n}\n\n.sna-accordion-content p strong {\n color: var(--sna-primary-dark);\n}\n\n.mt-3 {\n margin-top: .75rem;\n}\n\n\/* DISCLAIMER *\/\n.sna-disclaimer {\n font-size: 12px;\n color: var(--sna-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n .sna-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .sna-card {\n padding: 1.125rem;\n }\n .sna-section {\n margin-bottom: 1.75rem;\n }\n .sna-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sna-radius-sm);\n }\n .sna-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .sna-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .sna-grid-compact {\n gap: .625rem;\n }\n .sna-grid-compact .sna-card {\n padding: .875rem .75rem;\n }\n .sna-grid-compact .sna-card h3 {\n font-size: 13px;\n }\n .sna-grid-compact .sna-card p {\n font-size: 12px;\n }\n .sna-accordion-header {\n padding: .9375rem 1rem;\n font-size: 14px;\n }\n .sna-accordion-content {\n padding: 0 1rem 1rem;\n font-size: 13px;\n }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n .sna-card {\n animation: snaFadeUp .5s ease backwards;\n }\n .sna-card:nth-child(1) { animation-delay: .05s; }\n .sna-card:nth-child(2) { animation-delay: .1s; }\n .sna-card:nth-child(3) { animation-delay: .15s; }\n .sna-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes snaFadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sna-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54881030832505,"sku":"NJ0370","price":8.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-noir-dalep-liquide-multiusage-bio-najel-1-l-lifestyle.webp?v=1778151250"},{"product_id":"argent-colloidal-20ppm-catalyons","title":"Argent Colloïdal 20ppm - Catalyons - 500ml","description":"\u003cp\u003e```html\u003c\/p\u003e\n\u003cdiv class=\"ac-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ac-hero\"\u003e\n\u003cdiv class=\"ac-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac-hero-content\"\u003e\n\u003cdiv class=\"ac-badges-top\"\u003e\n\u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e💧 20 ppm\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e📦 500 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ac-hero-title\"\u003eArgent Colloïdal 20ppm Catalyons\u003c\/span\u003e\n\u003cp class=\"ac-subtitle\"\u003eL'original depuis 1960 - Procédé breveté d'électrolyse\u003c\/p\u003e\n\u003cp class=\"ac-description\"\u003eUne solution d'ions d'argent en suspension dans de l'eau ultra-pure, fabriquée par un laboratoire familial pionnier dans le domaine des oligo-éléments ionisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eArgent Colloïdal 20 ppm Catalyons : une solution naturelle polyvalente\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eVous recherchez un produit naturel aux propriétés purifiantes pour prendre soin de votre peau et de celle de vos proches ?\u003c\/p\u003e\n\u003cdiv class=\"ac-highlight-box\"\u003e\n\u003cp\u003eL'\u003cstrong\u003eArgent Colloïdal 20 ppm de Catalyons\u003c\/strong\u003e est une solution d'ions d'argent en suspension dans de l'eau ultra-pure, fabriquée en France depuis 1960 par un laboratoire familial pionnier dans le domaine des oligo-éléments ionisés. Ce flacon de \u003cstrong\u003e500 ml\u003c\/strong\u003e vous accompagne durablement au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eBienfaits de l'argent colloïdal en usage externe\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eUtilisé depuis l'Antiquité, l'\u003cstrong\u003eargent colloïdal\u003c\/strong\u003e est reconnu pour ses vertus antiseptiques, antifongiques et apaisantes. À une concentration de \u003cstrong\u003e20 ppm\u003c\/strong\u003e, cette solution offre un équilibre idéal entre efficacité et douceur.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🧴 Assainissement cutané\u003c\/h3\u003e\n\u003cp\u003eAide à purifier la peau en limitant la prolifération des bactéries et des champignons sur les zones concernées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e✨ Apaisement des irritations\u003c\/h3\u003e\n\u003cp\u003eContribue à calmer les rougeurs, les petites imperfections et les inconforts cutanés du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🦷 Hygiène buccale\u003c\/h3\u003e\n\u003cp\u003eUtilisé en gargarisme, il aide à assainir la cavité buccale de manière douce et naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e👁️ Soin des yeux\u003c\/h3\u003e\n\u003cp\u003eL'argent colloïdal peut être appliqué en compresse sur les paupières pour apaiser les irritations légères. Demandez toujours conseil à un professionnel de santé au préalable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eÉgalement adapté à vos animaux de compagnie\u003c\/h2\u003e\n\u003cdiv class=\"ac-highlight-box ac-highlight-box--animal\"\u003e\n\u003cp\u003eSaviez-vous que l'\u003cstrong\u003eargent colloïdal\u003c\/strong\u003e est aussi apprécié pour le soin des animaux ? Que ce soit pour votre \u003cstrong\u003echien\u003c\/strong\u003e ou votre \u003cstrong\u003echat\u003c\/strong\u003e, il s'applique en externe sur les petites plaies, irritations ou zones à assainir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🐕 Chiens\u003c\/h3\u003e\n\u003cp\u003ePetites plaies, irritations cutanées, zones à assainir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🐈 Chats\u003c\/h3\u003e\n\u003cp\u003eSoin doux et naturel, bien toléré par nos compagnons\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e🩺\u003c\/span\u003e\n\u003cp\u003eSon absence totale de produits chimiques en fait une option douce. En cas de doute, consultez votre vétérinaire avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eComposition et procédé de fabrication\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eLa formule de cet argent colloïdal 20 ppm est d'une simplicité exemplaire :\u003c\/p\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e💧 Eau ultra-pure\u003c\/h3\u003e\n\u003cp\u003eBase de la solution, d'une pureté absolue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚪ Ions d'argent\u003c\/h3\u003e\n\u003cp\u003eConcentration précise à 20 ppm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-highlight-box ac-highlight-box--process\"\u003e\n\u003cp\u003e\u003cstrong\u003eAucun conservateur, aucun additif, aucun colorant.\u003c\/strong\u003e Le Laboratoire Catalyons utilise un \u003cstrong\u003eprocédé breveté d'électrolyse\u003c\/strong\u003e combiné à une dynamisation par vortex aimanté. Cette méthode unique garantit une taille de particules optimale et une stabilité remarquable de la solution. Le flacon en PET ambré protège le contenu de la lumière pour préserver toutes ses qualités.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eComment utiliser l'argent colloïdal Catalyons ?\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eCe produit s'utilise exclusivement en \u003cstrong\u003eusage externe\u003c\/strong\u003e. Voici quelques conseils pratiques :\u003c\/p\u003e\n\u003cdiv class=\"ac-timeline\"\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003e🧴 Sur la peau\u003c\/h3\u003e\n\u003cp\u003eImbibez un coton ou une compresse et appliquez directement sur la zone à traiter, deux à trois fois par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003e🦷 En gargarisme\u003c\/h3\u003e\n\u003cp\u003ePrenez une petite quantité en bouche, faites un bain de bouche pendant 30 secondes, puis recrachez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003e👁️ En compresse oculaire\u003c\/h3\u003e\n\u003cp\u003eAppliquez une compresse imbibée sur les paupières fermées pendant quelques minutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"ac-accordion-item\"\u003e\n\u003csummary class=\"ac-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur, et refermez-le soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"ac-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir cet argent colloïdal Catalyons ?\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eLaboratoire expert depuis plus de 60 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌿 100 % d'origine naturelle\u003c\/h3\u003e\n\u003cp\u003eSans aucun composant synthétique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚗️ Concentration 20 ppm\u003c\/h3\u003e\n\u003cp\u003eL'une des plus utilisées et recommandées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e📦 Grand format 500 ml\u003c\/h3\u003e\n\u003cp\u003eUtilisation prolongée et économique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e👩👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient aux adultes, enfants et animaux de compagnie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🔬 Procédé breveté\u003c\/h3\u003e\n\u003cp\u003eÉlectrolyse et dynamisation par vortex aimanté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-cta-box\"\u003e\n\u003cp\u003e💧 L'Argent Colloïdal 20 ppm Catalyons - votre allié naturel pour une hygiène quotidienne purifiante, depuis 1960.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ac-disclaimer\"\u003e\u003cstrong\u003eRappel important :\u003c\/strong\u003e l'argent colloïdal ne remplace en aucun cas un traitement médical. En cas de symptômes persistants ou de pathologie, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --ac-cream: #f5f3f0;\n --ac-white: #ffffff;\n --ac-primary: #2c3e6b;\n --ac-primary-dark: #1a2744;\n --ac-primary-light: #e8ecf4;\n --ac-secondary: #8b9dc3;\n --ac-accent: #c4a265;\n\n \/* Textes *\/\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ac-border: #e0e0e0;\n --ac-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ac-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, #1a2744 0%, #2c3e6b 45%, #8b9dc3 100%);\n border-radius: var(--ac-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: \n radial-gradient(circle at 20% 30%, rgba(196,162,101,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(139,157,195,.2) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 80px);\n opacity: 1;\n}\n\n.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ac-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ac-subtitle {\n color: var(--ac-accent);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ac-description {\n color: rgba(255,255,255,.85);\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.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ac-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ac-primary), var(--ac-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ac-highlight-box {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n border-left: 4px solid var(--ac-primary);\n margin-bottom: 1.25rem;\n}\n\n.ac-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ac-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.ac-highlight-box--animal {\n border-left-color: var(--ac-accent);\n}\n\n.ac-highlight-box--process {\n border-left-color: var(--ac-secondary);\n background: var(--ac-primary-light);\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.ac-accordion {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n box-shadow: var(--ac-shadow);\n overflow: hidden;\n}\n\n.ac-accordion-item {\n border-bottom: 1px solid var(--ac-border);\n margin: 0;\n padding: 0;\n}\n\n.ac-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ac-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ac-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ac-accordion-header:hover {\n background: var(--ac-primary-light);\n}\n\n.ac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ac-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ac-primary);\n transition: transform .2s ease;\n}\n\n.ac-accordion-item[open] .ac-accordion-header::after {\n content: '−';\n}\n\n.ac-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ac-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ac-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ac-cta-box {\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n border-radius: var(--ac-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.ac-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ac-card {\n padding: 1.125rem;\n }\n\n .ac-section {\n margin-bottom: 1.75rem;\n }\n\n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n\n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ac-grid-compact {\n gap: .625rem;\n }\n\n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n\n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ac-timeline-content h3 {\n font-size: 14px;\n }\n\n .ac-timeline-content p {\n font-size: 13px;\n }\n\n .ac-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ac-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ac-highlight-box {\n padding: 1.25rem;\n }\n\n .ac-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes acFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CATALYONS","offers":[{"title":"Default Title","offer_id":54900149617017,"sku":"38831003","price":17.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/argent-colloidal-20ppm-catalyons-500ml-lifestyle.webp?v=1772096608"},{"product_id":"savon-barbe-peau-sensible-80g","title":"Savon à barbe peau sensible - Répare \u0026 Protège - 80g","description":"\u003cdiv class=\"sb-premium\"\u003e\n \u003cdiv class=\"sb-hero\"\u003e\n \u003cdiv class=\"sb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sb-hero-content\"\u003e\n \u003cdiv class=\"sb-badges-top\"\u003e\n \u003cspan class=\"sb-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e🧔 Peau sensible\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e🌲 Parfum boisé\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e⚖️ 80g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sb-hero-title\"\u003eSavon à Barbe Peau Sensible\u003c\/span\u003e\n \u003cp class=\"sb-subtitle\"\u003eRépare \u0026amp; Protège — Rituel de rasage artisanal\u003c\/p\u003e\n \u003cp class=\"sb-description\"\u003eOffrez à votre peau le soin qu'elle mérite avec ce pain de rasage artisanal de 80 g, formulé pour en finir avec le feu du rasoir, les rougeurs et les tiraillements. Enrichi en \u003cstrong\u003epierre d'alun\u003c\/strong\u003e, \u003cstrong\u003ealoe vera\u003c\/strong\u003e, \u003cstrong\u003ehuile de neem\u003c\/strong\u003e et \u003cstrong\u003evitamine E\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eUn savon à barbe naturel pensé pour les peaux réactives\u003c\/h2\u003e\n \u003cp class=\"sb-section-intro\"\u003eContrairement aux mousses industrielles souvent agressives, ce \u003cstrong\u003esavon à barbe naturel\u003c\/strong\u003e respecte l'équilibre des peaux sensibles. Sa texture généreuse produit une mousse fine, onctueuse et dense, capable de dresser les poils pour faciliter le passage de la lame. Résultat : un rasage net, sans microcoupures, et une peau apaisée dès la première utilisation. Que vous le compariez à un \u003cstrong\u003esavon à barbe Proraso\u003c\/strong\u003e ou à un \u003cstrong\u003esavon à barbe Monsavon\u003c\/strong\u003e, vous apprécierez ici une approche plus douce et plus respectueuse.\u003c\/p\u003e\n \u003cdiv class=\"sb-grid-compact\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🪒 Rasage net\u003c\/h3\u003e\n \u003cp\u003eZéro microcoupure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e☁️ Mousse dense\u003c\/h3\u003e\n \u003cp\u003eOnctueuse et fine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌱 Peau apaisée\u003c\/h3\u003e\n \u003cp\u003eDès la 1ʳᵉ utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🧼 Artisanal\u003c\/h3\u003e\n \u003cp\u003eFormule courte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eLes actifs naturels et leurs bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"sb-grid\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e💎 Pierre d'alun\u003c\/h3\u003e\n \u003cp\u003eAstringente et apaisante, elle resserre les pores et calme les irritations post-rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera\u003c\/h3\u003e\n \u003cp\u003eHydrate intensément, apaise les tiraillements et favorise la réparation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌿 Huile de neem\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés purifiantes, elle protège la peau des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e✨ Vitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydante, elle préserve la souplesse de la peau et lutte contre les signes du temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌲 Parfum boisé\u003c\/h3\u003e\n \u003cp\u003eUne senteur masculine, discrète et raffinée, idéale pour un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon à barbe ?\u003c\/h2\u003e\n \u003cp class=\"sb-section-intro\"\u003eHumidifiez votre visage à l'eau tiède afin d'ouvrir les pores, puis choisissez votre méthode préférée.\u003c\/p\u003e\n \u003cdiv class=\"sb-timeline\"\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003e💧 Préparation\u003c\/h3\u003e\n \u003cp\u003eHumidifiez votre visage à l'eau tiède pour ouvrir les pores et ramollir les poils.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003e🖌️ Avec blaireau\u003c\/h3\u003e\n \u003cp\u003eMouillez votre blaireau, faites tourner ses poils dans un \u003cstrong\u003ebol à savon à barbe\u003c\/strong\u003e ou directement sur le pain, puis appliquez la mousse en mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003e✋ Sans blaireau\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon directement sur la peau humide, puis massez avec les doigts pour créer une fine mousse protectrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003e🪒 Rasage\u003c\/h3\u003e\n \u003cp\u003eRasez-vous dans le sens du poil, rincez à l'eau fraîche, puis séchez en tapotant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003e🌬️ Séchage\u003c\/h3\u003e\n \u003cp\u003eLaissez sécher votre savon à l'air libre 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 \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003ePourquoi le choisir plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cdiv class=\"sb-grid-compact\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌿 Formule courte\u003c\/h3\u003e\n \u003cp\u003eNaturelle, sans ingrédients controversés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🖌️ Compatible blaireau\u003c\/h3\u003e\n \u003cp\u003eMousse dense et onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e📅 80g longue durée\u003c\/h3\u003e\n \u003cp\u003ePlusieurs semaines d'utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e💚 Alternative saine\u003c\/h3\u003e\n \u003cp\u003eFace aux savons de grande distribution\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"sb-testimonial\"\u003e\n \u003cp class=\"sb-testimonial-text\"\u003eSodium Palmate, Sodium Palm Kernelate, Aqua, Glycerin, \u003cstrong\u003eAloe Barbadensis Leaf Juice\u003c\/strong\u003e, \u003cstrong\u003eMelia Azadirachta Seed Oil (Neem)\u003c\/strong\u003e, \u003cstrong\u003ePotassium Alum\u003c\/strong\u003e, \u003cstrong\u003eTocopherol (Vitamine E)\u003c\/strong\u003e, Parfum (boisé), Sodium Chloride, Tetrasodium EDTA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sb-accordion\"\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003e👁️ Usage et contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux et rincez abondamment en cas de contact.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003e⚠️ Réactions cutanées\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de réaction cutanée, cessez l'utilisation. Ce produit cosmétique ne remplace en aucun cas un avis ou un traitement médical : consultez un dermatologue en cas de pathologie cutanée persistante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants et conserver au sec entre deux utilisations. Laissez sécher à l'air libre pour prolonger la durée de vie du savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sb-cream: #f7f5ef;\n --sb-white: #ffffff;\n --sb-primary: #5a7a5e;\n --sb-primary-dark: #37543c;\n --sb-primary-light: #e8efe6;\n --sb-secondary: #a8b896;\n --sb-accent: #e8a33a;\n --sb-text: #1f2a22;\n --sb-text-light: #5a6760;\n --sb-border: #d9ddd1;\n --sb-shadow: 0 4px 24px rgba(55,84,60,.08);\n --sb-shadow-lg: 0 12px 48px rgba(55,84,60,.15);\n --sb-radius: 20px;\n --sb-radius-sm: 12px;\n}\n\n.sb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sb-text);\n line-height: 1.6;\n}\n\n.sb-premium * { box-sizing: border-box; }\n\n\/* === HERO === *\/\n.sb-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6b4f 0%, #5a7a5e 50%, #7a9678 100%);\n border-radius: var(--sb-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(--sb-shadow-lg);\n}\n\n.sb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .5;\n}\n\n.sb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sb-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.sb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.sb-description strong { color: white; font-weight: 700; }\n\n\/* === BADGES === *\/\n.sb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sb-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(--sb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sb-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n\/* === SECTIONS === *\/\n.sb-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.sb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.sb-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(--sb-primary), var(--sb-secondary));\n border-radius: 2px;\n}\n\n.sb-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--sb-text-light);\n margin-bottom: 1.75rem;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n.sb-section-intro strong { color: var(--sb-primary-dark); }\n\n\/* === CARDS === *\/\n.sb-card {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sb-shadow-lg);\n border-color: var(--sb-primary);\n}\n\n.sb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sb-grid-compact .sb-card { padding: 1rem; }\n.sb-grid-compact .sb-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.sb-grid-compact .sb-card p { font-size: 12px; }\n\n\/* === TIMELINE === *\/\n.sb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.sb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sb-primary), var(--sb-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(55,84,60,.25);\n}\n\n.sb-timeline-content {\n flex: 1;\n background: var(--sb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sb-radius-sm);\n box-shadow: var(--sb-shadow);\n}\n\n.sb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sb-timeline-content p {\n font-size: 14px;\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sb-timeline-content strong { color: var(--sb-primary-dark); }\n\n\/* === TESTIMONIAL (INCI) === *\/\n.sb-testimonial {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sb-shadow);\n border-left: 4px solid var(--sb-primary);\n}\n\n.sb-testimonial-text {\n font-size: clamp(13px, 2.2vw, 15px);\n color: var(--sb-text);\n line-height: 1.9;\n margin: 0;\n word-break: break-word;\n}\n\n.sb-testimonial-text strong { color: var(--sb-primary-dark); font-weight: 700; }\n\n\/* === ACCORDÉON === *\/\n.sb-accordion {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n box-shadow: var(--sb-shadow);\n overflow: hidden;\n}\n\n.sb-accordion-item {\n border-bottom: 1px solid var(--sb-border);\n margin: 0;\n padding: 0;\n}\n\n.sb-accordion-item:last-child { border-bottom: none; }\n\n.sb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.sb-accordion-header:hover { background: var(--sb-primary-light); }\n.sb-accordion-header::-webkit-details-marker { display: none; }\n\n.sb-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--sb-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.sb-accordion-item[open] .sb-accordion-header::after { content: '−'; }\n\n.sb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sb-accordion-content p { margin: 0; }\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sb-grid { grid-template-columns: 1fr; gap: 1rem; }\n .sb-card { padding: 1.125rem; }\n .sb-section { margin-bottom: 1.75rem; }\n .sb-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sb-radius-sm);\n }\n .sb-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .sb-premium h2::after { width: 40px; height: 3px; }\n .sb-grid-compact { gap: .625rem; }\n .sb-grid-compact .sb-card { padding: .75rem; }\n .sb-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .sb-timeline-content { padding: .875rem 1rem; }\n .sb-timeline-content h3 { font-size: 14px; }\n .sb-timeline-content p { font-size: 13px; }\n .sb-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .sb-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .sb-testimonial { padding: 1.25rem; }\n .sb-testimonial-text { font-size: 13px; line-height: 1.8; }\n .sb-badge { font-size: 12px; padding: 6px 12px; }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sb-card { animation: sbFadeInUp .5s ease backwards; }\n .sb-card:nth-child(1) { animation-delay: .05s; }\n .sb-card:nth-child(2) { animation-delay: .1s; }\n .sb-card:nth-child(3) { animation-delay: .15s; }\n .sb-card:nth-child(4) { animation-delay: .2s; }\n .sb-card:nth-child(5) { animation-delay: .25s; }\n .sb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SB COLLECTION","offers":[{"title":"Default Title","offer_id":54912179962233,"sku":"SAVONBARBE80","price":4.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-a-barbe-peau-sensible-repare-protege-80g-ingredients.webp?v=1768668179"},{"product_id":"masque-nettoyant-visage-au-lait-de-chevre-huile-dargan","title":"Masque nettoyant visage au lait de Chèvre \u0026 Huile d'Argan","description":"\u003cp\u003eLe \u003cstrong\u003eMasque Nettoyant Visage au Lait de Chèvre \u0026amp; Huile d'Argan\u003c\/strong\u003e est un savon doux et hydratant conçu pour nettoyer, purifier et nourrir la peau en profondeur. Adapté à tous les types de peau, même les plus sensibles, il combine les bienfaits du \u003cem\u003elait de chèvre\u003c\/em\u003e, reconnu pour ses propriétés apaisantes, et de l'\u003cem\u003ehuile d'argan\u003c\/em\u003e, aux vertus nourrissantes et protectrices.\u003c\/p\u003e \n\n\u003ch2\u003e Une mousse onctueuse qui se transforme en masque \u003c\/h2\u003e \n\u003cp\u003eGrâce à sa formulation unique, ce savon nettoyant crée une mousse délicate qui, en séchant, devient un \u003cstrong\u003emasque doux et réparateur\u003c\/strong\u003e. Utilisé quotidiennement, il aide à équilibrer le teint et à prévenir les imperfections, tout en laissant la peau fraîche et éclatante.\u003c\/p\u003e \n\n\u003ch2\u003e Les bienfaits du lait de chèvre et de l'huile d'argan \u003c\/h2\u003e \n\u003cul\u003e \n\u003cli\u003e\n\u003cstrong\u003eLait de chèvre :\u003c\/strong\u003e Riche en acides gras et vitamines, il hydrate, calme les rougeurs et aide à réguler le sébum.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eHuile d'argan :\u003c\/strong\u003e Nourrissante et réparatrice, elle protège la peau du dessèchement et préserve son élasticité.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eBeurre de karité :\u003c\/strong\u003e Apaise et adoucit la peau tout en renforçant la barrière cutanée.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eHuile de coco :\u003c\/strong\u003e Purifiante et protectrice, elle aide à maintenir l’hydratation de la peau.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eHuile essentielle d’eucalyptus :\u003c\/strong\u003e Revitalisante et rafraîchissante, elle apporte une sensation de fraîcheur immédiate.\u003c\/li\u003e \n\u003c\/ul\u003e \n\n\u003ch2\u003e Conseils d'utilisation \u003c\/h2\u003e \n\u003cp\u003eMatin et soir, humidifiez le savon et appliquez-le sur le visage en massant doucement du bout des doigts. Laissez la mousse agir environ 30 secondes avant de rincer abondamment. Pour un effet masque, laissez poser 5 minutes une fois par semaine avant de rincer.\u003c\/p\u003e \n\n\u003ch2\u003e Pourquoi adopter ce masque nettoyant visage ? \u003c\/h2\u003e \n\u003cul\u003e \n\u003cli\u003e\n\u003cstrong\u003eNettoyant et masque 2-en-1 :\u003c\/strong\u003e Pour une peau purifiée et éclatante.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eAdapté aux peaux sensibles :\u003c\/strong\u003e Formule douce et sans agents agressifs.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eHydratation et nutrition :\u003c\/strong\u003e Grâce à l’huile d’argan et au lait de chèvre.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eNaturel et efficace :\u003c\/strong\u003e Sans parabènes ni silicones, respectueux de la peau.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eFacile à intégrer dans une routine beauté :\u003c\/strong\u003e Convient à un usage quotidien.\u003c\/li\u003e \n\u003c\/ul\u003e \n\n\u003cp\u003eOptez pour une peau douce, nourrie et éclatante avec le \u003cstrong\u003eMasque Nettoyant Visage au Lait de Chèvre \u0026amp; Huile d'Argan\u003c\/strong\u003e, un soin naturel et bienfaisant.\u003c\/p\u003e","brand":"SB COLLECTION","offers":[{"title":"Default Title","offer_id":54912179995001,"sku":"MASQUECHEVRE","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-nettoyant-lait-chevre-min.jpg?v=1738147563"},{"product_id":"argent-colloidal-20ppm-catalyons-500ml-copie","title":"Argent Colloïdal 20ppm - Catalyons - 1L","description":"\u003cdiv class=\"ac-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ac-hero\"\u003e\n\u003cdiv class=\"ac-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac-hero-content\"\u003e\n\u003cdiv class=\"ac-badges-top\"\u003e\n\u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e💧 20 ppm\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e🧪 Argent pur 99,99 %\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e📦 Format 1 litre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ac-hero-title\"\u003eArgent Colloïdal 20 ppm Catalyons\u003c\/span\u003e\n\u003cp class=\"ac-subtitle\"\u003eLa référence française depuis 1960\u003c\/p\u003e\n\u003cp class=\"ac-description\"\u003eSolution ionique d'argent pur, obtenue par procédé électrolytique breveté et dynamisée par vortex-aimant. Eau ultra-pure, zéro additif, pureté absolue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eArgent Colloïdal 20 ppm Catalyons - Solution naturelle purifiante en flacon 1 litre\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eVous recherchez un \u003cstrong\u003eargent colloïdal\u003c\/strong\u003e de qualité, fabriqué en France et d'une pureté irréprochable ? L'\u003cstrong\u003eArgent Colloïdal 20 ppm de Catalyons\u003c\/strong\u003e en format généreux de 1 litre est la référence pour ceux qui souhaitent intégrer ce soin naturel polyvalent à leur quotidien.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e💧 Eau ultra-pure\u003c\/h3\u003e\n\u003cp\u003eQualité pharmaceutique pour une pureté irréprochable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚗️ Procédé breveté\u003c\/h3\u003e\n\u003cp\u003eÉlectrolyse exclusive développée par Catalyons\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌀 Vortex-aimant\u003c\/h3\u003e\n\u003cp\u003eDynamisation unique pour une solution optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🏛️ Depuis 1960\u003c\/h3\u003e\n\u003cp\u003ePlus de 60 ans de savoir-faire en laboratoire français\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eBienfaits de l'argent colloïdal 20 ppm\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eUtilisé depuis des siècles pour ses propriétés assainissantes, l'argent colloïdal est reconnu en usage externe comme un allié précieux au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🛡️ Purifiant et assainissant\u003c\/h3\u003e\n\u003cp\u003eAide à nettoyer la peau en limitant la prolifération des bactéries, champignons et autres micro-organismes indésirables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e✨ Apaisant cutané\u003c\/h3\u003e\n\u003cp\u003eFavorise le confort de la peau en cas de petites irritations, rougeurs ou imperfections.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e👁️ Soin pour les yeux\u003c\/h3\u003e\n\u003cp\u003eUtilisable en compresses sur les paupières fermées pour apaiser les inconforts oculaires légers. Demandez conseil à votre médecin au préalable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e😁 Hygiène buccale\u003c\/h3\u003e\n\u003cp\u003eEn gargarisme, il contribue à assainir la bouche et à maintenir une bonne hygiène de la cavité buccale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🐾 Adapté aux animaux\u003c\/h3\u003e\n\u003cp\u003eCouramment utilisé pour le nettoyage des petites plaies superficielles chez le chien et le chat. Consultez votre vétérinaire pour un accompagnement adapté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eComposition et qualité Catalyons\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eLa transparence est essentielle lorsque l'on choisit un produit de santé naturelle. Une formule minimaliste, sans compromis sur la qualité.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e💧 Eau ultra-pure\u003c\/h3\u003e\n\u003cp\u003eQualité pharmaceutique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e🥈 Argent pur 99,99 %\u003c\/h3\u003e\n\u003cp\u003eConcentration de 20 ppm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eAucun conservateur, aucun additif, aucun colorant. Le flacon en PET opaque ambré protège la solution de la lumière pour préserver toute son intégrité. Contrairement à un argent colloïdal souvent proposé à 10 ou 15 ppm, la concentration de \u003cstrong\u003e20 ppm\u003c\/strong\u003e offre ici un excellent équilibre entre efficacité et douceur d'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eComment utiliser l'argent colloïdal Catalyons ?\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eCe produit s'utilise exclusivement en \u003cstrong\u003eusage externe\u003c\/strong\u003e. Voici les modes d'application les plus courants :\u003c\/p\u003e\n\u003cdiv class=\"ac-timeline\"\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eApplication cutanée\u003c\/h3\u003e\n\u003cp\u003eImbibez un coton ou une compresse et appliquez sur la zone à traiter, 2 à 3 fois par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eVaporisation\u003c\/h3\u003e\n\u003cp\u003eTransvasez dans un flacon spray pour une application pratique et ciblée sur les zones concernées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eGargarisme buccal\u003c\/h3\u003e\n\u003cp\u003eUtilisez une petite quantité en bain de bouche pendant 30 secondes, puis recrachez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eCompresses oculaires\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur les paupières fermées à l'aide d'un coton doux imbibé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"ac-accordion-item\"\u003e\n\u003csummary class=\"ac-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le flacon à l'abri de la lumière directe et de la chaleur, à température ambiante. Ne pas congeler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003ePourquoi choisir le format 1 litre ?\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e👩👦 Usage familial\u003c\/h3\u003e\n\u003cp\u003eIdéal si vous utilisez régulièrement l'argent colloïdal pour toute votre famille ou vos animaux de compagnie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e💰 Meilleur rapport qualité-prix\u003c\/h3\u003e\n\u003cp\u003eLe grand format vous évite de renouveler trop fréquemment votre stock et optimise votre budget.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⭐ Le choix des convaincus\u003c\/h3\u003e\n\u003cp\u003eC'est le format privilégié par les utilisateurs fidèles qui ne veulent plus s'en passer au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA + DISCLAIMER --\u003e\n\u003csection class=\"ac-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"ac-cta-box\"\u003e\n\u003cp\u003e💧 Offrez à votre peau et à vos proches la pureté de l'argent colloïdal Catalyons - le savoir-faire français depuis 1960, dans un format généreux d'1 litre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ac-disclaimer\"\u003e⚠️ Précaution importante : ce produit ne constitue pas un médicament et ne remplace en aucun cas un avis ou un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ac-cream: #f4f2ef;\n --ac-white: #ffffff;\n --ac-primary: #1e3a5f;\n --ac-primary-dark: #0f2440;\n --ac-primary-light: #e8eef5;\n --ac-secondary: #6b8db5;\n --ac-accent: #8b5e3c;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #dde3ea;\n --ac-shadow: 0 4px 24px rgba(30,58,95,.08);\n --ac-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ac-primary-dark) 0%, var(--ac-primary) 50%, var(--ac-secondary) 100%);\n border-radius: var(--ac-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 80px);\n opacity: 1;\n}\n\n.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ac-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ac-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ac-description {\n color: rgba(255,255,255,.75);\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.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ac-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ac-primary), var(--ac-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ac-card-highlight {\n background: var(--ac-primary-light);\n border: 2px solid var(--ac-secondary);\n}\n\n.ac-card-highlight:hover {\n border-color: var(--ac-primary);\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ac-testimonial {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n border-left: 4px solid var(--ac-primary);\n}\n\n.ac-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ac-accordion {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n box-shadow: var(--ac-shadow);\n overflow: hidden;\n}\n\n.ac-accordion-item {\n border-bottom: 1px solid var(--ac-border);\n margin: 0;\n padding: 0;\n}\n\n.ac-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ac-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ac-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ac-accordion-header:hover {\n background: var(--ac-primary-light);\n}\n\n.ac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ac-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ac-primary);\n transition: transform .2s ease;\n}\n\n.ac-accordion-item[open] .ac-accordion-header::after {\n content: '−';\n}\n\n.ac-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ac-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ac-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ac-cta-box {\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n border-radius: var(--ac-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ac-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ac-card {\n padding: 1.125rem;\n }\n\n .ac-section {\n margin-bottom: 1.75rem;\n }\n\n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n\n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ac-grid-compact {\n gap: .625rem;\n }\n\n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n\n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ac-timeline-content h3 {\n font-size: 14px;\n }\n\n .ac-timeline-content p {\n font-size: 13px;\n }\n\n .ac-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ac-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ac-testimonial {\n padding: 1.25rem;\n }\n\n .ac-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes acFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CATALYONS","offers":[{"title":"Default Title","offer_id":54922151723385,"sku":"38831005","price":27.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/argent-colloidal-20ppm-catalyons-1l-lifestyle.webp?v=1772094512"},{"product_id":"savon-dalep-5-190-g-najel","title":"Savon d'Alep 5% HBL – 190 g – Najel","description":"\u003cdiv class=\"alep-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"alep-hero\"\u003e\n\u003cdiv class=\"alep-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"alep-hero-content\"\u003e\n\u003cdiv class=\"alep-badges-top\"\u003e\n\u003cspan class=\"alep-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e🇸🇾 Authentique Alep\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e🧴 5% Huile de Laurier\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"alep-hero-title\"\u003eSavon d'Alep 5% HBL\u003c\/span\u003e\n\u003cp class=\"alep-subtitle\"\u003eL'héritage de 3 000 ans de savoir-faire syrien\u003c\/p\u003e\n\u003cp class=\"alep-description\"\u003eCe savon traditionnel associe \u003cstrong\u003e95% d'huile d'olive\u003c\/strong\u003e et \u003cstrong\u003e5% d'huile de baies de laurier\u003c\/strong\u003e pour un soin naturel qui respecte tous les types de peau, y compris les plus sensibles. L'ancêtre du savon de Marseille, dans sa forme la plus pure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep à 5 % d'huile de baies de laurier ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003ePlus le taux d'huile de baies de laurier est élevé, plus le savon possède des propriétés purifiantes. Avec ses 5% d'HBL, ce dosage représente l'équilibre idéal pour un usage quotidien.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌱 Parfait pour débuter\u003c\/h3\u003e\n\u003cp\u003eSi vous découvrez les bienfaits du savon d'Alep, ce dosage convient à toutes les peaux sans risque d'assèchement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💧 Peaux normales à sèches\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive nourrit intensément tandis que le laurier apporte une touche purifiante équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eEnfants, adultes et personnes âgées peuvent l'utiliser au quotidien en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eCe n'est pas un hasard si le savon d'Alep traverse les siècles avec une réputation intacte.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🫒 Nutrition profonde\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive, riche en acides gras et en vitamine E, pénètre l'épiderme pour une peau souple et confortable toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌸 Action apaisante\u003c\/h3\u003e\n\u003cp\u003eL'huile de baies de laurier calme les petites irritations, les rougeurs et les inconforts cutanés du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✨ Propriétés purifiantes\u003c\/h3\u003e\n\u003cp\u003eLe laurier aide à assainir la peau sans l'agresser, idéal pour les peaux à tendance grasse ou à imperfections légères.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🛡️ Respect du film hydrolipidique\u003c\/h3\u003e\n\u003cp\u003eContrairement aux savons industriels, ce savon surgras ne décape pas votre peau et préserve son équilibre naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep visage : est-ce vraiment adapté ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eOui, et c'est même l'une de ses utilisations les plus appréciées ! Grâce à sa formule douce et naturelle, il nettoie en profondeur sans provoquer de tiraillements.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e⚖️ Peaux mixtes\u003c\/h3\u003e\n\u003cp\u003eRégule l'excès de sébum sans assécher les zones plus sèches du visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌷 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eIdéal pour celles qui réagissent aux nettoyants conventionnels chargés en additifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🎯 Routine simplifiée\u003c\/h3\u003e\n\u003cp\u003eUn produit polyvalent qui simplifie votre routine beauté quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e faites mousser le savon entre vos mains et appliquez la mousse onctueuse en massages circulaires, puis rincez à l'eau tiède.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep cheveux : un shampooing solide naturel\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eUtiliser le savon d'Alep pour les cheveux est une pratique ancestrale qui revient en force. Ce savon agit comme un shampooing solide naturel, particulièrement adapté aux cuirs chevelus sensibles ou sujets aux pellicules.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid-compact\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🧴 Purifie le cuir chevelu\u003c\/h3\u003e\n\u003cp\u003eL'huile de baies de laurier assainit en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💆 Nourrit la fibre\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive nourrit et renforce vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e frottez le savon directement sur cheveux mouillés ou faites mousser dans vos mains avant d'appliquer. Rincez abondamment, puis terminez par un rinçage au vinaigre de cidre dilué pour refermer les écailles et apporter brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComposition complète du savon d'Alep Najel 5 % HBL\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eL'âme du savon d'Alep réside dans la simplicité et la pureté de ses ingrédients.\u003c\/p\u003e\n\u003cdiv class=\"alep-composition\"\u003e\n\u003cdiv class=\"alep-composition-item alep-composition-main\"\u003e\n\u003cspan class=\"alep-composition-percent\"\u003e95%\u003c\/span\u003e \u003cspan class=\"alep-composition-name\"\u003eSodium Olivate\u003c\/span\u003e \u003cspan class=\"alep-composition-desc\"\u003eHuile d'olive saponifiée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-composition-item alep-composition-secondary\"\u003e\n\u003cspan class=\"alep-composition-percent\"\u003e5%\u003c\/span\u003e \u003cspan class=\"alep-composition-name\"\u003eSodium Laurate\u003c\/span\u003e \u003cspan class=\"alep-composition-desc\"\u003eHuile de baies de laurier saponifiée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-ingredients-list\"\u003e\n\u003cspan class=\"alep-ingredient\"\u003eAqua (eau)\u003c\/span\u003e \u003cspan class=\"alep-ingredient\"\u003eSodium Hydroxide\u003c\/span\u003e \u003cspan class=\"alep-ingredient\"\u003eSodium Chloride (sel)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-purity-badges\"\u003e\n\u003cspan class=\"alep-purity-badge\"\u003e🚫 Sans colorant\u003c\/span\u003e \u003cspan class=\"alep-purity-badge\"\u003e🚫 Sans parfum de synthèse\u003c\/span\u003e \u003cspan class=\"alep-purity-badge\"\u003e🚫 Sans conservateur artificiel\u003c\/span\u003e \u003cspan class=\"alep-purity-badge\"\u003e🌴 Sans huile de palme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep avis dermatologue : qu'en pensent les professionnels ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eLe savon d'Alep bénéficie généralement d'un avis favorable des dermatologues.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✅ Composition 100% naturelle\u003c\/h3\u003e\n\u003cp\u003eLimite les risques d'allergie ou d'irritation cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✅ Caractère surgras\u003c\/h3\u003e\n\u003cp\u003eConvient parfaitement aux peaux atopiques ou réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✅ Recommandé en complément\u003c\/h3\u003e\n\u003cp\u003ePeut accompagner les soins pour peaux à tendance eczémateuse ou psoriasique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"alep-disclaimer\"\u003e⚠️ Ce savon ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComment utiliser votre savon d'Alep au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eCe savon de 190 g est un véritable couteau suisse de la salle de bain.\u003c\/p\u003e\n\u003cdiv class=\"alep-timeline\"\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e🚿 Pour le corps\u003c\/h3\u003e\n\u003cp\u003eFaites mousser sur peau humide, massez délicatement puis rincez. Votre peau est propre, douce et légèrement parfumée par les notes végétales naturelles du laurier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e😊 Pour le visage\u003c\/h3\u003e\n\u003cp\u003eAppliquez la mousse en évitant le contour des yeux, rincez à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eUtilisez comme un shampooing solide, en insistant sur le cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e🪒 Pour le rasage\u003c\/h3\u003e\n\u003cp\u003eLa mousse onctueuse facilite le passage du rasoir et apaise la peau après le rasage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e🧼\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e après chaque utilisation, posez votre savon sur un porte-savon aéré pour qu'il sèche entre deux utilisations. Ainsi, il durera plusieurs mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 10 (DERNIÈRE) --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"alep-section\"\u003e\n\u003ch2\u003eEn résumé\u003c\/h2\u003e\n\u003cdiv class=\"alep-cta-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eSavon d'Alep 5% HBL de Najel\u003c\/strong\u003e incarne l'essence même du soin naturel : des ingrédients nobles, un savoir-faire ancestral et une efficacité prouvée depuis des millénaires. Que vous souhaitiez l'utiliser pour le visage, le corps ou les cheveux, ce savon authentique deviendra vite un indispensable de votre routine.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem; font-size: 1.1em;\"\u003e🌿 Offrez à votre peau le meilleur de la tradition orientale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --alep-cream: #FAF8F5;\n --alep-white: #ffffff;\n --alep-primary: #4A9B8C;\n --alep-primary-dark: #2C5F4F;\n --alep-primary-light: #E8F4F1;\n --alep-secondary: #D4A853;\n --alep-accent: #8B7355;\n --alep-text: #1a1a1a;\n --alep-text-light: #5a5a5a;\n --alep-border: #e0e0e0;\n --alep-shadow: 0 4px 24px rgba(0,0,0,.08);\n --alep-shadow-lg: 0 12px 48px rgba(0,0,0,.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}\n\n\/* === HERO === *\/\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 50%, #1D4A3F 100%);\n border-radius: var(--alep-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(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 15 L30 25 L25 15 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Ccircle cx='10' cy='40' r='3' fill='%23ffffff' fill-opacity='0.02'\/%3E%3Ccircle cx='50' cy='45' r='4' fill='%23ffffff' fill-opacity='0.02'\/%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: 8px;\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(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.alep-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.alep-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.alep-description strong {\n color: var(--alep-secondary);\n}\n\n\/* === SECTIONS === *\/\n.alep-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alep-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.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-secondary));\n border-radius: 2px;\n}\n\n.alep-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 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(-6px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alep-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-grid-compact .alep-card {\n padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION SECTION === *\/\n.alep-composition {\n display: flex;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n\n.alep-composition-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1.5rem 2rem;\n border-radius: var(--alep-radius);\n text-align: center;\n min-width: 180px;\n}\n\n.alep-composition-main {\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-primary-dark));\n color: white;\n}\n\n.alep-composition-secondary {\n background: linear-gradient(135deg, var(--alep-secondary), var(--alep-accent));\n color: white;\n}\n\n.alep-composition-percent {\n font-size: 42px;\n font-weight: 900;\n line-height: 1;\n margin-bottom: .25rem;\n}\n\n.alep-composition-name {\n font-size: 14px;\n font-weight: 700;\n margin-bottom: .25rem;\n}\n\n.alep-composition-desc {\n font-size: 12px;\n opacity: .9;\n}\n\n.alep-ingredients-list {\n display: flex;\n justify-content: center;\n gap: .75rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n\n.alep-ingredient {\n background: var(--alep-white);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n color: var(--alep-text-light);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-purity-badges {\n display: flex;\n justify-content: center;\n gap: .75rem;\n flex-wrap: wrap;\n}\n\n.alep-purity-badge {\n background: var(--alep-primary-light);\n color: var(--alep-primary-dark);\n padding: .5rem 1rem;\n border-radius: var(--alep-radius-sm);\n font-size: 12px;\n font-weight: 600;\n}\n\n\/* === TIMELINE === *\/\n.alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.alep-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alep-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-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.alep-timeline-content {\n flex: 1;\n background: var(--alep-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alep-radius-sm);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alep-timeline-content p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.alep-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.alep-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.alep-tip p {\n font-size: 14px;\n color: var(--alep-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\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(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.alep-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.alep-disclaimer {\n font-size: 12px;\n color: var(--alep-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 .alep-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .alep-card {\n padding: 1.125rem;\n }\n \n .alep-section {\n margin-bottom: 1.75rem;\n }\n \n .alep-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alep-radius-sm);\n }\n \n .alep-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .alep-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .alep-grid-compact {\n gap: .625rem;\n }\n \n .alep-grid-compact .alep-card {\n padding: .75rem;\n }\n \n .alep-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .alep-timeline-content {\n padding: .875rem 1rem;\n }\n \n .alep-timeline-content h3 {\n font-size: 14px;\n }\n \n .alep-timeline-content p {\n font-size: 13px;\n }\n \n .alep-composition {\n gap: 1rem;\n }\n \n .alep-composition-item {\n padding: 1rem 1.5rem;\n min-width: 140px;\n }\n \n .alep-composition-percent {\n font-size: 32px;\n }\n \n .alep-purity-badges {\n gap: .5rem;\n }\n \n .alep-purity-badge {\n font-size: 11px;\n padding: .4rem .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .alep-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alep-card:nth-child(1) { animation-delay: .05s; }\n .alep-card:nth-child(2) { animation-delay: .1s; }\n .alep-card:nth-child(3) { animation-delay: .15s; }\n .alep-card:nth-child(4) { animation-delay: .2s; }\n .alep-card:nth-child(5) { animation-delay: .25s; }\n .alep-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54922476355961,"sku":"NJ0035","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-5-hbl-190-g-najel-lifestyle_eb6c8e97-fb12-41f4-8f84-1cae132dc9c7.webp?v=1769589615"},{"product_id":"savon-alep-rhassoul-huile-argan-najel","title":"Savon d'Alep au Rhassoul et à l'Huile d'Argan - 100 g - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🧼 Savon artisanal\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep au Rhassoul \u0026amp; Argan\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'éclat des rituels orientaux millénaires\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eUn savon d'exception qui marie le savoir-faire ancestral d'Alep aux trésors du Maroc pour révéler la beauté naturelle de votre peau.\u003c\/p\u003e\n\u003cdiv class=\"naj-hero-stats\"\u003e\n\u003cdiv class=\"naj-stat\"\u003e\n\u003cspan class=\"naj-stat-number\"\u003e3000\u003c\/span\u003e \u003cspan class=\"naj-stat-label\"\u003eans de tradition\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-stat\"\u003e\n\u003cspan class=\"naj-stat-number\"\u003e100g\u003c\/span\u003e \u003cspan class=\"naj-stat-label\"\u003eformat généreux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-stat\"\u003e\n\u003cspan class=\"naj-stat-number\"\u003e2\u003c\/span\u003e \u003cspan class=\"naj-stat-label\"\u003etrésors marocains\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eSavon d'Alep au Rhassoul et à l'Huile d'Argan Najel : l'alliance parfaite entre tradition syrienne et trésors marocains\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eVous recherchez un savon d'Alep qui va au-delà du simple nettoyage ? Ce savon artisanal marie le savoir-faire millénaire des maîtres savonniers d'Alep avec deux ingrédients emblématiques des rituels de beauté orientaux.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏺 Rhassoul d'Atlas\u003c\/h3\u003e\n\u003cp\u003eArgile volcanique purifiante utilisée dans les hammams\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Huile d'argan bio\u003c\/h3\u003e\n\u003cp\u003eL'or liquide du Maroc pour nourrir intensément\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n\u003cp\u003eBase lavante douce héritée de la tradition\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌿 Huile de laurier\u003c\/h3\u003e\n\u003cp\u003ePropriétés purifiantes et apaisantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💫\u003c\/span\u003e\n\u003cp\u003eFabriqué selon la méthode ancestrale transmise depuis plus de 3 000 ans, ce savon incarne l'essence même de la cosmétique naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi ce savon d'Alep est différent des autres ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLe savon d'Alep traditionnel est reconnu pour sa douceur exceptionnelle. Najel a enrichi cette formule ancestrale avec deux actifs complémentaires qui le transforment en véritable soin beauté.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card naj-card-highlight\"\u003e\n\u003ch3\u003e🏔️ Le rhassoul (ghassoul)\u003c\/h3\u003e\n\u003cp\u003eCette argile volcanique extraite des montagnes de l'Atlas marocain est utilisée depuis des siècles dans les hammams. Elle possède un pouvoir absorbant naturel qui capte les impuretés et l'excès de sébum sans dessécher la peau. Votre teint retrouve fraîcheur et éclat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-highlight\"\u003e\n\u003ch3\u003e🥇 L'huile d'argan biologique\u003c\/h3\u003e\n\u003cp\u003eSurnommée « or liquide du Maroc », elle regorge d'acides gras essentiels (oméga 6 et 9) et de vitamine E. Elle nourrit intensément, protège la barrière cutanée et aide à préserver la souplesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-highlight-box\"\u003e\n\u003cp\u003e✨ Cette synergie unique révèle l'\u003cstrong\u003eéclat naturel de votre peau\u003c\/strong\u003e, comme l'indique la mention « Skin Radiance » sur son emballage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets pour votre peau\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧹 Nettoyage en profondeur sans agression\u003c\/h3\u003e\n\u003cp\u003eLe rhassoul absorbe naturellement les impuretés, le maquillage et l'excès de sébum. Contrairement aux tensioactifs synthétiques, il respecte le film hydrolipidique de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Nutrition et hydratation\u003c\/h3\u003e\n\u003cp\u003eL'huile d'argan et l'huile d'olive apportent les lipides essentiels dont votre peau a besoin. Fini les sensations de tiraillement après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌟 Teint plus lumineux\u003c\/h3\u003e\n\u003cp\u003eEn éliminant les cellules mortes et les toxines, le rhassoul favorise le renouvellement cellulaire et redonne de l'éclat aux peaux ternes ou fatiguées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🤍 Apaisement des peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSans parfum de synthèse ni conservateurs chimiques, ce savon convient aux épidermes réactifs et sujets aux irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe savon d'Alep s'adapte à différents types de peau et répond à plusieurs besoins.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🫧 Peaux mixtes à grasses\u003c\/h3\u003e\n\u003cp\u003eLe rhassoul régule naturellement la production de sébum et resserre les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eL'huile d'argan compense l'effet purifiant du rhassoul en apportant une nutrition intense.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eLa formule douce et naturelle minimise les risques d'irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e😴 Peaux ternes ou fatiguées\u003c\/h3\u003e\n\u003cp\u003eL'action combinée des actifs redonne vitalité et luminosité au teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e ce savon peut s'utiliser aussi bien sur le \u003cstrong\u003evisage\u003c\/strong\u003e que sur le \u003cstrong\u003ecorps\u003c\/strong\u003e, et même sur les \u003cstrong\u003echeveux\u003c\/strong\u003e pour un lavage occasionnel tout en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser votre savon d'Alep au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-usage-tabs\"\u003e\n\u003cdiv class=\"naj-usage-block\"\u003e\n\u003ch3 class=\"naj-usage-title\"\u003e👩 Pour le visage\u003c\/h3\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003ePréparez\u003c\/h3\u003e\n\u003cp\u003eHumidifiez votre visage à l'eau tiède\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFaites mousser le savon entre vos mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eAppliquez la mousse en massant délicatement par mouvements circulaires. Insistez sur la zone T si peau mixte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\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\/div\u003e\n\u003cdiv class=\"naj-usage-block\"\u003e\n\u003ch3 class=\"naj-usage-title\"\u003e🚿 Pour le corps\u003c\/h3\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eMoussez\u003c\/h3\u003e\n\u003cp\u003eSous la douche, faites mousser le savon directement sur votre peau mouillée ou utilisez un gant de toilette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eMassez l'ensemble du corps en profitant de la texture onctueuse de la mousse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez soigneusement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip naj-tip-special\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e🛁\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce hammam :\u003c\/strong\u003e pour reproduire les rituels orientaux, laissez agir la mousse quelques minutes avant de rincer. Les actifs auront ainsi le temps d'exercer pleinement leur action purifiante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment conserver votre savon pour qu'il dure plus longtemps ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧴 Porte-savon aéré\u003c\/h3\u003e\n\u003cp\u003ePosez-le sur un support qui permet à l'eau de s'écouler\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Évitez l'eau stagnante\u003c\/h3\u003e\n\u003cp\u003eNe le laissez pas dans une flaque d'eau au fond de la douche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌬️ Endroit sec\u003c\/h3\u003e\n\u003cp\u003eConservez-le dans un endroit sec entre deux utilisations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🔄 Alternez\u003c\/h3\u003e\n\u003cp\u003eSi vous avez plusieurs savons, alternez pour leur laisser le temps de sécher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-highlight-box\"\u003e\n\u003cp\u003e⏱️ Bien conservé, votre savon de 100 g peut vous accompagner pendant \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e d'utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eL'engagement Najel : qualité et éthique\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLa marque Najel, spécialiste du savon d'Alep authentique, perpétue un savoir-faire artisanal tout en s'engageant pour une cosmétique responsable.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌱 Formule vegan\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient d'origine animale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌿 Origine naturelle\u003c\/h3\u003e\n\u003cp\u003eComposition transparente et respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n\u003cp\u003eSimple bandeau en carton recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"naj-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"naj-section\"\u003e\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"naj-section\"\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003e🧼 Offrez à votre peau le luxe d'un rituel de beauté millénaire avec ce savon d'Alep d'exception au rhassoul et à l'huile d'argan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Tenir hors de portée des enfants. Éviter le contact avec les yeux ; en cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #FAF6F1;\n --naj-white: #ffffff;\n --naj-primary: #E07B2D;\n --naj-primary-dark: #8B5A3C;\n --naj-primary-light: #FFF4EC;\n --naj-secondary: #C4681E;\n --naj-accent: #D4A574;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e8ddd4;\n --naj-shadow: 0 4px 24px rgba(139,90,60,.08);\n --naj-shadow-lg: 0 12px 48px rgba(139,90,60,.15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, #E07B2D 0%, #C4681E 50%, #8B5A3C 100%);\n border-radius: var(--naj-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(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-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(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-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.naj-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.naj-hero .naj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.naj-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.naj-stat {\n text-align: center;\n}\n\n.naj-stat-number {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 900;\n line-height: 1;\n}\n\n.naj-stat-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-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.naj-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(--naj-primary), var(--naj-secondary));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-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.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-primary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-card-highlight {\n background: linear-gradient(135deg, var(--naj-primary-light) 0%, var(--naj-white) 100%);\n border: 2px solid var(--naj-accent);\n}\n\n.naj-card-highlight:hover {\n border-color: var(--naj-primary);\n}\n\n\/* === GRILLES === *\/\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--naj-primary);\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-tip-special {\n background: linear-gradient(135deg, var(--naj-primary-light) 0%, #FFF9F5 100%);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.naj-highlight-box {\n background: var(--naj-white);\n border-radius: var(--naj-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.25rem;\n text-align: center;\n border: 2px dashed var(--naj-accent);\n}\n\n.naj-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.naj-composition {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-ingredient {\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding: 1rem 0;\n border-bottom: 1px solid var(--naj-border);\n}\n\n.naj-ingredient:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.naj-ingredient:first-child {\n padding-top: 0;\n}\n\n.naj-ingredient-name {\n font-weight: 700;\n color: var(--naj-primary-dark);\n font-size: 15px;\n}\n\n.naj-ingredient-desc {\n color: var(--naj-text-light);\n font-size: 13px;\n line-height: 1.5;\n}\n\n.naj-composition-note {\n text-align: center;\n font-size: 13px;\n color: var(--naj-text-light);\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n\/* === USAGE BLOCKS === *\/\n.naj-usage-tabs {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.naj-usage-block {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-usage-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n\/* === TIMELINE === *\/\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-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: 14px;\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-primary-light);\n padding: .875rem 1rem;\n border-radius: var(--naj-radius-sm);\n}\n\n.naj-timeline-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 13px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.naj-accordion {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n box-shadow: var(--naj-shadow);\n overflow: hidden;\n}\n\n.naj-accordion-item {\n border-bottom: 1px solid var(--naj-border);\n margin: 0;\n padding: 0;\n}\n\n.naj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.naj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--naj-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.naj-accordion-header:hover {\n background: var(--naj-primary-light);\n}\n\n.naj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.naj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--naj-primary);\n transition: transform .2s ease;\n}\n\n.naj-accordion-item[open] .naj-accordion-header::after {\n content: '−';\n}\n\n.naj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--naj-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.naj-accordion-content p {\n margin: 0;\n}\n\n\/* === RECAP === *\/\n.naj-recap {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-recap-item {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 1rem;\n padding: .875rem 0;\n border-bottom: 1px solid var(--naj-border);\n}\n\n.naj-recap-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.naj-recap-item:first-child {\n padding-top: 0;\n}\n\n.naj-recap-label {\n font-weight: 700;\n color: var(--naj-primary-dark);\n font-size: 14px;\n flex-shrink: 0;\n}\n\n.naj-recap-value {\n color: var(--naj-text-light);\n font-size: 14px;\n text-align: right;\n line-height: 1.5;\n}\n\n\/* === CTA === *\/\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.naj-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.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 13px;\n }\n \n .naj-timeline-content {\n padding: .75rem .875rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 13px;\n }\n \n .naj-timeline-content p {\n font-size: 12px;\n }\n \n .naj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .naj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .naj-usage-tabs {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-usage-block {\n padding: 1.125rem;\n }\n \n .naj-usage-title {\n font-size: 16px;\n margin-bottom: 1rem;\n }\n \n .naj-recap-item {\n flex-direction: column;\n gap: .25rem;\n }\n \n .naj-recap-value {\n text-align: left;\n }\n \n .naj-hero-stats {\n gap: 1.25rem;\n }\n \n .naj-stat-number {\n font-size: 28px;\n }\n \n .naj-stat-label {\n font-size: 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924739084665,"sku":"NJ0100","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-au-rhassoul-et-a-lhuile-dargan-100-g-najel-lifestyle.webp?v=1770109676"},{"product_id":"savon-dalep-au-miel-najel","title":"Savon d'Alep au miel - 100 g - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🍯 Au miel naturel\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🌿 100% végétal\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🏺 Tradition millénaire\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep au Miel\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'alliance ancestrale de l'huile d'olive, du laurier et du miel\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eUn savon artisanal fabriqué selon la recette des maîtres savonniers syriens, enrichi au miel pour une peau douce et nourrie. 100 g de pure tradition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce savon d'Alep au miel ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLe savon d'Alep est considéré comme l'ancêtre de tous les savons. Najel perpétue cette tradition millénaire en y ajoutant une touche de gourmandise : le miel, véritable trésor de la ruche.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏛️ Savoir-faire ancestral\u003c\/h3\u003e\n\u003cp\u003eRecette transmise depuis des générations par les maîtres savonniers syriens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🍯 Enrichi au miel\u003c\/h3\u003e\n\u003cp\u003ePropriétés apaisantes et nourrissantes reconnues depuis l'Antiquité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Respect de la peau\u003c\/h3\u003e\n\u003cp\u003ePréserve le film hydrolipidique contrairement aux savons industriels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Résultat visible\u003c\/h3\u003e\n\u003cp\u003ePeau propre, douce et confortable sans sensation de tiraillement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes bienfaits de chaque ingrédient\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card naj-card-ingredient\"\u003e\n\u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n\u003cp\u003eRiche en acides gras et en vitamine E, elle nourrit intensément la peau et préserve son élasticité. C'est l'ingrédient de base qui confère au savon ses propriétés hydratantes exceptionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n\u003cp\u003ePurifiante et assainissante, elle aide à apaiser les peaux sujettes aux imperfections tout en respectant leur équilibre naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-ingredient\"\u003e\n\u003ch3\u003e🍯 Miel\u003c\/h3\u003e\n\u003cp\u003eVéritable concentré de douceur, il calme les irritations, favorise la cicatrisation et laisse la peau veloutée. Son parfum délicat transforme chaque douche en moment de bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe savon convient à tous les types de peau, y compris les plus sensibles et réactives. Il est particulièrement apprécié par :\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eUn nettoyant doux et nourrissant qui ne dessèche pas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e❤️🩹 Peaux irritées\u003c\/h3\u003e\n\u003cp\u003eApaise les tiraillements et les inconforts cutanés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eZéro produit chimique dans votre salle de bain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eFormule douce adaptée aux enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser votre savon d'Alep au miel ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eMouillez votre peau\u003c\/h3\u003e\n\u003cp\u003eHumidifiez abondamment le visage ou le corps à l'eau tiède\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFrottez le savon entre vos mains pour créer une mousse onctueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n\u003cp\u003eAppliquez en massages circulaires sur le visage et\/ou le corps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau claire et profitez d'une peau douce et nourrie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePour les cheveux :\u003c\/strong\u003e vous pouvez aussi l'utiliser comme shampoing naturel ! Frottez directement sur cheveux mouillés et massez le cuir chevelu. Un temps d'adaptation peut être nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e🧼\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e posez votre savon sur un porte-savon ajouré dans un endroit sec après chaque utilisation. Il durera ainsi beaucoup plus longtemps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"naj-composition-box\"\u003e\n\u003cp class=\"naj-inci\"\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Sodium Olivate, Sodium Laurate, Aqua, Mel, Laurus Nobilis Fruit Oil, Glycerin, Sodium Hydroxide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eAucun colorant artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Sans parfum\u003c\/h3\u003e\n\u003cp\u003eAucun parfum de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧪 Sans conservateur\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌍 Biodégradable\u003c\/h3\u003e\n\u003cp\u003eRespectueux de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eUn engagement écologique et éthique\u003c\/h2\u003e\n\u003cdiv class=\"naj-testimonial\"\u003e\n\u003cp class=\"naj-testimonial-text\"\u003eEn choisissant ce savon d'Alep, vous faites un geste pour la planète. Najel perpétue un savoir-faire artisanal respectueux de l'environnement : fabrication traditionnelle, ingrédients d'origine naturelle, emballage minimaliste. Ce savon solide de 100 g remplace plusieurs flacons de gel douche liquide, réduisant ainsi les déchets plastiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏺 Fabrication traditionnelle\u003c\/h3\u003e\n\u003cp\u003eSavoir-faire artisanal transmis de génération en génération\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e📦 Emballage minimaliste\u003c\/h3\u003e\n\u003cp\u003eRéduction des déchets plastiques avec ce savon solide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🤝 Soutien aux artisans\u003c\/h3\u003e\n\u003cp\u003ePréservation d'une tradition ancestrale syrienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"naj-accordion\"\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e🧴 Le savon d'Alep au miel convient-il aux peaux grasses ?\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eAbsolument. L'huile de baies de laurier régule l'excès de sébum sans dessécher la peau, tandis que le miel apporte une hydratation équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e👤 Peut-on l'utiliser sur le visage quotidiennement ?\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eOui, sa formule douce permet une utilisation quotidienne, matin et soir, pour nettoyer votre visage en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e🎨 Pourquoi mon savon est-il vert à l'extérieur et brun à l'intérieur ?\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eC'est tout à fait normal ! L'extérieur s'oxyde au contact de l'air et prend une teinte brune, tandis que l'intérieur conserve sa couleur verte originelle, signe d'un véritable savon d'Alep artisanal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003e🍯 Offrez à votre peau le rituel de douceur qu'elle mérite avec ce savon d'Alep artisanal enrichi au miel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eCe produit cosmétique naturel est destiné à un usage externe uniquement. Éviter le contact avec les yeux.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #FAF8F5;\n --naj-white: #ffffff;\n --naj-primary: #8B7355;\n --naj-primary-dark: #6B5A45;\n --naj-primary-light: #F5EDE4;\n --naj-secondary: #D4A84B;\n --naj-accent: #7EA88F;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e8e4de;\n --naj-shadow: 0 4px 24px rgba(139, 115, 85, .08);\n --naj-shadow-lg: 0 12px 48px rgba(139, 115, 85, .15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, #8B7355 0%, #6B5A45 40%, #D4A84B 100%);\n border-radius: var(--naj-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(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 0L60 17.32v34.64L30 60 0 51.96V17.32L30 0z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-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(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-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.naj-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.naj-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.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-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.naj-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(--naj-primary), var(--naj-secondary));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-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.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-secondary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--naj-secondary);\n}\n\n.naj-card-ingredient:hover {\n border-left-color: var(--naj-primary);\n}\n\n\/* === GRILLES === *\/\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-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.naj-timeline-content {\n flex: 1;\n background: var(--naj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--naj-radius-sm);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 14px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.naj-composition-box {\n background: var(--naj-white);\n border-radius: var(--naj-radius-sm);\n padding: 1.25rem;\n margin-bottom: 1.25rem;\n box-shadow: var(--naj-shadow);\n border-left: 4px solid var(--naj-accent);\n}\n\n.naj-inci {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.7;\n font-family: monospace;\n}\n\n\/* === TESTIMONIAL === *\/\n.naj-testimonial {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--naj-shadow);\n border-left: 4px solid var(--naj-accent);\n margin-bottom: 1.5rem;\n}\n\n.naj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.naj-accordion {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n box-shadow: var(--naj-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.naj-accordion-item {\n border-bottom: 1px solid var(--naj-border);\n margin: 0;\n padding: 0;\n}\n\n.naj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.naj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--naj-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.naj-accordion-header:hover {\n background: var(--naj-primary-light);\n}\n\n.naj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.naj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--naj-secondary);\n transition: transform .2s ease;\n}\n\n.naj-accordion-item[open] .naj-accordion-header::after {\n content: '−';\n}\n\n.naj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--naj-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.naj-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-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.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-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 .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-card-ingredient {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--naj-secondary);\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .naj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 14px;\n }\n \n .naj-timeline-content p {\n font-size: 13px;\n }\n \n .naj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .naj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .naj-testimonial {\n padding: 1.25rem;\n }\n \n .naj-testimonial-text {\n font-size: 14px;\n }\n \n .naj-tip {\n padding: .875rem 1rem;\n }\n \n .naj-tip-icon {\n font-size: 20px;\n }\n \n .naj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924786172281,"sku":"NJ0110","price":3.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-au-miel-100-g-najel-lifestyle.webp?v=1769787735"},{"product_id":"savon-dalep-liquide-5-hbl-najel","title":"Savon d'Alep liquide 5% HBL - 500 ml - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🍃 99% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep Liquide 5% Huile de Baies de Laurier\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'héritage millénaire d'Alep en format moderne\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eDécouvrez la douceur ancestrale du véritable savon d'Alep, enrichi en huile de baies de laurier et huile d'olive bio, dans un flacon pompe pratique de 500 ml.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep liquide ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLe savon d'Alep est reconnu depuis des siècles pour ses vertus exceptionnelles sur la peau. Désormais disponible en version liquide pour répondre à vos besoins de praticité.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧴 Format pratique\u003c\/h3\u003e\n\u003cp\u003eFlacon pompe 500 ml, fini le savon qui ramollit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✋ Dosage précis\u003c\/h3\u003e\n\u003cp\u003eUne pression = la dose parfaite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧼 Hygiénique\u003c\/h3\u003e\n\u003cp\u003eIdéal pour le lavage des mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e👩👦 Familial\u003c\/h3\u003e\n\u003cp\u003eGel douche pour toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de baies de laurier à 5%\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe qui distingue un véritable savon d'Alep, c'est sa teneur en huile de baies de laurier. Avec 5%, ce savon convient parfaitement aux peaux normales à mixtes.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧹 Action purifiante\u003c\/h3\u003e\n\u003cp\u003eL'huile de baies de laurier aide à nettoyer la peau en profondeur sans agresser l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e☮️ Propriétés apaisantes\u003c\/h3\u003e\n\u003cp\u003eIdéale pour calmer les petites irritations et inconforts cutanés du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Effet assainissant\u003c\/h3\u003e\n\u003cp\u003eContribue à maintenir une peau nette, équilibrée et fraîche toute la journée\u003cspan class=\"naj-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Le saviez-vous ?\u003c\/strong\u003e Le 5% est le choix idéal pour un usage quotidien en famille, y compris pour les enfants. Pour les peaux très sèches ou à problèmes, des concentrations plus élevées (15%, 20%, 40%) existent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eL'huile d'olive : le cœur de la formule\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eBase traditionnelle du savon d'Alep, l'huile d'olive constitue l'ingrédient principal de cette formule ancestrale.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Hydratation naturelle\u003c\/h3\u003e\n\u003cp\u003ePréserve le film hydrolipidique de votre peau pour une hydratation durable et confortable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eRiche en vitamine E, elle protège votre peau des agressions extérieures quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🫧 Mousse délicate\u003c\/h3\u003e\n\u003cp\u003eTexture onctueuse qui mousse légèrement sans dessécher, signe d'une formule respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"naj-composition-box\"\u003e\n\u003cp class=\"naj-inci\"\u003e\u003cstrong\u003eAqua, Potassium Olivate*, Glycerin, Potassium Laurate*, Potassium Hydroxide, Laurus Nobilis Fruit Oil*, Olea Europaea Fruit Oil*\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"naj-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n\u003cp\u003eAucun parfum de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eAucun colorant artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans tensioactif\u003c\/h3\u003e\n\u003cp\u003eAucun agent agressif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon d'Alep liquide ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003e🚿 Corps et visage\u003c\/h3\u003e\n\u003cp\u003eSous la douche, prélevez 1 à 2 pressions dans le creux de la main. Faites mousser sur peau humide en effectuant de légers massages circulaires, puis rincez abondamment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003e✋ Lavage des mains\u003c\/h3\u003e\n\u003cp\u003eUne seule pression suffit. Le format pompe est particulièrement pratique posé près du lavabo pour un lavage régulier et hygiénique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003e🪒 Astuce rasage\u003c\/h3\u003e\n\u003cp\u003eCe savon peut servir de base moussante pour le rasage grâce à sa texture onctueuse qui facilite le passage de la lame tout en apaisant la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e👨👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eFormule douce pour adultes et enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSans parfum ni additif irritant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e⚖️ Peaux normales à mixtes\u003c\/h3\u003e\n\u003cp\u003eDosage 5% parfaitement équilibré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eZéro produit chimique superflu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes engagements Najel\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏆 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification garantissant une formule biologique strictement contrôlée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eProduction française dans le respect des normes européennes les plus exigeantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eAucun test sur les animaux, engagement éthique fort de la marque\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eFlacon 100% recyclable pour une démarche respectueuse de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"naj-section\"\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau la douceur millénaire du savon d'Alep authentique, dans un format moderne et pratique pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eCe produit cosmétique est destiné à l'hygiène quotidienne. En cas d'irritation ou de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #f8f6f3;\n --naj-white: #ffffff;\n --naj-primary: #4A9B8C;\n --naj-primary-dark: #2D5A4F;\n --naj-primary-light: #e8f4f1;\n --naj-secondary: #8B5A2B;\n --naj-accent: #D4A574;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e0e0e0;\n --naj-shadow: 0 4px 24px rgba(45,90,79,.08);\n --naj-shadow-lg: 0 12px 48px rgba(45,90,79,.15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, #4A9B8C 0%, #2D5A4F 50%, #1a3d35 100%);\n border-radius: var(--naj-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(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 15 L30 25 L25 15 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Ccircle cx='10' cy='40' r='3' fill='%23ffffff' fill-opacity='0.02'\/%3E%3Ccircle cx='50' cy='45' r='4' fill='%23ffffff' fill-opacity='0.02'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-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(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-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.naj-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.naj-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.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-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.naj-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(--naj-primary), var(--naj-secondary));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-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.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-primary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n.naj-card-no {\n background: linear-gradient(135deg, #fef9f6 0%, var(--naj-white) 100%);\n border: 1px solid rgba(139,90,43,.1);\n}\n\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-composition-box {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--naj-shadow);\n text-align: center;\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--naj-primary);\n}\n\n.naj-inci {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n word-break: break-word;\n}\n\n.naj-inci-note {\n font-size: 13px;\n color: var(--naj-primary);\n font-style: italic;\n margin: 0;\n}\n\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--naj-radius-sm);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 14px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-accordion {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n box-shadow: var(--naj-shadow);\n overflow: hidden;\n}\n\n.naj-accordion-item {\n border-bottom: 1px solid var(--naj-border);\n margin: 0;\n padding: 0;\n}\n\n.naj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.naj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--naj-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.naj-accordion-header:hover {\n background: var(--naj-primary-light);\n}\n\n.naj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.naj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--naj-primary);\n transition: transform .2s ease;\n}\n\n.naj-accordion-item[open] .naj-accordion-header::after {\n content: '−';\n}\n\n.naj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--naj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.naj-accordion-content p {\n margin: 0;\n}\n\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-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.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .naj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 14px;\n }\n \n .naj-timeline-content p {\n font-size: 13px;\n }\n \n .naj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .naj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .naj-tip {\n flex-direction: column;\n gap: .5rem;\n text-align: center;\n }\n \n .naj-composition-box {\n padding: 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-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 .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924858950009,"sku":"NJ0115.X500","price":7.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-liquide-5-hbl-500-ml-najel-lifestyle.webp?v=1770111405"},{"product_id":"savon-dalep-liquide-20-hbl-najel","title":"Savon d'Alep liquide 20% HBL - 500 ml - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🍃 20% Huile de Laurier\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep Liquide 20% Huile de Baies de Laurier\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'héritage millénaire d'Alep dans un format moderne\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eLa douceur de l'huile d'olive bio et les vertus purifiantes du laurier réunies dans un savon liquide authentique pour les peaux sèches et sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep à 20% d'huile de laurier ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLe pourcentage d'huile de baies de laurier est ce qui distingue véritablement un savon d'Alep d'un autre. À 20% d'HBL, ce savon offre un équilibre idéal entre douceur et efficacité purifiante.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre parfait\u003c\/h3\u003e\n\u003cp\u003eDosage optimal recommandé pour profiter des bienfaits sans assécher la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🛡️ Film protecteur\u003c\/h3\u003e\n\u003cp\u003eRespecte le film hydrolipidique de votre épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Nettoyage doux\u003c\/h3\u003e\n\u003cp\u003ePeau nettoyée en profondeur mais jamais tiraillée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💚 Sans agression\u003c\/h3\u003e\n\u003cp\u003eContrairement aux savons industriels souvent agressifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe savon d'Alep liquide concentre les vertus de deux huiles végétales exceptionnelles qui agissent en synergie.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card naj-card-featured\"\u003e\n\u003ch3\u003e🫒 Huile d'olive biologique\u003c\/h3\u003e\n\u003cp\u003eVéritable trésor de la Méditerranée, naturellement riche en vitamine E et en acides gras essentiels. Elle nourrit intensément, protège contre le dessèchement et redonne souplesse à la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-featured\"\u003e\n\u003ch3\u003e🌿 Huile de baies de laurier 20%\u003c\/h3\u003e\n\u003cp\u003eCette huile précieuse est réputée depuis l'Antiquité pour ses propriétés purifiantes et apaisantes. Elle convient aux peaux sujettes aux imperfections, démangeaisons ou inconforts cutanés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSynergie naturelle :\u003c\/strong\u003e ensemble, ces deux huiles nettoient, nourrissent et apaisent en un seul geste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eSavon d'Alep visage, corps et cheveux : un produit vraiment polyvalent\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eFini l'accumulation de flacons dans votre salle de bain ! Un seul produit pour toute la famille.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e😊 Pour le visage\u003c\/h3\u003e\n\u003cp\u003eNettoyage quotidien sans agresser les peaux sensibles ou réactives. Réduit les imperfections pour un teint plus net.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚿 Pour le corps\u003c\/h3\u003e\n\u003cp\u003eUtilisé comme gel douche naturel, il laisse la peau propre, souple et confortable. Idéal après le sport.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eEn shampooing occasionnel, il aide à assainir les cuirs chevelus sensibles ou sujets aux pellicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🙌 Pour les mains\u003c\/h3\u003e\n\u003cp\u003eSon format pompe pratique en fait un savon parfait à poser près du lavabo pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLe savon d'Alep est-il adapté aux peaux sensibles ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-testimonial\"\u003e\n\u003cp class=\"naj-testimonial-text\"\u003eDe nombreux dermatologues reconnaissent les qualités du savon d'Alep pour les peaux à problèmes. Sa composition minimaliste, sans parfum de synthèse ni conservateur artificiel, réduit considérablement les risques d'irritation ou d'allergie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n\u003cp\u003eAlternative douce aux produits conventionnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🩹 Eczéma\u003c\/h3\u003e\n\u003cp\u003ePeut soulager les peaux sujettes à l'eczéma\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧴 Psoriasis\u003c\/h3\u003e\n\u003cp\u003eConvient aux peaux atopiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✅ Réactivité\u003c\/h3\u003e\n\u003cp\u003eRéduit les risques d'irritation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eRappel important : ce savon est un produit d'hygiène et ne remplace en aucun cas un traitement médical prescrit par un professionnel de santé. Testez sur une petite zone avant utilisation étendue.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eUne formule certifiée bio et éco-responsable\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eNajel perpétue la tradition du savon d'Alep tout en s'engageant pour une cosmétique plus responsable.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏆 Certifié COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eGage d'une formulation biologique contrôlée par un organisme indépendant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003ePour garantir qualité et traçabilité à chaque étape de production\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans colorant, sans parfum de synthèse, sans conservateur artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌍 100% biodégradable\u003c\/h3\u003e\n\u003cp\u003eRespectueux des écosystèmes aquatiques et de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🐰 Végan \u0026amp; cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux, respect du vivant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e♻️ Geste conscient\u003c\/h3\u003e\n\u003cp\u003eUn choix bon pour vous et pour la planète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser le savon d'Alep liquide Najel ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eL'utilisation est simple et convient à toute la famille, au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003eVersez une à deux pressions de savon 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=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur peau ou cheveux mouillés et faites mousser délicatement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire. Pour le visage, évitez le contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour maximiser les bienfaits sur le visage, laissez la mousse agir quelques secondes avant de rincer. Votre peau profitera davantage des vertus purifiantes du laurier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eFidèle à la tradition, ce savon d'Alep liquide contient uniquement \u003cstrong\u003equatre ingrédients\u003c\/strong\u003e. Une liste ultra-courte qui témoigne d'une formulation authentique, sans superflu.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🫒 Olea Europaea Fruit Oil*\u003c\/h3\u003e\n\u003cp\u003eHuile d'olive biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌿 Laurus Nobilis Fruit Oil\u003c\/h3\u003e\n\u003cp\u003eHuile de baies de laurier (20%)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n\u003cp\u003eEau purifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧪 Potassium Hydroxide\u003c\/h3\u003e\n\u003cp\u003eAgent saponifiant naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"naj-section\"\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau le soin ancestral qu'elle mérite. Le savon d'Alep Najel : tradition millénaire, qualité certifiée bio, respect de votre peau et de la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #F7F5F0;\n --naj-white: #ffffff;\n --naj-primary: #4A7C6F;\n --naj-primary-dark: #2D5A4A;\n --naj-primary-light: #E8F0ED;\n --naj-secondary: #8B5A2B;\n --naj-accent: #C4956A;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e0e0e0;\n --naj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --naj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, #4A7C6F 0%, #2D5A4A 50%, #1E3D30 100%);\n border-radius: var(--naj-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(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-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(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-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.naj-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.naj-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-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.naj-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(--naj-primary), var(--naj-secondary));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-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.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-primary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-card-featured {\n border-left: 4px solid var(--naj-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--naj-radius-sm);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 14px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.naj-testimonial {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--naj-shadow);\n border-left: 4px solid var(--naj-primary);\n margin-bottom: 1.5rem;\n}\n\n.naj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-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.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-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 .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-card-featured {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--naj-primary);\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .naj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 14px;\n }\n \n .naj-timeline-content p {\n font-size: 13px;\n }\n \n .naj-testimonial {\n padding: 1.25rem;\n }\n \n .naj-testimonial-text {\n font-size: 14px;\n }\n \n .naj-tip {\n padding: .875rem 1rem;\n }\n \n .naj-tip-icon {\n font-size: 20px;\n }\n \n .naj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924867174777,"sku":"NJ0120","price":9.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-liquide-20-hbl-500-ml-najel-lifestyle.webp?v=1770113107"},{"product_id":"savon-dalep-liquide-40-hbl-najel","title":"Savon d'Alep liquide 40% HBL - 500 ml - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🌿 40% huile de laurier\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🏆 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep Liquide 40%\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'excellence du savon d'Alep pour les peaux sensibles\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eDécouvrez la concentration la plus élevée en huile de baies de laurier pour un nettoyage doux, apaisant et respectueux des peaux les plus exigeantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep à 40% d'huile de laurier ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eTous les savons d'Alep ne se valent pas. Plus le pourcentage d'huile de baies de laurier est élevé, plus le savon possède des propriétés apaisantes et purifiantes marquées.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌹 Peau réactive\u003c\/h3\u003e\n\u003cp\u003eApaise les peaux qui tiraillent ou rougissent facilement au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Sécheresse cutanée\u003c\/h3\u003e\n\u003cp\u003eCombat la sécheresse persistante malgré l'hydratation habituelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e⚖️ Déséquilibres cutanés\u003c\/h3\u003e\n\u003cp\u003eNettoyage doux mais efficace pour rééquilibrer votre épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚫 Sensibilité aux savons\u003c\/h3\u003e\n\u003cp\u003eAlternative parfaite aux savons classiques ou parfumés irritants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes vertus de l'huile de baies de laurier et de l'huile d'olive\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLa synergie de deux huiles végétales précieuses, utilisées depuis des millénaires dans le bassin méditerranéen.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card naj-card-featured\"\u003e\n\u003ch3\u003e🌿 Huile de baies de laurier (40%)\u003c\/h3\u003e\n\u003cp\u003eExtraite des fruits du laurier noble, cette huile est réputée pour ses propriétés \u003cstrong\u003epurifiantes et apaisantes\u003c\/strong\u003e. Elle aide à calmer les peaux irritées et contribue à maintenir un épiderme sain. Sa forte concentration en fait un soin particulièrement adapté aux peaux à problèmes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-featured\"\u003e\n\u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n\u003cp\u003ePilier de la cosmétique naturelle, l'huile d'olive est riche en \u003cstrong\u003eacides gras et en antioxydants\u003c\/strong\u003e. Elle nourrit la peau en profondeur, renforce la barrière cutanée et prévient le dessèchement. Ce savon maintient le \u003cstrong\u003efilm hydrolipidique naturel\u003c\/strong\u003e de votre épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eUn savon d'Alep liquide bio certifié Cosmos Organic\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌱 Origine naturelle\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚫 Sans controverses\u003c\/h3\u003e\n\u003cp\u003ePas de parabènes, silicones ou sulfates agressifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eProcessus de fabrication respectueux de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e♻️ Recyclable\u003c\/h3\u003e\n\u003cp\u003eEmballage pensé pour limiter l'impact écologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe produit Najel correspond exactement aux standards de qualité que vous trouverez en pharmacie ou en magasin bio type Biocoop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon d'Alep liquide au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLa texture liquide de ce savon le rend extrêmement pratique et polyvalent.\u003c\/p\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003ePour le visage\u003c\/h3\u003e\n\u003cp\u003eVersez une petite quantité dans le creux de votre main, faites mousser avec un peu d'eau tiède, puis massez délicatement en évitant le contour des yeux. Rincez abondamment. Idéal matin et soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003ePour le corps\u003c\/h3\u003e\n\u003cp\u003eSous la douche, appliquez sur peau humide à l'aide de vos mains ou d'un gant. Massez en mouvements circulaires puis rincez. Profitez d'une peau propre sans tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003ePour les mains\u003c\/h3\u003e\n\u003cp\u003eGrâce à son format pompe de 500 ml, ce savon trouve parfaitement sa place près de votre lavabo. Il nettoie efficacement tout en préservant vos mains des agressions du lavage répété.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce savon d'Alep 40% ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui ne supportent pas les savons classiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du bio\u003c\/h3\u003e\n\u003cp\u003ePour qui recherche un produit naturel et certifié\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Minimalistes\u003c\/h3\u003e\n\u003cp\u003ePour simplifier la routine avec un produit polyvalent visage-corps-mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e📋 Puristes\u003c\/h3\u003e\n\u003cp\u003ePour ceux attachés aux formules courtes avec peu d'ingrédients\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"naj-composition-box\"\u003e\n\u003cp class=\"naj-composition-text\"\u003e\u003cstrong\u003eAqua (Water), Olea Europaea (Olive) Fruit Oil*, Laurus Nobilis Fruit Oil* (40%), Potassium Hydroxide.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"naj-composition-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-highlight-box\"\u003e\n\u003cspan class=\"naj-highlight-number\"\u003e4\u003c\/span\u003e\n\u003cp class=\"naj-highlight-text\"\u003eSeulement \u003cstrong\u003e4 ingrédients\u003c\/strong\u003e pour un savon efficace et respectueux de votre peau. La potasse (Potassium Hydroxide) est l'agent saponifiant entièrement consommé lors du processus de fabrication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"naj-accordion\"\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\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=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e🧴 Usage externe\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eUsage externe uniquement. Ne pas ingérer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e🏠 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de l'humidité excessive pour préserver les qualités du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"naj-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eLa marque Najel : gardienne du savon d'Alep authentique\u003c\/h2\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003eNajel perpétue depuis plus de \u003cstrong\u003e100 ans\u003c\/strong\u003e le savoir-faire ancestral des maîtres savonniers d'Alep. La marque s'engage à proposer des produits authentiques, fabriqués selon des méthodes traditionnelles et certifiés par des labels exigeants.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003eEn choisissant ce savon, vous optez pour un produit qui respecte à la fois \u003cstrong\u003evotre peau et l'environnement\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eLes informations données sont tirées de la littérature scientifique et constituent de l'information, pas des allégations médicales. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #F8F6F1;\n --naj-white: #ffffff;\n --naj-primary: #4A7C59;\n --naj-primary-dark: #2D4A3E;\n --naj-primary-light: #E8F0EA;\n --naj-secondary: #3D2B1F;\n --naj-accent: #C9A227;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e0e0e0;\n --naj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --naj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 50%, var(--naj-secondary) 100%);\n border-radius: var(--naj-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(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2.5 5-7.5 10-15 12.5 7.5 2.5 12.5 7.5 15 15 2.5-7.5 7.5-12.5 15-15-7.5-2.5-12.5-7.5-15-12.5z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-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(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-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.naj-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.naj-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-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.naj-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(--naj-primary), var(--naj-accent));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-primary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-card-featured {\n text-align: left;\n border-left: 4px solid var(--naj-primary);\n}\n\n.naj-card-featured p {\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-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.naj-timeline-content {\n flex: 1;\n background: var(--naj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--naj-radius-sm);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 14px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.naj-composition-box {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--naj-shadow);\n text-align: center;\n margin-bottom: 1.25rem;\n}\n\n.naj-composition-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--naj-text);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n}\n\n.naj-composition-note {\n font-size: 13px;\n color: var(--naj-primary);\n font-style: italic;\n margin: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.naj-highlight-box {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n background: linear-gradient(135deg, var(--naj-primary-light) 0%, rgba(201,162,39,.1) 100%);\n border-radius: var(--naj-radius);\n padding: 1.25rem 1.5rem;\n border: 2px solid var(--naj-primary);\n}\n\n.naj-highlight-number {\n flex-shrink: 0;\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 28px;\n}\n\n.naj-highlight-text {\n font-size: 14px;\n color: var(--naj-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.naj-accordion {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n box-shadow: var(--naj-shadow);\n overflow: hidden;\n}\n\n.naj-accordion-item {\n border-bottom: 1px solid var(--naj-border);\n margin: 0;\n padding: 0;\n}\n\n.naj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.naj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--naj-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.naj-accordion-header:hover {\n background: var(--naj-primary-light);\n}\n\n.naj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.naj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--naj-primary);\n transition: transform .2s ease;\n}\n\n.naj-accordion-item[open] .naj-accordion-header::after {\n content: '−';\n}\n\n.naj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--naj-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.naj-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-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 .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .naj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 14px;\n }\n \n .naj-timeline-content p {\n font-size: 13px;\n }\n \n .naj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .naj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .naj-highlight-box {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n padding: 1rem;\n }\n \n .naj-highlight-number {\n width: 50px;\n height: 50px;\n font-size: 24px;\n }\n \n .naj-card-featured {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--naj-primary);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924900925817,"sku":"NJ0125","price":13.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-liquide-40-hbl-500-ml-najel-lifestyle.webp?v=1770113715"},{"product_id":"gel-lavant-mains-citron-bio-1l-coslys","title":"Gel lavant mains- Lavande \u0026 Citron - Bio - 1L - Coslys","description":"\u003cdiv class=\"glm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"glm-hero\"\u003e\n\u003cdiv class=\"glm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"glm-hero-content\"\u003e\n\u003cdiv class=\"glm-badges-top\"\u003e\n\u003cspan class=\"glm-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"glm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"glm-badge\"\u003e🐰 Vegan \u0026amp; Cruelty-free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"glm-hero-title\"\u003eGel Lavant Mains\u003cbr\u003eLavande \u0026amp; Citron Bio\u003c\/span\u003e\n\u003cp class=\"glm-subtitle\"\u003eFormat économique 1L\u003c\/p\u003e\n\u003cp class=\"glm-description\"\u003eTransformez votre routine de soin en un instant de fraîcheur et de bien-être. Une formule douce au parfum pétillant qui nettoie en douceur tout en éveillant vos sens.\u003c\/p\u003e\n\u003cdiv class=\"glm-hero-stats\"\u003e\n\u003cdiv class=\"glm-stat\"\u003e\n\u003cspan class=\"glm-stat-number\"\u003e97%\u003c\/span\u003e \u003cspan class=\"glm-stat-label\"\u003eOrigine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glm-stat\"\u003e\n\u003cspan class=\"glm-stat-number\"\u003e0%\u003c\/span\u003e \u003cspan class=\"glm-stat-label\"\u003eSavon\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glm-stat\"\u003e\n\u003cspan class=\"glm-stat-number\"\u003epH\u003c\/span\u003e \u003cspan class=\"glm-stat-label\"\u003eNeutre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"glm-section\"\u003e\n\u003ch2\u003eUne formule douce, respectueuse de la peau et de la planète\u003c\/h2\u003e\n\u003cp class=\"glm-section-intro\"\u003eFormulé sans savon et avec un pH neutre pour la peau, ce gel lavant convient à toute la famille.\u003c\/p\u003e\n\u003cdiv class=\"glm-grid\"\u003e\n\u003cdiv class=\"glm-card\"\u003e\n\u003ch3\u003e🌱 Base végétale\u003c\/h3\u003e\n\u003cp\u003eBase lavante d'origine végétale pour un nettoyage tout en douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glm-card\"\u003e\n\u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eHydratation naturelle et effet apaisant immédiat pour vos mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glm-card\"\u003e\n\u003ch3\u003e🌸 Reine des prés bio\u003c\/h3\u003e\n\u003cp\u003eEau florale reconnue pour ses propriétés adoucissantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glm-tip\"\u003e\n\u003cspan class=\"glm-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eÉlaboré en France, \u003cstrong\u003ecertifié Cosmos Organic\u003c\/strong\u003e, \u003cstrong\u003evegan\u003c\/strong\u003e et \u003cstrong\u003ecruelty-free\u003c\/strong\u003e, garantissant un soin respectueux de l'environnement et des animaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"glm-section\"\u003e\n\u003ch2\u003eDes ingrédients naturels pour une peau revitalisée\u003c\/h2\u003e\n\u003cdiv class=\"glm-grid\"\u003e\n\u003cdiv class=\"glm-card glm-card-highlight\"\u003e\n\u003ch3\u003e🍋 Citron\u003c\/h3\u003e\n\u003cp\u003eParfum frais et dynamisant qui éveille les sens à chaque utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glm-card glm-card-highlight\"\u003e\n\u003ch3\u003e💜 Lavande\u003c\/h3\u003e\n\u003cp\u003eNotes apaisantes et relaxantes pour un moment de bien-être\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glm-card glm-card-highlight\"\u003e\n\u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eHydrate et apaise la peau naturellement tout au long de la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"glm-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"glm-timeline\"\u003e\n\u003cdiv class=\"glm-timeline-item\"\u003e\n\u003cspan class=\"glm-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"glm-timeline-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\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glm-timeline-item\"\u003e\n\u003cspan class=\"glm-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"glm-timeline-content\"\u003e\n\u003ch3\u003eAppliquez le gel\u003c\/h3\u003e\n\u003cp\u003eUne à deux pressions suffisent grâce à sa texture concentrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glm-timeline-item\"\u003e\n\u003cspan class=\"glm-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"glm-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFrottez vos mains pendant 20 secondes pour un nettoyage optimal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glm-timeline-item\"\u003e\n\u003cspan class=\"glm-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"glm-timeline-content\"\u003e\n\u003ch3\u003eRincez soigneusement\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau claire et séchez délicatement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glm-tip\"\u003e\n\u003cspan class=\"glm-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003eEn cas de contact avec les yeux, rincez abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"glm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eUn choix éthique et sensoriel\u003c\/h2\u003e\n\u003cdiv class=\"glm-grid-compact\"\u003e\n\u003cdiv class=\"glm-card\"\u003e\n\u003ch3\u003e🌿 97,5%\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glm-card\"\u003e\n\u003ch3\u003e🌾 10,5%\u003c\/h3\u003e\n\u003cp\u003eIssus de l'Agriculture Biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glm-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication française\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glm-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eFormat 1L économique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glm-cta-box\"\u003e\n\u003cp\u003eOffrez à vos mains un soin qui allie \u003cstrong\u003efraîcheur\u003c\/strong\u003e, \u003cstrong\u003enaturalité\u003c\/strong\u003e et \u003cstrong\u003eéthique\u003c\/strong\u003e. Le plaisir des sens au service de votre bien-être quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --glm-cream: #F9F6F0;\n --glm-white: #ffffff;\n --glm-primary: #5BB5A2;\n --glm-primary-dark: #3D9485;\n --glm-primary-light: #E8F5F2;\n --glm-secondary: #F7D154;\n --glm-accent: #7B6BA5;\n --glm-text: #1a1a1a;\n --glm-text-light: #5a5a5a;\n --glm-border: #e0e0e0;\n --glm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --glm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --glm-radius: 20px;\n --glm-radius-sm: 12px;\n}\n\n.glm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--glm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.glm-hero {\n position: relative;\n background: linear-gradient(135deg, #5BB5A2 0%, #3D9485 40%, #7B6BA5 100%);\n border-radius: var(--glm-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(--glm-shadow-lg);\n}\n\n.glm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(247,209,84,.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.glm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.glm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.glm-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(--glm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.glm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.glm-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.glm-subtitle {\n color: var(--glm-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n}\n\n.glm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 2rem auto;\n}\n\n.glm-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.glm-stat {\n text-align: center;\n}\n\n.glm-stat-number {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 900;\n line-height: 1;\n}\n\n.glm-stat-label {\n color: rgba(255,255,255,.8);\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.glm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.glm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--glm-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.glm-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(--glm-primary), var(--glm-secondary));\n border-radius: 2px;\n}\n\n.glm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--glm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.glm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.glm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.glm-card {\n background: var(--glm-white);\n border-radius: var(--glm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--glm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.glm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--glm-shadow-lg);\n border-color: var(--glm-primary);\n}\n\n.glm-card-highlight {\n background: linear-gradient(135deg, var(--glm-white) 0%, var(--glm-primary-light) 100%);\n}\n\n.glm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--glm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.glm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--glm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.glm-grid-compact .glm-card {\n padding: 1rem;\n}\n\n.glm-grid-compact .glm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.glm-grid-compact .glm-card p {\n font-size: 12px;\n}\n\n.glm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.glm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.glm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--glm-primary), var(--glm-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.glm-timeline-content {\n flex: 1;\n background: var(--glm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--glm-radius-sm);\n box-shadow: var(--glm-shadow);\n}\n\n.glm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--glm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.glm-timeline-content p {\n font-size: 14px;\n color: var(--glm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.glm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--glm-primary-light);\n border-radius: var(--glm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.glm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.glm-tip p {\n font-size: 14px;\n color: var(--glm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.glm-cta-box {\n background: linear-gradient(135deg, var(--glm-primary) 0%, var(--glm-primary-dark) 100%);\n border-radius: var(--glm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n margin-top: 1.5rem;\n position: relative;\n overflow: hidden;\n}\n\n.glm-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(247,209,84,.2) 0%, transparent 70%);\n}\n\n.glm-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .glm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .glm-card {\n padding: 1.125rem;\n }\n \n .glm-section {\n margin-bottom: 1.75rem;\n }\n \n .glm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--glm-radius-sm);\n }\n \n .glm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .glm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .glm-grid-compact {\n gap: .625rem;\n }\n \n .glm-grid-compact .glm-card {\n padding: .75rem;\n }\n \n .glm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .glm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .glm-timeline-content h3 {\n font-size: 14px;\n }\n \n .glm-timeline-content p {\n font-size: 13px;\n }\n \n .glm-hero-stats {\n gap: 1.25rem;\n }\n \n .glm-stat-number {\n font-size: 28px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .glm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .glm-card:nth-child(1) { animation-delay: .05s; }\n .glm-card:nth-child(2) { animation-delay: .1s; }\n .glm-card:nth-child(3) { animation-delay: .15s; }\n .glm-card:nth-child(4) { animation-delay: .2s; }\n .glm-card:nth-child(5) { animation-delay: .25s; }\n .glm-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 .glm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":55089339662713,"sku":"CS0015.1","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-lavant-mains-lavande-citron-bio-1l-coslys-lifestyle.webp?v=1775202977"},{"product_id":"masque-nettoyant-visage-huile-figue-barbarie","title":"Masque nettoyant visage Huile de graines de figue de Barbarie","description":"\u003cp\u003eSélectionné pour ses propriétés remarquables, ce \u003cstrong\u003esavon-masque nettoyant\u003c\/strong\u003e à l’huile de figue de barbarie est exclusivement conçu pour le visage. Alliant efficacité et naturalité, il offre un nettoyage en profondeur tout en agissant comme un masque revitalisant. Grâce à sa formule enrichie en ingrédients d’origine naturelle, il aide à rendre la peau plus lumineuse, hydratée et lisse.\u003c\/p\u003e\n\u003ch2\u003eLes bienfaits des ingrédients clés\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de graines de figue de barbarie :\u003c\/strong\u003e Riche en vitamine E et oméga-6, cette huile précieuse est réputée pour ses propriétés antioxydantes. Elle aide à raffermir la peau, réduire l’apparence des signes de l’âge et retrouver un teint éclatant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de karité :\u003c\/strong\u003e Nourrissant et apaisant, il protège la peau et maintient son hydratation naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de coco :\u003c\/strong\u003e Nettoie délicatement, tout en laissant la peau douce et fraîche sans l’assécher.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlycérine végétale :\u003c\/strong\u003e Hydrate et améliore l’élasticité de la peau, apportant douceur et confort.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsage quotidien :\u003c\/strong\u003e Matin et soir, humidifiez le savon et appliquez une mousse légère sur le visage. Massez délicatement en évitant le contour des yeux, puis rincez abondamment après environ 30 secondes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn masque hebdomadaire :\u003c\/strong\u003e Une fois par semaine, appliquez une couche de mousse sur la peau propre et laissez agir 5 minutes avant de rincer. Ce geste permet d’intensifier l’action revitalisante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003ePourquoi l’adopter ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eSoin exclusif pour le visage, alliant nettoyage doux et action masque.\u003c\/li\u003e\n\u003cli\u003eFormulé à partir d’ingrédients naturels pour convenir même aux peaux sensibles.\u003c\/li\u003e\n\u003cli\u003ePropriétés anti-âge grâce à l’huile de figue de barbarie, qui raffermit la peau et illumine le teint.\u003c\/li\u003e\n\u003cli\u003ePratique et efficace, il s’intègre aisément dans une routine quotidienne et hebdomadaire.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eComposition INCI\u003c\/h2\u003e\n\u003cp\u003e\u003cem\u003esodium olivate, sodium cocoate, sodium stearate, aqua, parkii butter, coco nucifera, opuntia ficus indica seed oil, glycerin, sodium chloride.\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eChoisi pour sa qualité et son efficacité, ce savon-masque est un geste beauté indispensable pour une peau naturellement belle. Offrez-vous un soin d’exception et révélez l’éclat de votre visage jour après jour.\u003c\/p\u003e","brand":"SB COLLECTION","offers":[{"title":"Default Title","offer_id":55146962387321,"sku":"NETTMASQHFB","price":10.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-nettoyant-figue-de-barbarie_1_-min.webp?v=1745488690"},{"product_id":"savon-propolis-miel-karite-propolia","title":"Savon Propolis, Miel \u0026 Karité (visage \u0026 corps) - 100g - Propolia","description":"\u003cdiv class=\"prp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"prp-hero\"\u003e\n \u003cdiv class=\"prp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"prp-hero-content\"\u003e\n \u003cdiv class=\"prp-badges-top\"\u003e\n \u003cspan class=\"prp-badge\"\u003e🐝 Propolis, miel \u0026amp; karité\u003c\/span\u003e\n \u003cspan class=\"prp-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"prp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prp-hero-title\"\u003eSavon Actif Propolis, Miel \u0026amp; Karité\u003c\/span\u003e\n \u003cp class=\"prp-subtitle\"\u003eLe soin purifiant bio visage \u0026amp; corps — 100 g\u003c\/p\u003e\n \u003cp class=\"prp-description\"\u003eTrois trésors de la ruche réunis dans un savon certifié bio pour purifier, nourrir et protéger votre peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003eSavon actif propolis, miel et karité Propolia : le soin purifiant bio pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"prp-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon au miel et à la propolis\u003c\/strong\u003e qui prend véritablement soin de votre peau ? Ce savon actif Propolia associe trois trésors naturels — \u003cstrong\u003epropolis\u003c\/strong\u003e, \u003cstrong\u003emiel\u003c\/strong\u003e et \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e — dans une formule certifiée bio, fabriquée en France. Purifiant, nourrissant et délicatement parfumé au lavandin et au romarin, il convient à toute la famille, du visage au corps, dès 3 ans.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon miel propolis bio ?\u003c\/h2\u003e\n \u003cp class=\"prp-section-intro\"\u003eContrairement à un savon classique, ce soin lavant agit activement sur la qualité de votre peau grâce à ses actifs de la ruche :\u003c\/p\u003e\n \u003cdiv class=\"prp-grid-compact\"\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🌱 97 % naturel, 78 % bio\u003c\/h3\u003e\n \u003cp\u003eCertifié COSMOS ORGANIC, gage de transparence et de qualité pour votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🏭 Fabriqué en Occitanie\u003c\/h3\u003e\n \u003cp\u003eConçu et produit dans le laboratoire Propolia, spécialiste français des produits de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e✨ Polyvalent\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, mains et même toilette intime. Un seul savon pour toute votre routine d'hygiène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🎯 Peaux à imperfections\u003c\/h3\u003e\n \u003cp\u003eApprécié par les peaux sujettes à l'acné, aux rougeurs ou aux petites irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003eLes bienfaits de chaque ingrédient actif\u003c\/h2\u003e\n \u003cp class=\"prp-section-intro\"\u003eCe \u003cstrong\u003esavon miel propolis\u003c\/strong\u003e tire sa richesse d'une synergie d'actifs soigneusement dosés :\u003c\/p\u003e\n \u003cdiv class=\"prp-grid\"\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🛡️ Propolis (2,3 %)\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés assainissantes, elle purifie la peau et favorise la régénération cutanée. Actif clé pour les peaux à tendance acnéique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🍯 Miel (2 %)\u003c\/h3\u003e\n \u003cp\u003eApaisant et hydratant naturel, il adoucit les peaux irritées et leur redonne confort et souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines A et E, il nourrit l'épiderme en profondeur et protège le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eForme un léger voile protecteur préservant la peau de la déshydratation après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🌿 Romarin \u0026amp; lavandin\u003c\/h3\u003e\n \u003cp\u003eLeurs vertus purifiantes complètent l'action de la propolis tout en laissant un parfum frais et délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003eComposition INCI complète\u003c\/h2\u003e\n \u003cdiv class=\"prp-testimonial\"\u003e\n \u003cp class=\"prp-testimonial-text\"\u003eSodium Palmate, Sodium Palm Kernelate, Aqua, Mel, Palm Kernel Acid, Cera Alba, Propolis Cera, Glycerin, Butyrospermum Parkii Oil, Rosmarinus Officinalis Leaf Oil, Lavandula Hybrida Oil, Alcohol, Hydrogenated Starch Hydrolysate, Tetrasodium EDTA, Sodium Chloride, Tetrasodium Etidronate, Linalool, Limonene.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-tip\"\u003e\n \u003cspan class=\"prp-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eContient \u003cstrong\u003eLinalool\u003c\/strong\u003e et \u003cstrong\u003eLimonene\u003c\/strong\u003e (allergènes naturellement présents dans les huiles essentielles).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon à la propolis ?\u003c\/h2\u003e\n \u003cdiv class=\"prp-timeline\"\u003e\n \u003cdiv class=\"prp-timeline-item\"\u003e\n \u003cdiv class=\"prp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-content\"\u003e\n \u003ch3\u003eMouillez et faites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau, puis faites mousser le savon entre vos mains ou sur un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-item\"\u003e\n \u003cdiv class=\"prp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en massant\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage ou le corps en massant doucement, en insistant sur les zones à imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-item\"\u003e\n \u003cdiv class=\"prp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire pour éliminer toute trace de mousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-item\"\u003e\n \u003cdiv class=\"prp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-content\"\u003e\n \u003ch3\u003eRoutine quotidienne\u003c\/h3\u003e\n \u003cp\u003ePour optimiser l'effet purifiant, utilisez-le \u003cstrong\u003ematin et soir\u003c\/strong\u003e dans votre routine quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-tip\"\u003e\n \u003cspan class=\"prp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e après le nettoyage, appliquez un soin hydratant à la propolis pour prolonger les bienfaits et nourrir durablement votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"prp-accordion\"\u003e\n \u003cdetails class=\"prp-accordion-item\"\u003e\n \u003csummary class=\"prp-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"prp-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche, aux enfants de moins de 3 ans et aux femmes enceintes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prp-accordion-item\"\u003e\n \u003csummary class=\"prp-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"prp-accordion-content mt-3\"\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\/details\u003e\n \u003cdetails class=\"prp-accordion-item\"\u003e\n \u003csummary class=\"prp-accordion-header\"\u003e🩹 Peaux lésées\u003c\/summary\u003e\n \u003cdiv class=\"prp-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer sur une peau lésée ou présentant des plaies ouvertes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prp-accordion-item\"\u003e\n \u003csummary class=\"prp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"prp-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez au sec, à l'abri de la chaleur et de l'humidité, pour préserver toutes ses qualités.\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=\"prp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"prp-cta-box\"\u003e\n \u003cp\u003eCe \u003cstrong\u003esavon végétal miel et propolis\u003c\/strong\u003e est idéal pour les peaux à imperfections, comme nettoyant doux pour une \u003cstrong\u003epeau acnéique\u003c\/strong\u003e, ou pour adopter une hygiène plus naturelle. Adolescents et adultes, toute la famille peut en profiter dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"prp-disclaimer\"\u003eCe savon ne remplace pas un traitement dermatologique en cas de problème persistant. Consultez un professionnel de santé si nécessaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --prp-cream: #faf6f2;\n --prp-white: #ffffff;\n --prp-primary: #8b4a8f;\n --prp-primary-dark: #5e2d62;\n --prp-primary-light: #f3eaf4;\n --prp-secondary: #e8874a;\n --prp-accent: #d4963a;\n --prp-text: #1a1a1a;\n --prp-text-light: #5a5a5a;\n --prp-border: #e8dde9;\n --prp-shadow: 0 4px 24px rgba(94,45,98,.08);\n --prp-shadow-lg: 0 12px 48px rgba(94,45,98,.15);\n --prp-radius: 20px;\n --prp-radius-sm: 12px;\n}\n\n.prp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--prp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.prp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--prp-primary-dark) 0%, var(--prp-primary) 45%, var(--prp-secondary) 100%);\n border-radius: var(--prp-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(--prp-shadow-lg);\n}\n\n.prp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L55 20 L55 40 L30 55 L5 40 L5 20 Z' fill='none' stroke='white' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .06;\n}\n\n.prp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.prp-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.prp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.prp-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.prp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.prp-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(--prp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.prp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.prp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.prp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--prp-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.prp-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(--prp-primary), var(--prp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.prp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--prp-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.prp-card {\n background: var(--prp-white);\n border-radius: var(--prp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--prp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.prp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--prp-shadow-lg);\n border-color: var(--prp-primary);\n}\n\n.prp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--prp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.prp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--prp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.prp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.prp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.prp-grid-compact .prp-card {\n padding: 1rem;\n}\n\n.prp-grid-compact .prp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.prp-grid-compact .prp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.prp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.prp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.prp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--prp-primary), var(--prp-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.prp-timeline-content {\n flex: 1;\n background: var(--prp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--prp-radius-sm);\n box-shadow: var(--prp-shadow);\n}\n\n.prp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--prp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.prp-timeline-content p {\n font-size: 14px;\n color: var(--prp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.prp-testimonial {\n background: var(--prp-white);\n border-radius: var(--prp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--prp-shadow);\n border-left: 4px solid var(--prp-primary);\n}\n\n.prp-testimonial-text {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--prp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.prp-accordion {\n background: var(--prp-white);\n border-radius: var(--prp-radius);\n box-shadow: var(--prp-shadow);\n overflow: hidden;\n}\n\n.prp-accordion-item {\n border-bottom: 1px solid var(--prp-border);\n margin: 0;\n padding: 0;\n}\n\n.prp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.prp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--prp-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.prp-accordion-header:hover {\n background: var(--prp-primary-light);\n}\n\n.prp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.prp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--prp-primary);\n transition: transform .2s ease;\n}\n\n.prp-accordion-item[open] .prp-accordion-header::after {\n content: '−';\n}\n\n.prp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--prp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.prp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.prp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--prp-primary-light);\n border-radius: var(--prp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.prp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.prp-tip p {\n font-size: 14px;\n color: var(--prp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.prp-cta-box {\n background: linear-gradient(135deg, var(--prp-primary) 0%, var(--prp-primary-dark) 100%);\n border-radius: var(--prp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.prp-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.prp-disclaimer {\n font-size: 12px;\n color: var(--prp-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 .prp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .prp-card {\n padding: 1.125rem;\n }\n\n .prp-section {\n margin-bottom: 1.75rem;\n }\n\n .prp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--prp-radius-sm);\n }\n\n .prp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .prp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .prp-grid-compact {\n gap: .625rem;\n }\n\n .prp-grid-compact .prp-card {\n padding: .75rem;\n }\n\n .prp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .prp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .prp-timeline-content h3 {\n font-size: 14px;\n }\n\n .prp-timeline-content p {\n font-size: 13px;\n }\n\n .prp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .prp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .prp-testimonial {\n padding: 1.25rem;\n }\n\n .prp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .prp-card {\n animation: prpFadeInUp .5s ease backwards;\n }\n .prp-card:nth-child(1) { animation-delay: .05s; }\n .prp-card:nth-child(2) { animation-delay: .1s; }\n .prp-card:nth-child(3) { animation-delay: .15s; }\n .prp-card:nth-child(4) { animation-delay: .2s; }\n .prp-card:nth-child(5) { animation-delay: .25s; }\n .prp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes prpFadeInUp {\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 .prp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":55202329690489,"sku":"AP0041","price":5.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-propolis-miel-karite-visage-corps-100g-propolia-packshothd.webp?v=1775988144"},{"product_id":"savon-mains-purifiant-propolis-et-romarin-300-ml-propolia","title":"Savon mains purifiant Propolis et Romarin - 300ml – Propolia","description":"\u003cdiv class=\"pp-premium\"\u003e\n\n \u003cdiv class=\"pp-hero\"\u003e\n \u003cdiv class=\"pp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pp-hero-content\"\u003e\n \u003cdiv class=\"pp-badges-top\"\u003e\n \u003cspan class=\"pp-badge\"\u003e🐝 Propolis \u0026amp; romarin\u003c\/span\u003e\n \u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"pp-badge\"\u003e🌿 100 % origine naturelle\u003c\/span\u003e\n \u003cspan class=\"pp-badge\"\u003e👨‍👩‍👧 Dès 3 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pp-hero-title\"\u003eSavon mains purifiant Propolis \u0026amp; Romarin\u003c\/span\u003e\n \u003cp class=\"pp-subtitle\"\u003ePar Propolia — 300 ml flacon-pompe\u003c\/p\u003e\n \u003cp class=\"pp-description\"\u003eUn savon liquide doux et purifiant aux trésors de la ruche, qui nettoie, assainit et adoucit vos mains à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eSavon liquide purifiant à la propolis et au romarin : le soin naturel de vos mains\u003c\/h2\u003e\n \u003cp class=\"pp-section-intro\"\u003eVos mains sont sollicitées en permanence et méritent un nettoyage qui respecte leur équilibre.\u003c\/p\u003e\n \u003cdiv class=\"pp-grid-compact\"\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🧼 Nettoyage doux\u003c\/h3\u003e\n \u003cp\u003eÉlimine les impuretés sans agresser la peau grâce à des agents lavants d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🛡️ Action purifiante\u003c\/h3\u003e\n \u003cp\u003eLa propolis et le romarin assainissent en profondeur pour une hygiène irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🍯 Douceur absolue\u003c\/h3\u003e\n \u003cp\u003eEnrichi en miel, il adoucit et nourrit vos mains même après de nombreux lavages quotidiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌿 Parfum de garrigue\u003c\/h3\u003e\n \u003cp\u003eUn parfum frais et aromatique de romarin qui transforme chaque lavage en un vrai moment de plaisir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eUne formule naturelle aux actifs complémentaires\u003c\/h2\u003e\n \u003cp class=\"pp-section-intro\"\u003eCe qui distingue ce savon liquide, c'est la synergie de ses ingrédients actifs, chacun jouant un rôle précis :\u003c\/p\u003e\n \u003cdiv class=\"pp-grid\"\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🐝 Propolis brute\u003c\/h3\u003e\n \u003cp\u003eVéritable trésor de la ruche, elle est reconnue pour ses propriétés purifiantes et protectrices. Elle aide à assainir la peau et à apaiser les petites irritations liées aux lavages répétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🍯 Miel\u003c\/h3\u003e\n \u003cp\u003eÉmollient naturel, il adoucit et nourrit l'épiderme. Vos mains restent souples et confortables même après plusieurs utilisations dans la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle de romarin\u003c\/h3\u003e\n \u003cp\u003eTonifiante et antiseptique, elle renforce l'action purifiante du savon tout en libérant un parfum aromatique frais et revigorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive saponifiée\u003c\/h3\u003e\n \u003cp\u003eBase lavante douce par excellence, elle élimine les impuretés tout en préservant le film hydrolipidique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eElle retient l'hydratation dans les couches supérieures de l'épiderme et prévient les sensations de tiraillement après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"pp-section-intro\"\u003eDe nombreux savons liquides du commerce contiennent des sulfates agressifs qui décapent la peau et la laissent sèche. Ce savon Propolia fait le choix inverse :\u003c\/p\u003e\n \u003cdiv class=\"pp-grid-compact\"\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🚫 Sans tensioactifs sulfatés\u003c\/h3\u003e\n \u003cp\u003eLes agents lavants utilisés (dérivés de coco et d'olive) sont doux et biodégradables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e⚖️ pH adapté aux mains\u003c\/h3\u003e\n \u003cp\u003eRespecte l'acidité naturelle de la peau, parfait pour les lavages fréquents et les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003ePar Propolia, marque spécialiste des produits de la ruche depuis plus de 20 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🧴 Format flacon-pompe 300 ml\u003c\/h3\u003e\n \u003cp\u003ePratique et hygiénique, il trouve sa place dans la salle de bain, la cuisine ou au bureau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eComment bien utiliser ce savon purifiant ?\u003c\/h2\u003e\n \u003cdiv class=\"pp-timeline\"\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eHumidifiez vos mains\u003c\/h3\u003e\n \u003cp\u003ePassez vos mains sous l'eau claire avant d'appliquer le savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eDosez une à deux pressions\u003c\/h3\u003e\n \u003cp\u003eDéposez le savon dans la paume grâce au flacon-pompe pratique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser 20 secondes\u003c\/h3\u003e\n \u003cp\u003eFrottez vos mains l'une contre l'autre sans oublier le dessus des mains, les espaces entre les doigts et le bout des ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n \u003cp\u003eRenouvelez aussi souvent que nécessaire tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pp-accordion\"\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e⚠️ Usage et restrictions\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à un usage externe uniquement. Ne pas ingérer. Ne convient pas aux enfants de moins de 3 ans. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e🐝 Allergies aux produits de la ruche\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue aux produits de la ruche, effectuez un test au creux du coude avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"pp-inci-box\"\u003e\n \u003cp\u003eAqua (water), sodium cocoamphoacetate, glycerin, lauryl glucoside, potassium olivate, sodium cocoyl glutamate, sodium lauryl glucose carboxylate, mel (honey), propolis cera, rosmarinus officinalis (rosemary) leaf oil, alcohol, coco-glucoside, glyceryl oleate, caprylyl\/capryl glucoside, cocamidopropyl betaine, limonene (naturellement présent dans l'huile essentielle).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eEn résumé\u003c\/h2\u003e\n \u003cdiv class=\"pp-cta-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003esavon liquide purifiant propolis et romarin Propolia\u003c\/strong\u003e offre bien plus qu'un simple nettoyage : c'est un véritable soin quotidien pour vos mains. Naturel, doux, efficace et agréablement parfumé, il s'adresse à tous ceux qui refusent de choisir entre hygiène et respect de leur peau. Adoptez-le et constatez la différence dès les premiers jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pp-cream: #faf6f1;\n --pp-white: #ffffff;\n --pp-primary: #7b3f8d;\n --pp-primary-dark: #5a2d68;\n --pp-primary-light: #f3eaf6;\n --pp-secondary: #d4764e;\n --pp-accent: #d4a04e;\n --pp-honey: #c8892e;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #e8dfe0;\n --pp-shadow: 0 4px 24px rgba(91, 45, 104, .08);\n --pp-shadow-lg: 0 12px 48px rgba(91, 45, 104, .15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-primary-dark) 40%, #3d1f4a 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(212, 118, 78, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212, 160, 78, .12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, .2);\n}\n\n.pp-subtitle {\n color: rgba(255, 255, 255, .85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.pp-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, .95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.pp-inci-box {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-secondary);\n}\n\n.pp-inci-box p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.8;\n font-style: italic;\n word-break: break-word;\n}\n\n\/* === CTA === *\/\n.pp-cta-box {\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-primary-dark) 100%);\n border-radius: var(--pp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pp-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.pp-cta-box p strong {\n color: rgba(255, 255, 255, 1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n\n .pp-timeline-item {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pp-timeline-item:nth-child(2) { animation-delay: .1s; }\n .pp-timeline-item:nth-child(3) { animation-delay: .15s; }\n .pp-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":55204902175097,"sku":"AP0126","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-mains-purifiant-propolis-et-romarin-300ml-propolia-packshothd.webp?v=1775988096"},{"product_id":"savon-saponifie-a-froid-certifie-bio-90g-puraloe","title":"Savon saponifié à froid certifié Bio - 90g - Pur'Aloé","description":"\u003cp\u003eDécouvrez le Savon Saponifié à Froid Pur'Aloé, un soin d'exception pour votre peau. Enrichi à 20% en Aloé Vera Natif certifié Bio, ce savon offre les vertus apaisantes, cicatrisantes et hydratantes de cette plante miraculeuse. Sa méthode de fabrication artisanale préserve les bienfaits des ingrédients pour une peau douce, souple et protégée.\u003c\/p\u003e\n\u003ch2\u003eIngrédients et bienfaits de ce savon saponifié à froid\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloé Vera Natif Bio (20%) :\u003c\/strong\u003e Apaise, hydrate et favorise la régénération de la peau. Soulage les irritations et contribue à maintenir l'élasticité cutanée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile d'Olive Bio :\u003c\/strong\u003e Nourrit en profondeur, adoucit et protège la peau du dessèchement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de Coco Bio :\u003c\/strong\u003e Offre une mousse onctueuse et nettoie délicatement la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de Karité Bio :\u003c\/strong\u003e Protège, adoucit et restructure la peau. Idéal pour les peaux sèches et sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile Essentielle d'Eucalyptus Bio :\u003c\/strong\u003e Apporte une sensation de fraîcheur et purifie la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLa synergie de ces ingrédients bio fait de ce savon un véritable soin pour toute la famille, respectueux de l'environnement et de votre peau.\u003c\/p\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cp\u003eFaites mousser le savon sur peau humide, puis rincez abondamment à l'eau claire. Convient pour le corps et le visage. Évitez le contact avec les yeux.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir ce savon ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSaponification à Froid :\u003c\/strong\u003e Préserve la glycérine naturelle et les propriétés des huiles végétales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule Naturelle et Bio :\u003c\/strong\u003e Composé à 99,9% d'ingrédients d'origine naturelle, dont 75% issus de l'agriculture biologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnrichi en Aloé Vera Bio :\u003c\/strong\u003e Pour une hydratation intense et un effet apaisant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté aux Peaux Sèches et Sensibles :\u003c\/strong\u003e Nettoie en douceur sans agresser la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication Artisanale :\u003c\/strong\u003e Garantit un produit de qualité, respectueux de l'environnement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eComposition :\u003c\/h2\u003e\n\u003cp\u003e**SODIUM COCOATE , *ALOE BARBADENSIS LEAF JUICE , SODIUM SUNFLOWERSEEDATE , GLYCERIN , **SODIUM OLIVATE , *BUTYROSPERMUM PARKII BUTTER , *COCOS NUCIFERA OIL , *OLEA EUROPEA FRUIT OIL , *HELIANTHUS ANNUUS SEED OIL , TOCOPHEROLS , *CITRUS LIMON PEEL OIL , *PICEA MARIANA LEAF OIL , *EUCALYPTUS GLOBULUS LEAF OIL , PROPANEDIOL , ASCORBIC ACID , BENZYL ALCOHOL , DEHYDROACETIC ACID , AQUA , LIMONENE. *Ingrédients issus de l'agriculture biologique **Transformé à partir d'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003cp\u003eOffrez à votre peau la douceur et l'hydratation qu'elle mérite avec le Savon Saponifié à Froid Pur'Aloé !\u003c\/p\u003e","brand":"Pur'Aloé","offers":[{"title":"Default Title","offer_id":55219202457977,"sku":"PU0095","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-saponifie-a-froid-20-aloe-vera-bio-90g-pur-aloe_1.jpg?v=1753794145"},{"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":"savon-huile-olive-bio-1kg-comme-avant","title":"Savon dès la naissance à l'huile d'Olive - 1 kg - Comme Avant","description":"\u003cdiv class=\"so-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"so-hero\"\u003e\n \u003cdiv class=\"so-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"so-hero-content\"\u003e\n \u003cdiv class=\"so-badges-top\"\u003e\n \u003cspan class=\"so-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"so-badge\"\u003e🐢 Slow Cosmétique\u003c\/span\u003e\n \u003cspan class=\"so-badge\"\u003e👶 Dès la naissance\u003c\/span\u003e\n \u003cspan class=\"so-badge\"\u003e🧴 Surgras 7 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"so-hero-title\"\u003ePain de savon à l'huile d'olive bio\u003c\/span\u003e\n \u003cp class=\"so-subtitle\"\u003e1 kg de douceur artisanale, fabriqué près de Marseille\u003c\/p\u003e\n \u003cp class=\"so-description\"\u003eSaponifié à froid, 100 % huile d'olive biologique. Un savon unique pour toute la famille et toute la maison — du bain de bébé à la lessive naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003eSavon à l'huile d'olive bio : la douceur naturelle dès la naissance\u003c\/h2\u003e\n \u003cp class=\"so-section-intro\"\u003eVous cherchez un savon à l'huile d'olive authentique, doux et polyvalent ? Ce pain de savon de 1 kg signé Comme Avant est fabriqué artisanalement près de Marseille par saponification à froid, un procédé ancestral qui préserve toute la richesse de l'huile d'olive biologique.\u003c\/p\u003e\n \u003cdiv class=\"so-grid-compact\"\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🫒 100 % olive bio\u003c\/h3\u003e\n \u003cp\u003eUnique huile végétale utilisée dans la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🧴 Surgras 7 %\u003c\/h3\u003e\n \u003cp\u003eProtection et nutrition des peaux les plus fragiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e👶 Dès la naissance\u003c\/h3\u003e\n \u003cp\u003eAdapté aux bébés, futures mamans et toute la famille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🏭 Artisanal\u003c\/h3\u003e\n \u003cp\u003eFabriqué près de Marseille par saponification à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon saponifié à froid à l'huile d'olive ?\u003c\/h2\u003e\n \u003cp class=\"so-section-intro\"\u003eContrairement au savon de Marseille traditionnel cuit à chaud, la saponification à froid conserve naturellement la glycérine végétale produite lors de la réaction. Résultat : votre peau est nettoyée en douceur tout en étant protégée et hydratée.\u003c\/p\u003e\n \u003cdiv class=\"so-grid\"\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e💧 Glycérine préservée\u003c\/h3\u003e\n \u003cp\u003eLa saponification à froid conserve intégralement la glycérine végétale naturelle, contrairement au procédé à chaud qui l'élimine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🛡️ Peau protégée et hydratée\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive bio, reconnue pour ses vertus nourrissantes et apaisantes, apporte souplesse et confort même aux peaux sèches et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🌾 Douceur ancestrale\u003c\/h3\u003e\n \u003cp\u003eUn procédé traditionnel qui respecte la structure moléculaire des huiles pour un savon infiniment plus doux pour la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003eUne composition minimaliste et transparente\u003c\/h2\u003e\n \u003cp class=\"so-section-intro\"\u003eCe savon d'huile d'olive contient uniquement trois ingrédients. Aucun colorant, aucun parfum de synthèse, aucun conservateur.\u003c\/p\u003e\n \u003cdiv class=\"so-grid\"\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive biologique\u003c\/h3\u003e\n \u003cp\u003e100 % des huiles utilisées — nourrit, protège et apaise la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp\u003eEssentielle au processus de saponification à froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e✨ Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eNaturellement issue de la saponification — hydrate et adoucit la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-certif-bar\"\u003e\n \u003cspan class=\"so-certif-item\"\u003e✅ Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"so-certif-item\"\u003e🐢 Slow Cosmétique\u003c\/span\u003e\n \u003cspan class=\"so-certif-item\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"so-certif-item\"\u003e🐰 Non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003eUn savon multi-usages pour toute la maison\u003c\/h2\u003e\n \u003cp class=\"so-section-intro\"\u003eAu-delà de l'hygiène du visage et du corps, ce pain de savon de 1 kg remplace de nombreux produits du quotidien et dure plusieurs mois.\u003c\/p\u003e\n \u003cdiv class=\"so-grid-compact\"\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e👕 Lessive maison\u003c\/h3\u003e\n \u003cp\u003eRâpez-le finement et diluez dans de l'eau chaude pour une lessive naturelle, douce pour le linge et les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🍽️ Vaisselle\u003c\/h3\u003e\n \u003cp\u003eFrottez directement votre éponge humide sur le pain pour un nettoyage efficace et écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🪣 Nettoyage des sols\u003c\/h3\u003e\n \u003cp\u003eQuelques copeaux dilués dans un seau d'eau chaude suffisent pour des sols propres et naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🧹 Détachant textile\u003c\/h3\u003e\n \u003cp\u003eAppliquez le savon humide directement sur la tache avant lavage pour un détachage naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-tip\"\u003e\n \u003cspan class=\"so-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eAvec un format de \u003cstrong\u003e1 kg\u003c\/strong\u003e, vous disposez d'un stock durable couvrant plusieurs mois d'utilisation. Vous réduisez ainsi considérablement vos emballages plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et conservation\u003c\/h2\u003e\n \u003cdiv class=\"so-timeline\"\u003e\n \u003cdiv class=\"so-timeline-item\"\u003e\n \u003cdiv class=\"so-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"so-timeline-content\"\u003e\n \u003ch3\u003eMouillez et faites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez le savon et faites-le mousser entre vos mains avant de l'appliquer sur la peau. Rincez soigneusement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-timeline-item\"\u003e\n \u003cdiv class=\"so-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"so-timeline-content\"\u003e\n \u003ch3\u003eDécoupez au besoin\u003c\/h3\u003e\n \u003cp\u003eVous pouvez le découper en morceaux plus pratiques à l'aide d'un grand couteau pour un usage quotidien facilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-timeline-item\"\u003e\n \u003cdiv class=\"so-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"so-timeline-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003ePour prolonger sa durée de vie, conservez-le sur un porte-savon ajouré, à l'abri de l'humidité stagnante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003eVos intérrogations, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"so-accordion\"\u003e\n \u003cdetails class=\"so-accordion-item\"\u003e\n \u003csummary class=\"so-accordion-header\"\u003e👶 Ce savon convient-il vraiment aux bébés dès la naissance ?\u003c\/summary\u003e\n \u003cdiv class=\"so-accordion-content mt-3\"\u003e\n \u003cp\u003eOui. Sa formule sans parfum, sans colorant et avec un surgras de 7 % est adaptée aux peaux délicates des nouveau-nés. En cas de terrain allergique, demandez conseil à votre pédiatre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"so-accordion-item\"\u003e\n \u003csummary class=\"so-accordion-header\"\u003e🏷️ Quelle différence avec un savon de Marseille classique ?\u003c\/summary\u003e\n \u003cdiv class=\"so-accordion-content mt-3\"\u003e\n \u003cp\u003eLe savon de Marseille traditionnel est fabriqué à chaud, ce qui élimine la glycérine. Ici, la saponification à froid la conserve intégralement, offrant un savon bien plus hydratant et surgras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"so-accordion-item\"\u003e\n \u003csummary class=\"so-accordion-header\"\u003e⏳ Combien de temps dure un pain de 1 kg ?\u003c\/summary\u003e\n \u003cdiv class=\"so-accordion-content mt-3\"\u003e\n \u003cp\u003ePour l'hygiène corporelle d'une famille de quatre personnes, il dure en moyenne trois à quatre mois. En usage mixte (hygiène et ménage), comptez environ deux mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"so-accordion-item\"\u003e\n \u003csummary class=\"so-accordion-header\"\u003e🧴 Peut-il remplacer un savon noir à l'huile d'olive pour le ménage ?\u003c\/summary\u003e\n \u003cdiv class=\"so-accordion-content mt-3\"\u003e\n \u003cp\u003eIl constitue une excellente alternative naturelle au savon noir huile d'olive pour la plupart des tâches ménagères courantes. Toutefois, pour des usages spécifiques comme une recette anti-puceron, le savon noir reste plus adapté.\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=\"so-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"so-cta-box\"\u003e\n \u003cp\u003e🫒 1 kg de savon pur, artisanal et bio — pour prendre soin de toute votre famille et de votre maison, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"so-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --so-cream: #f9f6f0;\n --so-white: #ffffff;\n --so-primary: #8b7d3c;\n --so-primary-dark: #5e5428;\n --so-primary-light: #f3efe3;\n --so-secondary: #a89760;\n --so-accent: #c4a94d;\n --so-kraft: #b8a682;\n --so-text: #1a1a1a;\n --so-text-light: #5a5a5a;\n --so-border: #e5dfd2;\n --so-shadow: 0 4px 24px rgba(94,84,40,.08);\n --so-shadow-lg: 0 12px 48px rgba(94,84,40,.15);\n --so-radius: 20px;\n --so-radius-sm: 12px;\n}\n\n.so-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--so-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.so-hero {\n position: relative;\n background: linear-gradient(135deg, #6b6024 0%, #8b7d3c 40%, #a89760 100%);\n border-radius: var(--so-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(--so-shadow-lg);\n}\n\n.so-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 40%);\n opacity: 1;\n}\n\n.so-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.so-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.so-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.so-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(--so-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.so-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.so-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.so-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.so-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.so-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--so-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.so-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(--so-primary), var(--so-secondary));\n border-radius: 2px;\n}\n\n.so-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--so-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.so-card {\n background: var(--so-white);\n border-radius: var(--so-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--so-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.so-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--so-shadow-lg);\n border-color: var(--so-primary);\n}\n\n.so-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--so-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.so-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--so-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.so-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.so-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.so-grid-compact .so-card {\n padding: 1rem;\n}\n\n.so-grid-compact .so-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.so-grid-compact .so-card p {\n font-size: 12px;\n}\n\n\/* === CERTIFICATIONS BAR === *\/\n.so-certif-bar {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.5rem;\n}\n\n.so-certif-item {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 14px;\n background: var(--so-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--so-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.so-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.so-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.so-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--so-primary), var(--so-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.so-timeline-content {\n flex: 1;\n background: var(--so-white);\n padding: 1rem 1.25rem;\n border-radius: var(--so-radius-sm);\n box-shadow: var(--so-shadow);\n}\n\n.so-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--so-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.so-timeline-content p {\n font-size: 14px;\n color: var(--so-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.so-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--so-primary-light);\n border-radius: var(--so-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.so-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.so-tip p {\n font-size: 14px;\n color: var(--so-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.so-accordion {\n background: var(--so-white);\n border-radius: var(--so-radius);\n box-shadow: var(--so-shadow);\n overflow: hidden;\n}\n\n.so-accordion-item {\n border-bottom: 1px solid var(--so-border);\n margin: 0;\n padding: 0;\n}\n\n.so-accordion-item:last-child {\n border-bottom: none;\n}\n\n.so-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--so-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.so-accordion-header:hover {\n background: var(--so-primary-light);\n}\n\n.so-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.so-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--so-primary);\n transition: transform .2s ease;\n}\n\n.so-accordion-item[open] .so-accordion-header::after {\n content: '−';\n}\n\n.so-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--so-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.so-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.so-cta-box {\n background: linear-gradient(135deg, var(--so-primary) 0%, var(--so-primary-dark) 100%);\n border-radius: var(--so-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.so-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.so-disclaimer {\n font-size: 12px;\n color: var(--so-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .so-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .so-card {\n padding: 1.125rem;\n }\n\n .so-section {\n margin-bottom: 1.75rem;\n }\n\n .so-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--so-radius-sm);\n }\n\n .so-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .so-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .so-grid-compact {\n gap: .625rem;\n }\n\n .so-grid-compact .so-card {\n padding: .75rem;\n }\n\n .so-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .so-timeline-content {\n padding: .875rem 1rem;\n }\n\n .so-timeline-content h3 {\n font-size: 14px;\n }\n\n .so-timeline-content p {\n font-size: 13px;\n }\n\n .so-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .so-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .so-certif-bar {\n gap: .5rem;\n }\n\n .so-certif-item {\n font-size: 11px;\n padding: 5px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .so-card {\n animation: soFadeInUp .5s ease backwards;\n }\n .so-card:nth-child(1) { animation-delay: .05s; }\n .so-card:nth-child(2) { animation-delay: .1s; }\n .so-card:nth-child(3) { animation-delay: .15s; }\n .so-card:nth-child(4) { animation-delay: .2s; }\n .so-card:nth-child(5) { animation-delay: .25s; }\n .so-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes soFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .so-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330405220729,"sku":"NBAICAV0009","price":43.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-des-la-naissance-a-lhuile-dolive-1-kg-comme-avant-lifestyle.webp?v=1776076463"},{"product_id":"savon-bourrache-argile-rouge-1kg-comme-avant","title":"Savon enrichi en huile de bourrache et argile rouge - 1 kg - Comme Avant","description":"\u003cdiv class=\"sba-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sba-hero\"\u003e\n \u003cdiv class=\"sba-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sba-hero-content\"\u003e\n \u003cdiv class=\"sba-badges-top\"\u003e\n \u003cspan class=\"sba-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"sba-badge\"\u003e🧴 Surgras 7 %\u003c\/span\u003e\n \u003cspan class=\"sba-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n \u003cspan class=\"sba-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sba-hero-title\"\u003ePain de savon à l'huile d'olive enrichi en huile de bourrache et argile rouge\u003c\/span\u003e\n \u003cp class=\"sba-subtitle\"\u003eComme Avant · Format 1 kg · Saponifié à froid\u003c\/p\u003e\n \u003cp class=\"sba-description\"\u003eLe soin lavant d'exception pour les peaux sèches et matures, artisanalement fabriqué près de Marseille avec seulement 5 ingrédients nobles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sba-section\"\u003e\n \u003ch2\u003eSavon à l'huile de bourrache \u0026amp; argile rouge : le soin d'exception pour les peaux sèches et matures\u003c\/h2\u003e\n \u003cp class=\"sba-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon naturel pour le corps\u003c\/strong\u003e et le visage qui nourrit vraiment votre peau ? Ce pain de savon de 1 kg signé \u003cstrong\u003eComme Avant\u003c\/strong\u003e, enrichi en \u003cstrong\u003ehuile de bourrache\u003c\/strong\u003e et \u003cstrong\u003eargile rouge\u003c\/strong\u003e, a été conçu pour les peaux les plus exigeantes. Saponifié à froid et certifié bio, il préserve l'intégralité des bienfaits de ses ingrédients nobles.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sba-section\"\u003e\n \u003ch2\u003ePourquoi votre peau va adorer ce savon naturel\u003c\/h2\u003e\n \u003cdiv class=\"sba-grid\"\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e🌸 Huile de bourrache\u003c\/h3\u003e\n \u003cp\u003eL'une des huiles végétales les plus riches en \u003cstrong\u003eacide gamma-linolénique (oméga-6)\u003c\/strong\u003e, un acide gras essentiel que notre corps ne produit pas seul. Elle restaure la barrière cutanée, apaise les tiraillements et redonne souplesse aux peaux déshydratées ou fragilisées par le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e🔴 Argile rouge\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés revitalisantes, elle stimule la microcirculation, ravive l'éclat du teint et apporte une douceur incomparable. D'origine italienne, elle respecte les peaux les plus délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive biologique\u003c\/h3\u003e\n \u003cp\u003eAssociée à un \u003cstrong\u003esurgras de 7 %\u003c\/strong\u003e, cette base offre un nettoyage respectueux : votre peau reste nourrie et confortable, sans aucune sensation de tiraillement après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sba-section\"\u003e\n \u003ch2\u003eComposition complète – Des ingrédients simples et transparents\u003c\/h2\u003e\n \u003cdiv class=\"sba-grid\"\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive biologique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOlea Europaea Fruit Oil\u003c\/em\u003e — Base nourrissante et protectrice, pilier de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco biologique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCocos Nucifera Oil\u003c\/em\u003e — Apporte une mousse onctueuse et un pouvoir nettoyant doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e🌸 Huile de bourrache biologique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eBorago Officinalis Seed Oil\u003c\/em\u003e — Régénérante, exceptionnellement riche en oméga-6.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e🔴 Argile rouge\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eMontmorillonite\u003c\/em\u003e — Revitalisante, originaire d'Italie, stimule l'éclat naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eGlycerin\u003c\/em\u003e — Hydratante, naturellement produite lors de la saponification à froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-tip\"\u003e\n \u003cspan class=\"sba-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans parfum, sans colorant, sans conservateur.\u003c\/strong\u003e Tous les ingrédients sont issus de l'agriculture biologique. Ce savon est vegan et 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=\"sba-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"sba-timeline\"\u003e\n \u003cdiv class=\"sba-timeline-item\"\u003e\n \u003cdiv class=\"sba-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sba-timeline-content\"\u003e\n \u003ch3\u003eDécoupez selon vos besoins\u003c\/h3\u003e\n \u003cp\u003eLe format 1 kg est idéal : découpez-le en plusieurs morceaux pour un usage économique et zéro déchet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-timeline-item\"\u003e\n \u003cdiv class=\"sba-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sba-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez vos mains et faites mousser le savon, puis appliquez sur le visage et le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-timeline-item\"\u003e\n \u003cdiv class=\"sba-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sba-timeline-content\"\u003e\n \u003ch3\u003eRincez et séchez\u003c\/h3\u003e\n \u003cp\u003eConvient à \u003cstrong\u003etoute la famille\u003c\/strong\u003e, y compris aux enfants dès 3 ans et aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-tip\"\u003e\n \u003cspan class=\"sba-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e placez chaque morceau sur un porte-savon ajouré dans un endroit sec entre deux utilisations. Un savon bien drainé peut durer plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sba-section\"\u003e\n \u003ch2\u003eFabrication artisanale près de Marseille\u003c\/h2\u003e\n \u003cdiv class=\"sba-grid-compact\"\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e🏡 Provence\u003c\/h3\u003e\n \u003cp\u003eFabriqué artisanalement par Comme Avant, engagée dans la démarche Slow Cosmétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e❄️ Saponification à froid\u003c\/h3\u003e\n \u003cp\u003eRéalisée à basse température pour préserver vitamines et acides gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e📦 Emballage kraft\u003c\/h3\u003e\n \u003cp\u003eRecyclable et compostable, dans une démarche zéro déchet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e🌱 Engagement bio\u003c\/h3\u003e\n \u003cp\u003e100 % des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sba-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"sba-accordion\"\u003e\n \u003cdetails class=\"sba-accordion-item\"\u003e\n \u003csummary class=\"sba-accordion-header\"\u003eCe savon convient-il aux peaux très sensibles ou réactives ?\u003c\/summary\u003e\n \u003cdiv class=\"sba-accordion-content mt-3\"\u003e\n \u003cp\u003eOui. Grâce à son surgras de 7 % et à l'absence de parfum ou de substance irritante, il est parfaitement adapté aux peaux sensibles, atopiques ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sba-accordion-item\"\u003e\n \u003csummary class=\"sba-accordion-header\"\u003ePeut-on l'utiliser sur le visage chaque jour ?\u003c\/summary\u003e\n \u003cdiv class=\"sba-accordion-content mt-3\"\u003e\n \u003cp\u003eTout à fait. Sa formule douce permet un usage quotidien sur le visage comme sur le corps sans risque d'assécher la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sba-accordion-item\"\u003e\n \u003csummary class=\"sba-accordion-header\"\u003eEst-il possible de l'utiliser pour d'autres usages ménagers ?\u003c\/summary\u003e\n \u003cdiv class=\"sba-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, ce savon naturel peut servir de base pour préparer une lessive maison, un nettoyant multi-surfaces ou un liquide vaisselle écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sba-accordion-item\"\u003e\n \u003csummary class=\"sba-accordion-header\"\u003ePourquoi choisir le format 1 kg ?\u003c\/summary\u003e\n \u003cdiv class=\"sba-accordion-content mt-3\"\u003e\n \u003cp\u003eLe format 1 kg est plus économique et réduit les emballages. Découpez-le en tranches et conservez les morceaux non utilisés à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"sba-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sba-cream: #f7f3ef;\n --sba-white: #ffffff;\n --sba-primary: #b5896e;\n --sba-primary-dark: #7a5a45;\n --sba-primary-light: #f0e6dd;\n --sba-secondary: #c9a48a;\n --sba-accent: #d4a07a;\n --sba-text: #1a1a1a;\n --sba-text-light: #5a5a5a;\n --sba-border: #e0d6cc;\n --sba-shadow: 0 4px 24px rgba(90,60,30,.08);\n --sba-shadow-lg: 0 12px 48px rgba(90,60,30,.15);\n --sba-radius: 20px;\n --sba-radius-sm: 12px;\n}\n\n.sba-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sba-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sba-hero {\n position: relative;\n background: linear-gradient(135deg, #7a5a45 0%, #b5896e 50%, #c9a48a 100%);\n border-radius: var(--sba-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(--sba-shadow-lg);\n}\n\n.sba-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 30px,\n rgba(255,255,255,.03) 30px,\n rgba(255,255,255,.03) 60px\n );\n opacity: 1;\n}\n\n.sba-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sba-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.sba-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.sba-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.sba-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sba-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(--sba-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sba-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sba-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sba-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sba-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.sba-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(--sba-primary), var(--sba-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sba-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sba-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n.sba-section-intro strong {\n color: var(--sba-primary-dark);\n}\n\n\/* === CARDS === *\/\n.sba-card {\n background: var(--sba-white);\n border-radius: var(--sba-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sba-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sba-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sba-shadow-lg);\n border-color: var(--sba-primary);\n}\n\n.sba-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sba-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sba-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sba-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sba-card p strong {\n color: var(--sba-text);\n}\n\n\/* === GRILLES === *\/\n.sba-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sba-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sba-grid-compact .sba-card {\n padding: 1rem;\n}\n\n.sba-grid-compact .sba-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sba-grid-compact .sba-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sba-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sba-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sba-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sba-primary), var(--sba-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.sba-timeline-content {\n flex: 1;\n background: var(--sba-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sba-radius-sm);\n box-shadow: var(--sba-shadow);\n}\n\n.sba-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sba-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sba-timeline-content p {\n font-size: 14px;\n color: var(--sba-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sba-timeline-content p strong {\n color: var(--sba-text);\n}\n\n\/* === TIP BOX === *\/\n.sba-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sba-primary-light);\n border-radius: var(--sba-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sba-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sba-tip p {\n font-size: 14px;\n color: var(--sba-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sba-accordion {\n background: var(--sba-white);\n border-radius: var(--sba-radius);\n box-shadow: var(--sba-shadow);\n overflow: hidden;\n}\n\n.sba-accordion-item {\n border-bottom: 1px solid var(--sba-border);\n margin: 0;\n padding: 0;\n}\n\n.sba-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sba-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sba-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.sba-accordion-header:hover {\n background: var(--sba-primary-light);\n}\n\n.sba-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sba-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sba-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.sba-accordion-item[open] .sba-accordion-header::after {\n content: '−';\n}\n\n.sba-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sba-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sba-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sba-disclaimer {\n font-size: 12px;\n color: var(--sba-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sba-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sba-card {\n padding: 1.125rem;\n }\n\n .sba-section {\n margin-bottom: 1.75rem;\n }\n\n .sba-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sba-radius-sm);\n }\n\n .sba-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sba-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sba-grid-compact {\n gap: .625rem;\n }\n\n .sba-grid-compact .sba-card {\n padding: .75rem;\n }\n\n .sba-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sba-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sba-timeline-content h3 {\n font-size: 14px;\n }\n\n .sba-timeline-content p {\n font-size: 13px;\n }\n\n .sba-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sba-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sba-tip {\n padding: .875rem 1rem;\n }\n\n .sba-tip-icon {\n font-size: 20px;\n }\n\n .sba-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sba-card {\n animation: sbaFadeInUp .5s ease backwards;\n }\n .sba-card:nth-child(1) { animation-delay: .05s; }\n .sba-card:nth-child(2) { animation-delay: .1s; }\n .sba-card:nth-child(3) { animation-delay: .15s; }\n .sba-card:nth-child(4) { animation-delay: .2s; }\n .sba-card:nth-child(5) { animation-delay: .25s; }\n .sba-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sbaFadeInUp {\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 .sba-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330406367609,"sku":"NBAICAV0044","price":49.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-enrichi-en-huile-de-bourrache-et-argile-rouge-1-kg-com-lifestyle.webp?v=1776173945"},{"product_id":"savon-beurre-karite-comme-avant-100g","title":"Savon pour Peaux Normales au beurre de Karité - 100 g - Comme Avant","description":"\u003cdiv class=\"sk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sk-hero\"\u003e\n \u003cdiv class=\"sk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sk-hero-content\"\u003e\n \u003cdiv class=\"sk-badges-top\"\u003e\n \u003cspan class=\"sk-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"sk-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n \u003cspan class=\"sk-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"sk-badge\"\u003e👶 Dès la naissance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sk-hero-title\"\u003eSavon au beurre de Karité\u003c\/span\u003e\n \u003cp class=\"sk-subtitle\"\u003eComme Avant — 100 g\u003c\/p\u003e\n \u003cp class=\"sk-description\"\u003eUn savon solide surgras à 7 %, saponifié à froid, avec seulement 5 ingrédients naturels. Douceur artisanale pour toute la famille, sans parfum ni huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eSavon au beurre de karité bio : la douceur artisanale venue de Marseille\u003c\/h2\u003e\n \u003cp class=\"sk-section-intro\"\u003eVous cherchez un savon beurre de karité vraiment respectueux de votre peau ? Ce savon solide Comme Avant, fabriqué artisanalement près de Marseille par saponification à froid, concentre le meilleur du karité bio dans une formule ultra-courte.\u003c\/p\u003e\n \u003cdiv class=\"sk-grid-compact\"\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🧈 Surgras 7 %\u003c\/h3\u003e\n \u003cp\u003eUn taux de surgras généreux pour nourrir et protéger votre peau à chaque lavage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🧊 Saponification à froid\u003c\/h3\u003e\n \u003cp\u003eProcédé artisanal qui préserve toutes les propriétés des huiles végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eAucun parfum ni huile essentielle pour une tolérance maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes OK\u003c\/h3\u003e\n \u003cp\u003eUtilisation en toute sérénité pendant la grossesse et l'allaitement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de ce savon au karité\u003c\/h2\u003e\n \u003cp class=\"sk-section-intro\"\u003eContrairement aux gels douche industriels, ce savon conserve toute la glycérine naturelle produite lors de la saponification. Votre peau est nettoyée sans être décapée, et le film hydrolipidique reste intact.\u003c\/p\u003e\n \u003cdiv class=\"sk-grid\"\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e💧 Hydrate et nourrit\u003c\/h3\u003e\n \u003cp\u003eLe surgras de 7 % laisse un voile protecteur sur la peau, idéal contre les tiraillements et la sécheresse cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🫧 Nettoie en douceur\u003c\/h3\u003e\n \u003cp\u003eLa mousse crémeuse, favorisée par l'argile jaune, élimine les impuretés sans agresser l'épiderme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e⚖️ Respecte l'équilibre cutané\u003c\/h3\u003e\n \u003cp\u003eZéro parfum, zéro colorant, zéro conservateur de synthèse : votre peau retrouve son équilibre naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e♻️ Économique et écologique\u003c\/h3\u003e\n \u003cp\u003eUn pain de 100 g remplace environ un flacon de 250 mL de gel douche, avec un emballage minimal en carton recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"sk-grid-compact\"\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🌸 Peaux normales à sèches\u003c\/h3\u003e\n \u003cp\u003eLe karité nourrit sans alourdir, pour un confort longue durée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🛡️ Peaux sensibles ou réactives\u003c\/h3\u003e\n \u003cp\u003eLa formule épurée limite tout risque d'irritation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e👶 Bébés dès la naissance\u003c\/h3\u003e\n \u003cp\u003eAdapté à leur peau fragile grâce à l'absence de parfum et d'allergènes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes et allaitantes\u003c\/h3\u003e\n \u003cp\u003eSans huiles essentielles, il s'utilise en toute sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"sk-certif-badges\"\u003e\n \u003cspan class=\"sk-certif-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"sk-certif-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"sk-certif-badge\"\u003e🐌 Slow Cosmétique\u003c\/span\u003e\n \u003cspan class=\"sk-certif-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-inci-box\"\u003e\n \u003cp class=\"sk-inci-text\"\u003eSodium Cocoate, Sodium Olivate, Aqua, Sodium Shea Butterate, Glycerin, Kaolin, Olea Europaea Fruit Oil, Cocos Nucifera Oil, Butyrospermum Parkii Butter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-grid\"\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eOrigine Ghana — Riche en vitamines A et E, il nourrit et protège la peau en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eOrigine Espagne — Adoucissante et émolliente, elle enveloppe la peau d'un voile de douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n \u003cp\u003eOrigine Philippines\/Sri Lanka — Apporte une mousse onctueuse et un pouvoir nettoyant naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🟡 Argile jaune (Kaolin)\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'excès de sébum en douceur tout en respectant les peaux les plus délicates\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-tip\"\u003e\n \u003cspan class=\"sk-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003eSans colorant, sans conservateur, sans parfum ni huiles essentielles. Seulement 5 ingrédients naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eComment l'utiliser au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"sk-timeline\"\u003e\n \u003cdiv class=\"sk-timeline-item\"\u003e\n \u003cdiv class=\"sk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez le savon et votre peau, puis faites mousser entre vos mains ou sur un gant de toilette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-item\"\u003e\n \u003cdiv class=\"sk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-content\"\u003e\n \u003ch3\u003eAppliquez et rincez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage et le corps par mouvements doux, puis rincez abondamment à l'eau claire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-item\"\u003e\n \u003cdiv class=\"sk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-content\"\u003e\n \u003ch3\u003eFaites sécher\u003c\/h3\u003e\n \u003cp\u003eEntre chaque utilisation, posez-le sur un porte-savon drainant pour qu'il sèche et dure plus longtemps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-tip\"\u003e\n \u003cspan class=\"sk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAstuce : sur peau légèrement humide, appliquez quelques gouttes d'huile végétale pour renforcer l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eEngagements et traçabilité\u003c\/h2\u003e\n \u003cdiv class=\"sk-testimonial\"\u003e\n \u003cp class=\"sk-testimonial-text\"\u003eComme Avant mise sur la transparence. Chaque pain est fabriqué artisanalement près de Marseille, selon un procédé à froid qui préserve les propriétés des huiles végétales. L'emballage en carton recyclable reflète cette volonté de réduire l'impact environnemental. Pour les amateurs de beurre de karité bio, ce savon offre une alternative certifiée et écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eFiche technique\u003c\/h2\u003e\n \u003cdiv class=\"sk-accordion\"\u003e\n \u003cdetails class=\"sk-accordion-item\" open\u003e\n \u003csummary class=\"sk-accordion-header\"\u003e📋 Caractéristiques du produit\u003c\/summary\u003e\n \u003cdiv class=\"sk-accordion-content mt-3\"\u003e\n \u003cdiv class=\"sk-grid-compact\"\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e⚖️ Poids\u003c\/h3\u003e\n \u003cp\u003e100 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🧼 Type\u003c\/h3\u003e\n \u003cp\u003eSavon solide surgras (7 %)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🎯 Zone d'application\u003c\/h3\u003e\n \u003cp\u003eVisage et corps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🌬️ Parfum\u003c\/h3\u003e\n \u003cp\u003eSans parfum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e✅ Certifications\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic, Vegan, Slow Cosmétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance, près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sk-accordion-item\"\u003e\n \u003csummary class=\"sk-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"sk-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas d'irritation, 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=\"sk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sk-cta-box\"\u003e\n \u003cp\u003e🌿 5 ingrédients naturels · Surgras 7 % · Saponifié à froid près de Marseille\u003cbr\u003eUn savon doux, bio et artisanal pour toute la famille, dès la naissance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sk-cream: #faf5ef;\n --sk-white: #ffffff;\n --sk-primary: #c4946a;\n --sk-primary-dark: #8b5e3c;\n --sk-primary-light: #f5ebe2;\n --sk-secondary: #d4a86a;\n --sk-accent: #4a7c59;\n --sk-text: #1a1a1a;\n --sk-text-light: #5a5a5a;\n --sk-border: #e8ddd2;\n --sk-shadow: 0 4px 24px rgba(139,94,60,.08);\n --sk-shadow-lg: 0 12px 48px rgba(139,94,60,.15);\n --sk-radius: 20px;\n --sk-radius-sm: 12px;\n}\n\n.sk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sk-hero {\n position: relative;\n background: linear-gradient(135deg, #c4946a 0%, #a87b52 40%, #8b5e3c 100%);\n border-radius: var(--sk-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(--sk-shadow-lg);\n}\n\n.sk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.sk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sk-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.sk-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}\n\n.sk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sk-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(--sk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sk-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.sk-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(--sk-primary), var(--sk-secondary));\n border-radius: 2px;\n}\n\n.sk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sk-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.sk-card {\n background: var(--sk-white);\n border-radius: var(--sk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sk-shadow-lg);\n border-color: var(--sk-primary);\n}\n\n.sk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sk-grid-compact .sk-card {\n padding: 1rem;\n}\n\n.sk-grid-compact .sk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sk-grid-compact .sk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sk-primary), var(--sk-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.sk-timeline-content {\n flex: 1;\n background: var(--sk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sk-radius-sm);\n box-shadow: var(--sk-shadow);\n}\n\n.sk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sk-timeline-content p {\n font-size: 14px;\n color: var(--sk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sk-testimonial {\n background: var(--sk-white);\n border-radius: var(--sk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sk-shadow);\n border-left: 4px solid var(--sk-primary);\n}\n\n.sk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CERTIF BADGES === *\/\n.sk-certif-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.25rem;\n}\n\n.sk-certif-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 14px;\n background: var(--sk-primary-light);\n border: 1px solid var(--sk-border);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sk-primary-dark);\n}\n\n\/* === INCI BOX === *\/\n.sk-inci-box {\n background: var(--sk-white);\n border-radius: var(--sk-radius-sm);\n padding: 1rem 1.25rem;\n margin-bottom: 1.25rem;\n border: 1px dashed var(--sk-border);\n text-align: center;\n}\n\n.sk-inci-text {\n font-size: 13px;\n color: var(--sk-text-light);\n line-height: 1.7;\n font-family: monospace, monospace;\n margin: 0;\n word-break: break-word;\n}\n\n\/* === ACCORDÉON === *\/\n.sk-accordion {\n background: var(--sk-white);\n border-radius: var(--sk-radius);\n box-shadow: var(--sk-shadow);\n overflow: hidden;\n}\n\n.sk-accordion-item {\n border-bottom: 1px solid var(--sk-border);\n margin: 0;\n padding: 0;\n}\n\n.sk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sk-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.sk-accordion-header:hover {\n background: var(--sk-primary-light);\n}\n\n.sk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sk-primary);\n transition: transform .2s ease;\n}\n\n.sk-accordion-item[open] .sk-accordion-header::after {\n content: '−';\n}\n\n.sk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sk-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sk-primary-light);\n border-radius: var(--sk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sk-tip p {\n font-size: 14px;\n color: var(--sk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sk-cta-box {\n background: linear-gradient(135deg, var(--sk-primary) 0%, var(--sk-primary-dark) 100%);\n border-radius: var(--sk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sk-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 .sk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sk-card {\n padding: 1.125rem;\n }\n\n .sk-section {\n margin-bottom: 1.75rem;\n }\n\n .sk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sk-radius-sm);\n }\n\n .sk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sk-grid-compact {\n gap: .625rem;\n }\n\n .sk-grid-compact .sk-card {\n padding: .75rem;\n }\n\n .sk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sk-timeline-content h3 {\n font-size: 14px;\n }\n\n .sk-timeline-content p {\n font-size: 13px;\n }\n\n .sk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sk-testimonial {\n padding: 1.25rem;\n }\n\n .sk-testimonial-text {\n font-size: 14px;\n }\n\n .sk-certif-badges {\n gap: 6px;\n }\n\n .sk-certif-badge {\n font-size: 12px;\n padding: 5px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sk-card {\n animation: skFadeInUp .5s ease backwards;\n }\n .sk-card:nth-child(1) { animation-delay: .05s; }\n .sk-card:nth-child(2) { animation-delay: .1s; }\n .sk-card:nth-child(3) { animation-delay: .15s; }\n .sk-card:nth-child(4) { animation-delay: .2s; }\n .sk-card:nth-child(5) { animation-delay: .25s; }\n .sk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes skFadeInUp {\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 .sk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330409513337,"sku":"NBAICAV0084","price":6.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-pour-peaux-normales-au-beurre-de-karite-100g-comme-avant.webp?v=1759394431"},{"product_id":"savon-huile-baies-laurier-100g-comme-avant","title":"Savon pour Peaux à imperfections à l’huile de Baies de Laurier - 100 g - Comme Avant","description":"\u003cdiv class=\"sl-premium\"\u003e\n\n\u003cdiv class=\"sl-hero\"\u003e\n\u003cdiv class=\"sl-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sl-hero-content\"\u003e\n\u003cdiv class=\"sl-badges-top\"\u003e\n\u003cspan class=\"sl-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n\u003cspan class=\"sl-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n\u003cspan class=\"sl-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n\u003cspan class=\"sl-badge\"\u003e🧪 Seulement 5 ingrédients\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sl-hero-title\"\u003eSavon à l'huile de baies de Laurier\u003c\/span\u003e\n\u003cp class=\"sl-subtitle\"\u003eComme Avant — 100 g\u003c\/p\u003e\n\u003cp class=\"sl-description\"\u003eLe soin purifiant d'exception pour les peaux à imperfections. Saponifié à froid, surgras à 7 %, sans parfum de synthèse ni colorant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"sl-section\"\u003e\n\u003ch2\u003eSavon à l'huile de baies de laurier Comme Avant : le soin purifiant pour les peaux à imperfections\u003c\/h2\u003e\n\u003cp class=\"sl-section-intro\"\u003eVous cherchez une alternative naturelle au savon anti-acné classique, sans ingrédients de synthèse ni compromis sur l'efficacité ?\u003c\/p\u003e\n\u003cdiv class=\"sl-grid-compact\"\u003e\n\u003cdiv class=\"sl-card\"\u003e\n\u003ch3\u003e🍃 Purifie en douceur\u003c\/h3\u003e\n\u003cp\u003eNettoie la peau en profondeur grâce à l'huile de baies de laurier et l'argile verte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-card\"\u003e\n\u003ch3\u003e💧 Apaise les irritations\u003c\/h3\u003e\n\u003cp\u003eCalme les rougeurs et les inflammations sans agresser la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-card\"\u003e\n\u003ch3\u003e⚖️ Rééquilibre le sébum\u003c\/h3\u003e\n\u003cp\u003eRégule l'excès de gras pour une peau matifiée et nette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-card\"\u003e\n\u003ch3\u003e🛡️ Surgras 7 %\u003c\/h3\u003e\n\u003cp\u003eRespecte le film hydrolipidique, zéro sensation de tiraillement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sl-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce savon pour votre peau ?\u003c\/h2\u003e\n\u003cp class=\"sl-section-intro\"\u003eContrairement aux savons industriels dont la composition reste incertaine, ce savon certifié COSMOS Organic offre une traçabilité totale et une formule épurée.\u003c\/p\u003e\n\u003cdiv class=\"sl-grid\"\u003e\n\u003cdiv class=\"sl-card sl-card-highlight\"\u003e\n\u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n\u003cp\u003eVéritable star du savon d'Alep traditionnel, elle est reconnue pour ses vertus purifiantes et apaisantes. Retrouvez l'efficacité d'un savon d'Alep 40 à 55 % d'huile de baies de laurier dans une formule certifiée bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-card sl-card-highlight\"\u003e\n\u003ch3\u003e🧱 Argile verte Montmorillonite\u003c\/h3\u003e\n\u003cp\u003eElle absorbe l'excès de sébum, élimine les impuretés et aide à réduire l'apparence des boutons, à l'image d'un savon vert acné naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-tip\"\u003e\n\u003cspan class=\"sl-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e votre peau est nettoyée en profondeur, apaisée et rééquilibrée, sans sensation de tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sl-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"sl-grid\"\u003e\n\u003cdiv class=\"sl-card\"\u003e\n\u003ch3\u003e🫒 Sodium Olivate\u003c\/h3\u003e\n\u003cp\u003eHuile d'olive bio — hydrate, nourrit et protège le film hydrolipidique de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-card\"\u003e\n\u003ch3\u003e🥥 Sodium Cocoate\u003c\/h3\u003e\n\u003cp\u003eHuile de coco bio — génère une mousse onctueuse et laisse la peau douce\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-card\"\u003e\n\u003ch3\u003e💧 Aqua \u0026amp; Glycerin\u003c\/h3\u003e\n\u003cp\u003eEau purifiée et glycérine naturelle issue de la saponification à froid, maintient l'hydratation cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-card\"\u003e\n\u003ch3\u003e🌿 Laurus Nobilis Fruit Oil\u003c\/h3\u003e\n\u003cp\u003eHuile de baies de laurier — purifie et calme les peaux à imperfections\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-card\"\u003e\n\u003ch3\u003e🧱 Montmorillonite\u003c\/h3\u003e\n\u003cp\u003eArgile verte — régule le sébum et absorbe les toxines en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-tip\"\u003e\n\u003cspan class=\"sl-tip-icon\"\u003e🌱\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans colorant, sans parfum de synthèse\u003c\/strong\u003e, certifié vegan. Une alternative bien plus douce que les crèmes chargées en agents chimiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sl-section\"\u003e\n\u003ch2\u003eComment bien utiliser ce savon au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"sl-timeline\"\u003e\n\u003cdiv class=\"sl-timeline-item\"\u003e\n\u003cdiv class=\"sl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sl-timeline-content\"\u003e\n\u003ch3\u003eMouillez\u003c\/h3\u003e\n\u003cp\u003eHumidifiez votre peau et le savon à l'eau tiède\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-timeline-item\"\u003e\n\u003cdiv class=\"sl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sl-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFrottez le savon entre vos mains jusqu'à obtenir une mousse onctueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-timeline-item\"\u003e\n\u003cdiv class=\"sl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sl-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement le visage et le corps en évitant le contour des yeux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-timeline-item\"\u003e\n\u003cdiv class=\"sl-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"sl-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire, puis conservez le savon au sec sur un porte-savon aéré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-tip\"\u003e\n\u003cspan class=\"sl-tip-icon\"\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\n\u003cp\u003eConvient à \u003cstrong\u003etoute la famille\u003c\/strong\u003e, y compris aux enfants dès 3 ans et aux femmes enceintes ou allaitantes. Son format 100 g est pratique pour voyager.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sl-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"sl-accordion\"\u003e\n\u003cdetails class=\"sl-accordion-item\"\u003e\n\u003csummary class=\"sl-accordion-header\"\u003e💊 Ce savon remplace-t-il un traitement contre l'acné ?\u003c\/summary\u003e\n\u003cdiv class=\"sl-accordion-content mt-3\"\u003e\n\u003cp\u003eNon. Ce savon purifiant est un complément d'hygiène quotidien. Il ne remplace en aucun cas un traitement prescrit par un dermatologue. En cas d'acné sévère, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sl-accordion-item\"\u003e\n\u003csummary class=\"sl-accordion-header\"\u003e🏺 Est-il comparable à un savon d'Alep bio ?\u003c\/summary\u003e\n\u003cdiv class=\"sl-accordion-content mt-3\"\u003e\n\u003cp\u003eIl s'en inspire largement grâce à l'huile de baies de laurier, mais bénéficie d'une certification COSMOS Organic et d'une fabrication française contrôlée, garantissant une qualité constante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sl-accordion-item\"\u003e\n\u003csummary class=\"sl-accordion-header\"\u003e🧴 Peut-on l'utiliser sur le visage tous les jours ?\u003c\/summary\u003e\n\u003cdiv class=\"sl-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, son surgras de 7 % et sa formule douce permettent une utilisation quotidienne, matin et soir, sans dessécher la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sl-accordion-item\"\u003e\n\u003csummary class=\"sl-accordion-header\"\u003e♻️ L'emballage est-il écologique ?\u003c\/summary\u003e\n\u003cdiv class=\"sl-accordion-content mt-3\"\u003e\n\u003cp\u003eAbsolument. L'étui est recyclable et compostable, en cohérence avec la démarche zéro déchet de Comme Avant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sl-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ce savon purifiant est un produit d'hygiène et ne constitue pas un traitement médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sl-cream: #f5f2ed;\n --sl-white: #ffffff;\n --sl-primary: #8a9a6c;\n --sl-primary-dark: #5c6b47;\n --sl-primary-light: #e8ecdf;\n --sl-secondary: #b5a788;\n --sl-accent: #c4b99a;\n --sl-text: #1a1a1a;\n --sl-text-light: #5a5a5a;\n --sl-border: #ddd8cf;\n --sl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sl-radius: 20px;\n --sl-radius-sm: 12px;\n}\n\n.sl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sl-hero {\n position: relative;\n background: linear-gradient(135deg, #5c6b47 0%, #8a9a6c 50%, #b5a788 100%);\n border-radius: var(--sl-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(--sl-shadow-lg);\n}\n\n.sl-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.sl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sl-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.sl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sl-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(--sl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sl-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.sl-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sl-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.sl-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(--sl-primary), var(--sl-secondary));\n border-radius: 2px;\n}\n\n.sl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sl-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.sl-card {\n background: var(--sl-white);\n border-radius: var(--sl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sl-shadow-lg);\n border-color: var(--sl-primary);\n}\n\n.sl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sl-card-highlight {\n border-left: 4px solid var(--sl-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.sl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sl-grid-compact .sl-card {\n padding: 1rem;\n}\n\n.sl-grid-compact .sl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sl-grid-compact .sl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sl-primary), var(--sl-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.sl-timeline-content {\n flex: 1;\n background: var(--sl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sl-radius-sm);\n box-shadow: var(--sl-shadow);\n}\n\n.sl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sl-timeline-content p {\n font-size: 14px;\n color: var(--sl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sl-primary-light);\n border-radius: var(--sl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sl-tip p {\n font-size: 14px;\n color: var(--sl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sl-accordion {\n background: var(--sl-white);\n border-radius: var(--sl-radius);\n box-shadow: var(--sl-shadow);\n overflow: hidden;\n}\n\n.sl-accordion-item {\n border-bottom: 1px solid var(--sl-border);\n margin: 0;\n padding: 0;\n}\n\n.sl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sl-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.sl-accordion-header:hover {\n background: var(--sl-primary-light);\n}\n\n.sl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sl-primary);\n transition: transform .2s ease;\n}\n\n.sl-accordion-item[open] .sl-accordion-header::after {\n content: '−';\n}\n\n.sl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sl-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sl-disclaimer {\n font-size: 12px;\n color: var(--sl-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 .sl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sl-card {\n padding: 1.125rem;\n }\n\n .sl-section {\n margin-bottom: 1.75rem;\n }\n\n .sl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sl-radius-sm);\n }\n\n .sl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sl-grid-compact {\n gap: .625rem;\n }\n\n .sl-grid-compact .sl-card {\n padding: .75rem;\n }\n\n .sl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sl-timeline-content h3 {\n font-size: 14px;\n }\n\n .sl-timeline-content p {\n font-size: 13px;\n }\n\n .sl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sl-testimonial {\n padding: 1.25rem;\n }\n\n .sl-testimonial-text {\n font-size: 14px;\n }\n\n .sl-card-highlight {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sl-card {\n animation: slFadeInUp .5s ease backwards;\n }\n .sl-card:nth-child(1) { animation-delay: .05s; }\n .sl-card:nth-child(2) { animation-delay: .1s; }\n .sl-card:nth-child(3) { animation-delay: .15s; }\n .sl-card:nth-child(4) { animation-delay: .2s; }\n .sl-card:nth-child(5) { animation-delay: .25s; }\n .sl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes slFadeInUp {\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 .sl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330411839865,"sku":"NBAICAV0099","price":6.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-peaux-imperfections-huile-baies-laurier-100g-comme-avant_2_11zon.jpg?v=1759496720"},{"product_id":"savon-huile-bourrache-100g-comme-avant","title":"Savon pour Peaux Sèches à l’huile de Bourrache - 100 g - Comme Avant","description":"\u003cdiv class=\"sb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sb-hero\"\u003e\n \u003cdiv class=\"sb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sb-hero-content\"\u003e\n \u003cdiv class=\"sb-badges-top\"\u003e\n \u003cspan class=\"sb-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e🐇 Vegan\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e🧴 Seulement 6 ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sb-hero-title\"\u003eSavon à l'huile de Bourrache\u003c\/span\u003e\n \u003cp class=\"sb-subtitle\"\u003eLe soin artisanal pensé pour les peaux sèches et sensibles\u003c\/p\u003e\n \u003cp class=\"sb-description\"\u003eSaponifié à froid, surgras à 7 %, ce savon de 100 g nourrit et protège votre peau avec une composition minimaliste et 100 % naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eSavon à l'huile de bourrache Comme Avant : le soin idéal pour les peaux sèches\u003c\/h2\u003e\n \u003cp class=\"sb-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon pour peau sèche\u003c\/strong\u003e vraiment efficace, sans ingrédients superflus ? Ce savon artisanal à l'huile de bourrache de Comme Avant a été pensé pour répondre aux besoins des peaux en manque de confort.\u003c\/p\u003e\n \u003cdiv class=\"sb-grid-compact\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌾 6 ingrédients\u003c\/h3\u003e\n \u003cp\u003eUne formule courte, transparente et d'origine 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🧴 Surgras 7 %\u003c\/h3\u003e\n \u003cp\u003eProtège le film hydrolipidique sans jamais agresser la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌸 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eSpécialement formulé pour les peaux qui tirent et manquent de confort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🚫 Sans superflu\u003c\/h3\u003e\n \u003cp\u003eAucun parfum, aucun conservateur, aucun colorant artificiel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de bourrache est exceptionnelle pour les peaux sèches\u003c\/h2\u003e\n \u003cp class=\"sb-section-intro\"\u003eL'huile de bourrache est l'une des huiles végétales les plus riches en \u003cstrong\u003eacide gamma-linolénique\u003c\/strong\u003e, un acide gras essentiel que notre corps ne produit pas seul. C'est précisément cet actif qui aide la peau à retrouver souplesse et élasticité.\u003c\/p\u003e\n \u003cdiv class=\"sb-grid\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eL'acide gamma-linolénique pénètre les couches cutanées pour restaurer durablement le confort des peaux qui tirent après la douche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e✨ Souplesse et élasticité\u003c\/h3\u003e\n \u003cp\u003eRedonne à la peau sa capacité à se régénérer, atténuant les zones rugueuses et les sensations d'inconfort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🫒 Synergie d'huiles végétales\u003c\/h3\u003e\n \u003cp\u003eContrairement à un savon d'alep classique, il combine bourrache, olive bio et coco bio pour une nutrition complète et une mousse onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eUne composition courte, transparente et certifiée bio\u003c\/h2\u003e\n \u003cp class=\"sb-section-intro\"\u003eVoici la liste complète des ingrédients de ce savon pour peau très sèche :\u003c\/p\u003e\n \u003cdiv class=\"sb-grid\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive biologique\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et favorise le renouvellement cellulaire pour une peau douce et repulpée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco biologique\u003c\/h3\u003e\n \u003cp\u003eApporte une mousse douce et crémeuse tout en assurant un nettoyage délicat au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌺 Huile de bourrache biologique\u003c\/h3\u003e\n \u003cp\u003eAméliore l'hydratation et l'élasticité cutanée grâce à sa richesse en acides gras essentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e💦 Glycérine naturelle\u003c\/h3\u003e\n \u003cp\u003eIssue de la saponification à froid, elle maintient l'hydratation et préserve la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🔴 Argile rouge\u003c\/h3\u003e\n \u003cp\u003eFavorise la microcirculation et offre un teint lumineux tout en apportant sa teinte naturelle au savon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e⚗️ Hydroxyde de sodium\u003c\/h3\u003e\n \u003cp\u003eNécessaire à la saponification, il est entièrement transformé dans le produit fini et ne subsiste plus dans le savon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-tip\"\u003e\n \u003cspan class=\"sb-tip-icon\"\u003e🏅\u003c\/span\u003e\n \u003cp\u003eCe savon est \u003cstrong\u003ecertifié COSMOS Organic\u003c\/strong\u003e, labellisé \u003cstrong\u003eSlow Cosmétique\u003c\/strong\u003e et \u003cstrong\u003evegan\u003c\/strong\u003e. Avec un \u003cstrong\u003esurgras de 7 %\u003c\/strong\u003e, il protège le film hydrolipidique de la peau au lieu de l'agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"sb-timeline\"\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003eMouillez le savon\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains humides ou à l'aide d'un gant de toilette pour obtenir une mousse onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur le visage et le corps\u003c\/h3\u003e\n \u003cp\u003eCe savon visage peau sèche s'utilise aussi bien sur le corps que sur le visage, y compris les zones fragiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment. Votre peau reste douce et confortable, sans sensation de tiraillement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003ePosez votre savon sur un porte-savon aéré pour prolonger sa durée de vie. Un pain de 100 g dure en moyenne 4 à 6 semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-tip\"\u003e\n \u003cspan class=\"sb-tip-icon\"\u003e👨‍👩‍👧\u003c\/span\u003e\n \u003cp\u003eCe savon convient aux adultes, aux \u003cstrong\u003efemmes enceintes\u003c\/strong\u003e et aux \u003cstrong\u003eenfants dès 3 ans\u003c\/strong\u003e. Adapté à toute la famille, femme comme homme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eFabriqué artisanalement près de Marseille\u003c\/h2\u003e\n \u003cdiv class=\"sb-testimonial\"\u003e\n \u003cp class=\"sb-testimonial-text\"\u003eChaque pain est fabriqué par \u003cstrong\u003esaponification à froid\u003c\/strong\u003e dans l'atelier Comme Avant, près de Marseille. Ce procédé artisanal préserve intégralement les propriétés des huiles végétales, contrairement aux savons industriels chauffés à haute température. Le résultat : un savon naturellement riche en glycérine et en actifs nourrissants, pour le meilleur soin des peaux très sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-grid-compact\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e❄️ Saponification à froid\u003c\/h3\u003e\n \u003cp\u003ePréserve 100 % des actifs des huiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🏭 Atelier Comme Avant\u003c\/h3\u003e\n \u003cp\u003eFabrication artisanale près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌡️ Basse température\u003c\/h3\u003e\n \u003cp\u003eAucune chauffe agressive des ingrédients\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🧪 Riche en glycérine\u003c\/h3\u003e\n \u003cp\u003eNaturellement produite par le procédé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"sb-accordion\"\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003eCe savon convient-il aux peaux sensibles et réactives ?\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n \u003cp\u003eOui. Sa formule minimaliste sans parfum ni conservateur en fait un savon pour la peau sèche et sensible particulièrement bien toléré. Réalisez un test au creux du coude si vous êtes sujet aux allergies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003ePeut-on l'utiliser sur le visage ?\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. Son surgras de 7 % et l'absence d'agents irritants en font un excellent savon visage peau sèche, même pour les zones fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003eQuelle différence avec un savon classique du commerce ?\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n \u003cp\u003eLes savons industriels contiennent souvent des parfums synthétiques et des conservateurs potentiellement asséchants. Ce savon Comme Avant mise sur la simplicité et la qualité des matières premières biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"sb-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sb-cream: #faf6f1;\n --sb-white: #ffffff;\n --sb-primary: #c4856c;\n --sb-primary-dark: #8b5e4b;\n --sb-primary-light: #f5ebe4;\n --sb-secondary: #d4a088;\n --sb-accent: #b97d6a;\n --sb-text: #1a1a1a;\n --sb-text-light: #5a5a5a;\n --sb-border: #e8ddd4;\n --sb-shadow: 0 4px 24px rgba(139,94,75,.08);\n --sb-shadow-lg: 0 12px 48px rgba(139,94,75,.15);\n --sb-radius: 20px;\n --sb-radius-sm: 12px;\n}\n\n.sb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sb-hero {\n position: relative;\n background: linear-gradient(135deg, #8b5e4b 0%, #c4856c 50%, #d4a088 100%);\n border-radius: var(--sb-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(--sb-shadow-lg);\n}\n\n.sb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sb-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.sb-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 text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.sb-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.sb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sb-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(--sb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sb-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.sb-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(--sb-primary), var(--sb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sb-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.sb-card {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sb-shadow-lg);\n border-color: var(--sb-primary);\n}\n\n.sb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sb-grid-compact .sb-card {\n padding: 1rem;\n}\n\n.sb-grid-compact .sb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sb-grid-compact .sb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sb-primary), var(--sb-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.sb-timeline-content {\n flex: 1;\n background: var(--sb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sb-radius-sm);\n box-shadow: var(--sb-shadow);\n}\n\n.sb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sb-timeline-content p {\n font-size: 14px;\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sb-testimonial {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sb-shadow);\n border-left: 4px solid var(--sb-primary);\n margin-bottom: 1.5rem;\n}\n\n.sb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sb-primary-light);\n border-radius: var(--sb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sb-tip p {\n font-size: 14px;\n color: var(--sb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sb-accordion {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n box-shadow: var(--sb-shadow);\n overflow: hidden;\n}\n\n.sb-accordion-item {\n border-bottom: 1px solid var(--sb-border);\n margin: 0;\n padding: 0;\n}\n\n.sb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sb-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.sb-accordion-header:hover {\n background: var(--sb-primary-light);\n}\n\n.sb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sb-primary);\n transition: transform .2s ease;\n}\n\n.sb-accordion-item[open] .sb-accordion-header::after {\n content: '−';\n}\n\n.sb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sb-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sb-disclaimer {\n font-size: 12px;\n color: var(--sb-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 .sb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sb-card {\n padding: 1.125rem;\n }\n\n .sb-section {\n margin-bottom: 1.75rem;\n }\n\n .sb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sb-radius-sm);\n }\n\n .sb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sb-grid-compact {\n gap: .625rem;\n }\n\n .sb-grid-compact .sb-card {\n padding: .75rem;\n }\n\n .sb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sb-timeline-content h3 {\n font-size: 14px;\n }\n\n .sb-timeline-content p {\n font-size: 13px;\n }\n\n .sb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sb-testimonial {\n padding: 1.25rem;\n }\n\n .sb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sb-card {\n animation: sbFadeInUp .5s ease backwards;\n }\n .sb-card:nth-child(1) { animation-delay: .05s; }\n .sb-card:nth-child(2) { animation-delay: .1s; }\n .sb-card:nth-child(3) { animation-delay: .15s; }\n .sb-card:nth-child(4) { animation-delay: .2s; }\n .sb-card:nth-child(5) { animation-delay: .25s; }\n .sb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sbFadeInUp {\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 .sb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330411905401,"sku":"NBAICAV0100","price":6.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-peaux-seches-huile-bourrache-100g-comme-avant_packshot_11zon.jpg?v=1759497909"},{"product_id":"savon-exfoliant-aux-tourteaux-de-moringa-100-g-comptoir-des-huiles","title":"Savon exfoliant aux tourteaux de Moringa - 100 g - Comptoir des Huiles","description":"\u003cdiv class=\"se-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"se-hero\"\u003e\n \u003cdiv class=\"se-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"se-hero-content\"\u003e\n \u003cdiv class=\"se-badges-top\"\u003e\n \u003cspan class=\"se-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"se-badge\"\u003e🤲 Fabriqué à la main\u003c\/span\u003e\n \u003cspan class=\"se-badge\"\u003e🧴 Surgras 7 %\u003c\/span\u003e\n \u003cspan class=\"se-badge\"\u003e🇫🇷 Saponification à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"se-hero-title\"\u003eSavon Exfoliant aux Tourteaux de Moringa\u003c\/span\u003e\n \u003cp class=\"se-subtitle\"\u003eComptoir des Huiles — 100 g\u003c\/p\u003e\n \u003cp class=\"se-description\"\u003eUn gommage végétal artisanal qui exfolie, adoucit et nourrit votre peau en un seul geste, grâce à la puissance du Moringa et des huiles biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"se-section\"\u003e\n \u003ch2\u003eSavon exfoliant aux tourteaux de Moringa : un gommage naturel et nourrissant\u003c\/h2\u003e\n \u003cp class=\"se-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon exfoliant corps\u003c\/strong\u003e qui gomme en douceur sans agresser votre peau ? Le \u003cstrong\u003eSavon Exfoliant aux Tourteaux de Moringa\u003c\/strong\u003e de Comptoir des Huiles combine nettoyage, gommage et nutrition en un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"se-grid-compact\"\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🧊 Saponification à froid\u003c\/h3\u003e\n \u003cp\u003eProcédé artisanal qui conserve toute la richesse des huiles végétales biologiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🌱 Tourteaux de Moringa\u003c\/h3\u003e\n \u003cp\u003eParticules végétales de graine pour une exfoliation mécanique naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e✨ Peau douce et lisse\u003c\/h3\u003e\n \u003cp\u003eÉlimine les cellules mortes sans micro-rayures ni irritation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e💧 Nutrition profonde\u003c\/h3\u003e\n \u003cp\u003eHuiles bio de coco, baobab, jatropha et ricin pour nourrir l'épiderme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"se-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon exfoliant naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"se-grid\"\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🪶 Exfoliation douce et efficace\u003c\/h3\u003e\n \u003cp\u003eLes particules de tourteaux de Moringa désincrustent la peau et stimulent le renouvellement cellulaire, sans agression. Idéal comme \u003cstrong\u003esavon exfoliant visage\u003c\/strong\u003e et corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🥑 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eEnrichi en huiles de coco, baobab, jatropha et ricin biologiques, il apporte des acides gras essentiels (oméga 6 et 9) ainsi que des vitamines A et E directement à votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🛡️ Surgras à 7 %\u003c\/h3\u003e\n \u003cp\u003eCe taux généreux préserve le film hydrolipidique naturel de votre peau. Aucune sensation de tiraillement après le rinçage, même sur les peaux les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🤰 Sans parfum ni huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eFormulé pour les peaux sensibles, réactives et même celles des femmes enceintes qui souhaitent un gommage sans risque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🌿 100 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e83,6 % d'ingrédients biologiques\u003c\/strong\u003e : une composition transparente, courte et irréprochable pour prendre soin de votre peau en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"se-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"se-composition-box\"\u003e\n \u003cp class=\"se-composition-text\"\u003e\u003cstrong\u003eIngrédients\u003c\/strong\u003e : Sodium Cocoate*, Sodium Jatropha Mahafalensis Seedate*, Sodium Baobabate*, Glycerin, Sodium Castorate*, Moringa Oleifera Seed Cake*, Cocos Nucifera Oil*, Jatropha Mahafalensis Seed Oil*, Adansonia Grandidieri Seed Oil*, Ricinus Communis Seed Oil*\u003c\/p\u003e\n \u003cp class=\"se-composition-note\"\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-tip\"\u003e\n \u003cspan class=\"se-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eSeulement \u003cstrong\u003e10 ingrédients\u003c\/strong\u003e : pas de conservateur, pas de colorant, pas de tensioactif de synthèse. Vous savez exactement ce que vous appliquez sur votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"se-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon gommant ?\u003c\/h2\u003e\n \u003cdiv class=\"se-timeline\"\u003e\n \u003cdiv class=\"se-timeline-item\"\u003e\n \u003cdiv class=\"se-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"se-timeline-content\"\u003e\n \u003ch3\u003eMouillez votre peau\u003c\/h3\u003e\n \u003cp\u003eSous la douche, humidifiez votre corps et faites mousser le savon entre vos mains ou directement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-timeline-item\"\u003e\n \u003cdiv class=\"se-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"se-timeline-content\"\u003e\n \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eAppliquez par \u003cstrong\u003emouvements circulaires doux\u003c\/strong\u003e, en insistant sur les zones rugueuses : coudes, genoux, talons, cuisses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-timeline-item\"\u003e\n \u003cdiv class=\"se-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"se-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède pour révéler une peau lisse, douce et parfaitement nettoyée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-tip\"\u003e\n \u003cspan class=\"se-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFréquence recommandée\u003c\/strong\u003e : 1 à 2 fois par semaine pour un grain de peau affiné. Sur le visage, limitez-vous à une application hebdomadaire en évitant le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-tip\"\u003e\n \u003cspan class=\"se-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce\u003c\/strong\u003e : utilisez ce savon avant l'application d'un sérum ou d'une huile végétale. L'exfoliation prépare la peau à mieux absorber les soins qui suivent, ce qui décuple leur efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"se-section\"\u003e\n \u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n \u003cdiv class=\"se-accordion\"\u003e\n \u003cdetails class=\"se-accordion-item\"\u003e\n \u003csummary class=\"se-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"se-accordion-content mt-3\"\u003e\n \u003cp\u003ePour prolonger la durée de vie de votre savon, laissez-le sécher entre chaque utilisation sur un \u003cstrong\u003eporte-savon ajouré\u003c\/strong\u003e, à l'abri de l'eau stagnante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"se-accordion-item\"\u003e\n \u003csummary class=\"se-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"se-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=\"se-accordion-item\"\u003e\n \u003csummary class=\"se-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"se-accordion-content mt-3\"\u003e\n \u003cp\u003eCe savon est un soin cosmétique et \u003cstrong\u003ene remplace en aucun cas un traitement dermatologique\u003c\/strong\u003e. En cas de doute ou de problème de peau persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 - DERNIÈRE --\u003e\n \u003csection class=\"se-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCe qu'il faut retenir\u003c\/h2\u003e\n \u003cdiv class=\"se-cta-box\"\u003e\n \u003cp\u003eAvec sa formule artisanale courte, son exfoliation végétale et sa surgras généreuse, ce \u003cstrong\u003esavon exfoliant\u003c\/strong\u003e de Comptoir des Huiles s'impose comme une alternative naturelle et responsable aux gommages conventionnels. Un pain de \u003cstrong\u003e100 g\u003c\/strong\u003e qui dure plusieurs semaines et qui transforme chaque douche en un véritable rituel de soin pour votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"se-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne se substitue pas à un traitement dermatologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --se-cream: #faf6f1;\n --se-white: #ffffff;\n --se-primary: #8b6f4e;\n --se-primary-dark: #5c4a33;\n --se-primary-light: #f3ece3;\n --se-secondary: #b8956a;\n --se-accent: #d4a96a;\n --se-text: #1a1a1a;\n --se-text-light: #5a5a5a;\n --se-border: #e6ddd3;\n --se-shadow: 0 4px 24px rgba(92,74,51,.08);\n --se-shadow-lg: 0 12px 48px rgba(92,74,51,.15);\n --se-radius: 20px;\n --se-radius-sm: 12px;\n}\n\n.se-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--se-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.se-hero {\n position: relative;\n background: linear-gradient(135deg, #5c4a33 0%, #8b6f4e 50%, #b8956a 100%);\n border-radius: var(--se-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(--se-shadow-lg);\n}\n\n.se-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) 1px, transparent 1px),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 1.5px, transparent 1.5px),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 1px, transparent 1px);\n background-size: 40px 40px, 60px 60px, 25px 25px;\n opacity: 1;\n}\n\n.se-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.se-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.se-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.se-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.se-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.se-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(--se-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.se-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.se-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.se-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--se-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.se-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(--se-primary), var(--se-secondary));\n border-radius: 2px;\n}\n\n.se-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--se-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.se-card {\n background: var(--se-white);\n border-radius: var(--se-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--se-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.se-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--se-shadow-lg);\n border-color: var(--se-primary);\n}\n\n.se-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--se-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.se-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--se-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.se-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.se-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.se-grid-compact .se-card {\n padding: 1rem;\n}\n\n.se-grid-compact .se-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.se-grid-compact .se-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.se-composition-box {\n background: var(--se-white);\n border-radius: var(--se-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--se-shadow);\n margin-bottom: 1.25rem;\n}\n\n.se-composition-text {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--se-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n word-break: break-word;\n}\n\n.se-composition-note {\n font-size: 13px;\n color: var(--se-primary);\n font-weight: 600;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.se-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.se-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.se-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--se-primary), var(--se-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.se-timeline-content {\n flex: 1;\n background: var(--se-white);\n padding: 1rem 1.25rem;\n border-radius: var(--se-radius-sm);\n box-shadow: var(--se-shadow);\n}\n\n.se-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--se-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.se-timeline-content p {\n font-size: 14px;\n color: var(--se-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.se-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--se-primary-light);\n border-radius: var(--se-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.se-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.se-tip p {\n font-size: 14px;\n color: var(--se-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.se-accordion {\n background: var(--se-white);\n border-radius: var(--se-radius);\n box-shadow: var(--se-shadow);\n overflow: hidden;\n}\n\n.se-accordion-item {\n border-bottom: 1px solid var(--se-border);\n margin: 0;\n padding: 0;\n}\n\n.se-accordion-item:last-child {\n border-bottom: none;\n}\n\n.se-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--se-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.se-accordion-header:hover {\n background: var(--se-primary-light);\n}\n\n.se-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.se-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--se-primary);\n transition: transform .2s ease;\n}\n\n.se-accordion-item[open] .se-accordion-header::after {\n content: '−';\n}\n\n.se-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--se-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.se-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.se-cta-box {\n background: linear-gradient(135deg, var(--se-primary) 0%, var(--se-primary-dark) 100%);\n border-radius: var(--se-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.se-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.se-disclaimer {\n font-size: 12px;\n color: var(--se-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 .se-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .se-card {\n padding: 1.125rem;\n }\n\n .se-section {\n margin-bottom: 1.75rem;\n }\n\n .se-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--se-radius-sm);\n }\n\n .se-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .se-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .se-grid-compact {\n gap: .625rem;\n }\n\n .se-grid-compact .se-card {\n padding: .75rem;\n }\n\n .se-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .se-timeline-content {\n padding: .875rem 1rem;\n }\n\n .se-timeline-content h3 {\n font-size: 14px;\n }\n\n .se-timeline-content p {\n font-size: 13px;\n }\n\n .se-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .se-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .se-composition-box {\n padding: 1rem;\n }\n\n .se-tip {\n padding: .875rem 1rem;\n }\n\n .se-tip-icon {\n font-size: 20px;\n }\n\n .se-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .se-card {\n animation: seFadeInUp .5s ease backwards;\n }\n .se-card:nth-child(1) { animation-delay: .05s; }\n .se-card:nth-child(2) { animation-delay: .1s; }\n .se-card:nth-child(3) { animation-delay: .15s; }\n .se-card:nth-child(4) { animation-delay: .2s; }\n .se-card:nth-child(5) { animation-delay: .25s; }\n .se-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes seFadeInUp {\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 .se-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":55493028643193,"sku":"SAV-TTM-0100-CDH_B","price":6.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-exfoliant-aux-tourteaux-de-moringa-100-g-comptoir-des--lifestyle.webp?v=1774369521"},{"product_id":"mousticare-savon-anti-moustique-100-g","title":"Savon Anti-Moustiques Bio – 100 g - MoustiCare","description":"\u003cdiv class=\"mc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🛡️ Actif 100 % végétal\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e👨‍👩‍👧 Dès 3 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eSavon Anti-Moustiques Bio – 100 g\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eMoustiCare® – Protection Essentielle\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eLavez-vous et protégez-vous en un seul geste. Efficacité répulsive immédiate pendant plusieurs heures grâce à l'eucalyptus citriodora.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eSavon anti-moustiques bio MoustiCare : une protection naturelle au quotidien\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon anti-moustiques\u003c\/strong\u003e efficace, naturel et adapté à toute la famille ? Le savon répulsif MoustiCare combine hygiène et protection dans un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Eucalyptus citriodora\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle répulsive d'origine végétale à 1,5 %, reconnue contre les moustiques dont le moustique tigre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧴 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNettoie votre peau en douceur tout en la nourrissant et en la protégeant du dessèchement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n \u003cp\u003eFormulé avec des actifs 100 % d'origine végétale. Ni DEET, ni alcool, ni insecticide de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e👶 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes, femmes enceintes et enfants dès 3 ans. Visage et corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon répulsif naturel ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eContrairement aux sprays ou lotions classiques, ce savon s'intègre tout simplement à votre routine d'hygiène. Sous la douche ou au lavabo, vous vous lavez et vous vous protégez en même temps.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🛡️ Répulsif prouvé\u003c\/h3\u003e\n \u003cp\u003eL'eucalyptus citriodora (1,5 %) est reconnu pour son action répulsive contre plusieurs espèces de moustiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💧 Soin hydratant\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité bio nourrit et protège la peau du dessèchement au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Formule propre\u003c\/h3\u003e\n \u003cp\u003e100 % d'ingrédients d'origine naturelle, dont 99 % certifiés bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n \u003cp\u003eSans DEET, sans alcool, sans parabènes, sans insecticide chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdultes, femmes enceintes et enfants à partir de 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eUn savon conçu et produit 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\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment utiliser le savon anti-moustiques MoustiCare ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon dans vos mains ou sur un gant de toilette jusqu'à obtenir une mousse généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage et le corps. Évitez soigneusement le contour des yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n \u003cp\u003eRincez ensuite à l'eau claire. L'efficacité répulsive est immédiate après le rinçage et dure plusieurs heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez quotidiennement\u003c\/h3\u003e\n \u003cp\u003ePour une protection optimale, renouvelez l'application chaque jour pendant toute la période d'exposition : été, saison des pluies, voyages en zones à risque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour renforcer la protection lors de soirées en extérieur, vous pouvez compléter l'action du savon avec un spray ou un bracelet répulsif de la gamme MoustiCare.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Eucalyptus citriodora\u003c\/h3\u003e\n \u003cp\u003e1,5 % – actif répulsif d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eAgent nourrissant et hydratant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🫧 Base lavante douce\u003c\/h3\u003e\n \u003cp\u003eD'origine naturelle, respectueuse de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 99 % bio\u003c\/h3\u003e\n \u003cp\u003e99 % des ingrédients totaux 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 #5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e👶 Âge minimum\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser chez les enfants de moins de 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter tout contact avec les yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Réaction cutanée\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eEn 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=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🚫 Allergies\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser en cas d'allergie connue à l'un des composants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🔒 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Lire attentivement l'étiquette avant utilisation.\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=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-cta-box\"\u003e\n \u003cp\u003eCe savon anti-moustiques bio est idéal si vous partez en vacances dans une région où les moustiques sont particulièrement présents, si vous vivez en zone tropicale, ou tout simplement si vous souhaitez protéger votre famille pendant les mois d'été. Sa formule douce et naturelle en fait un allié quotidien sans compromis sur le soin de votre peau.\u003c\/p\u003e\n \u003cp style=\"margin-top:1rem; font-size: clamp(13px, 2vw, 15px); opacity:.85;\"\u003e🧼 \u003cstrong\u003ePoids net :\u003c\/strong\u003e 100 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003eCe produit cosmétique n'est pas un médicament et ne saurait remplacer un traitement médical ou une consultation auprès d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #FAFAF5;\n --mc-white: #ffffff;\n --mc-primary: #2E7D32;\n --mc-primary-dark: #1B5E20;\n --mc-primary-light: #E8F5E9;\n --mc-secondary: #F9A825;\n --mc-accent: #558B2F;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #e0e0e0;\n --mc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mc-primary-dark) 0%, var(--mc-primary) 45%, var(--mc-accent) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mc-shadow-lg);\n}\n\n.mc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(249,168,37,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 60%, rgba(85,139,47,.1) 0%, transparent 50%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.mc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-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.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-primary) 0%, var(--mc-primary-dark) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MOUSTICARE","offers":[{"title":"Default Title","offer_id":55556649746809,"sku":"MC0015","price":5.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-anti-moustiques-bio-100-g-mousticare-packshothd.webp?v=1777027271"},{"product_id":"soin-lavant-purifiant-visage-noni-argile-verte-endro","title":"Soin lavant purifiant Visage - Noni \u0026 Argile Verte - Endro","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin lavant purifiant Visage - Noni \u0026 Argile Verte - Endro\nPalette détectée:\n - Primaire: #7A9A8E (vert sauge du packaging)\n - Secondaire: #5C7A6E (vert sauge foncé)\n - Accent: #A8C4B8 (vert sauge clair)\nAmbiance: Naturel\/Bio, épuré, cosmétique engagée, fraîcheur végétale, artisanal breton\nPréfixe CSS: endro\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi votre peau mixte à grasse mérite ce soin lavant ?\"\n 2. \"L'argile verte et le noni : un duo purifiant d'exception\"\n 3. \"Composition complète du soin lavant\"\n 4. \"Comment utiliser ce nettoyant visage solide ?\"\n 5. \"Combien de temps dure ce soin lavant solide ?\"\n 6. \"Pour quels types de peau ?\"\n 7. \"Les engagements Endro : une cosmétique responsable\"\n 8. \"Les résultats que vous pouvez attendre\"\n 9. \"Questions fréquentes\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"endro-premium\"\u003e\n \n \u003c!-- HERO --\u003e\n \u003cdiv class=\"endro-hero\"\u003e\n \u003cdiv class=\"endro-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"endro-hero-content\"\u003e\n \u003cdiv class=\"endro-badges-top\"\u003e\n \u003cspan class=\"endro-badge\"\u003e🌿 100% origine naturelle\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e🏆 Certifié Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"endro-hero-title\"\u003eSoin Lavant Purifiant Visage\u003c\/span\u003e\n \u003cp class=\"endro-subtitle\"\u003eNoni \u0026amp; Argile Verte par Endro\u003c\/p\u003e\n \u003cp class=\"endro-description\"\u003eLe nettoyant solide qui purifie votre peau mixte à grasse sans jamais l'agresser. Un équilibre parfait entre efficacité et douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003ePourquoi votre peau mixte à grasse mérite ce soin lavant ?\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eVotre peau brille dès le milieu de journée ? Les pores dilatés et petites imperfections vous gênent ? Trouver le bon nettoyant relève parfois du défi.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre parfait\u003c\/h3\u003e\n \u003cp\u003eRégule l'excès de sébum tout en préservant le film hydrolipidique naturel de votre peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e✨ Peau nette\u003c\/h3\u003e\n \u003cp\u003eTeint matifié et uniforme sans sensation de tiraillement ni d'inconfort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🚫 Pas d'effet rebond\u003c\/h3\u003e\n \u003cp\u003eFormulé pour éviter la surproduction de sébum causée par les nettoyants trop agressifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eL'argile verte et le noni : un duo purifiant d'exception\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eEndro a sélectionné un trio d'argiles complémentaires associé à un fruit polynésien ancestral pour une action purifiante optimale.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🤍 Kaolin\u003c\/h3\u003e\n \u003cp\u003eL'argile la plus douce, idéale pour nettoyer sans irriter les peaux sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e💚 Illite\u003c\/h3\u003e\n \u003cp\u003ePuissante absorbante, elle capte l'excès de sébum et les impuretés incrustées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌿 Montmorillonite\u003c\/h3\u003e\n \u003cp\u003eReminéralisante, elle affine le grain de peau et resserre les pores visiblement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🍈 Extrait de noni\u003c\/h3\u003e\n \u003cp\u003eFruit polynésien aux propriétés anti-inflammatoires et antioxydantes, apaise et régule la production de sébum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eComposition complète du soin lavant\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eUne liste d'ingrédients courte et transparente, tous d'origine 100% naturelle.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🥥 Sodium cocoyl glutamate\u003c\/h3\u003e\n \u003cp\u003eTensioactif ultra-doux dérivé de la coco, respecte parfaitement le pH cutané\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🧴 Decyl glucoside\u003c\/h3\u003e\n \u003cp\u003eAgent lavant doux issu du glucose et de la coco, mousse légère et onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eNourrit et protège la peau sans effet gras ni résidu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eHumectant naturel qui maintient l'hydratation cutanée optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydant naturel qui préserve la formule et protège la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌸 Fragrance naturelle\u003c\/h3\u003e\n \u003cp\u003eNotes fraîches et toniques, sans allergènes réglementés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-tip\"\u003e\n \u003cspan class=\"endro-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans :\u003c\/strong\u003e savon, sulfates agressifs, silicones, huiles minérales, allergènes courants, conservateurs synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eComment utiliser ce nettoyant visage solide ?\u003c\/h2\u003e\n \u003cdiv class=\"endro-timeline\"\u003e\n \u003cdiv class=\"endro-timeline-item\"\u003e\n \u003cdiv class=\"endro-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"endro-timeline-content\"\u003e\n \u003ch3\u003eHumidifiez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre visage et le pain nettoyant à l'eau tiède\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-timeline-item\"\u003e\n \u003cdiv class=\"endro-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"endro-timeline-content\"\u003e\n \u003ch3\u003eMoussez\u003c\/h3\u003e\n \u003cp\u003eFrottez le soin entre vos mains mouillées ou appliquez-le directement en mouvements circulaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-timeline-item\"\u003e\n \u003cdiv class=\"endro-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"endro-timeline-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003e30 secondes à 1 minute, en insistant sur la zone T (front, nez, menton)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-timeline-item\"\u003e\n \u003cdiv class=\"endro-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"endro-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eAbondamment à l'eau claire pour éliminer toute la mousse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-timeline-item\"\u003e\n \u003cdiv class=\"endro-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"endro-timeline-content\"\u003e\n \u003ch3\u003eConservez\u003c\/h3\u003e\n \u003cp\u003eLaissez sécher sur un porte-savon aéré entre deux utilisations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-tip\"\u003e\n \u003cspan class=\"endro-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFréquence :\u003c\/strong\u003e matin et soir pour peau grasse, uniquement le soir pour peau mixte. Écoutez votre peau !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eCombien de temps dure ce soin lavant solide ?\u003c\/h2\u003e\n \u003cdiv class=\"endro-highlight-box\"\u003e\n \u003cdiv class=\"endro-highlight-number\"\u003e3-4\u003c\/div\u003e\n \u003cdiv class=\"endro-highlight-text\"\u003e\n \u003cstrong\u003emois d'utilisation\u003c\/strong\u003e\n \u003cp\u003eCe pain nettoyant de 85g vous accompagne 3 à 4 mois en utilisation quotidienne. Bien plus économique et écologique que les flacons classiques épuisés en 4 à 6 semaines !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-tip\"\u003e\n \u003cspan class=\"endro-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003ePour maximiser sa durée de vie, conservez-le au sec sur un porte-savon à grille ou en luffa.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003ePour quels types de peau ?\u003c\/h2\u003e\n \u003cdiv class=\"endro-grid-compact\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e⚖️ Peaux mixtes\u003c\/h3\u003e\n \u003cp\u003eÉquilibre zones grasses et sèches\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e💧 Peaux grasses\u003c\/h3\u003e\n \u003cp\u003eRégule et matifie efficacement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🎯 Imperfections\u003c\/h3\u003e\n \u003cp\u003eLimite l'apparition des boutons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003epH neutre, sans savon, ultra-doux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"endro-section-intro\" style=\"margin-top:1.5rem;\"\u003eSi vous utilisez habituellement un soin lavant doux type Saforelle ou La Roche-Posay, vous apprécierez cette alternative bio avec une composition irréprochable et un format zéro déchet.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eLes engagements Endro : une cosmétique responsable\u003c\/h2\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🏆 Certifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eGarantie d'une formulation biologique contrôlée par Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en Bretagne\u003c\/h3\u003e\n \u003cp\u003eProduction locale et artisanale, circuits courts privilégiés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient synthétique dans la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e♻️ Emballage éco-conçu\u003c\/h3\u003e\n \u003cp\u003eCarton recyclable, zéro plastique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🐰 Cruelty-free \u0026amp; Vegan\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux, cosmétique éthique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eLes résultats que vous pouvez attendre\u003c\/h2\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🧼 Peau propre et fraîche\u003c\/h3\u003e\n \u003cp\u003eSans sensation de tiraillement dès la première utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌟 Teint uniforme\u003c\/h3\u003e\n \u003cp\u003eMoins brillant au fil des jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🎯 Pores resserrés\u003c\/h3\u003e\n \u003cp\u003eGrain de peau affiné visiblement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e✨ Moins d'imperfections\u003c\/h3\u003e\n \u003cp\u003eRéduction visible avec une utilisation régulière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e😌 Peau apaisée\u003c\/h3\u003e\n \u003cp\u003eMême pour les épidermes les plus réactifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"endro-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"endro-accordion\"\u003e\n \u003cdetails class=\"endro-accordion-item\"\u003e\n \u003csummary class=\"endro-accordion-header\"\u003eCe soin lavant peut-il remplacer mon démaquillant ?\u003c\/summary\u003e\n \u003cdiv class=\"endro-accordion-content\"\u003e\n \u003cp\u003eIl est idéal en seconde étape de nettoyage, après un démaquillant (huile ou baume). Pour un maquillage léger ou une peau non maquillée, il peut suffire seul.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"endro-accordion-item\"\u003e\n \u003csummary class=\"endro-accordion-header\"\u003eConvient-il aux hommes ?\u003c\/summary\u003e\n \u003cdiv class=\"endro-accordion-content\"\u003e\n \u003cp\u003eAbsolument. Les peaux masculines, souvent plus grasses, apprécieront particulièrement son action matifiante et purifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"endro-accordion-item\"\u003e\n \u003csummary class=\"endro-accordion-header\"\u003ePuis-je l'utiliser sur le corps ?\u003c\/summary\u003e\n \u003cdiv class=\"endro-accordion-content\"\u003e\n \u003cp\u003eBien que formulé pour le visage, sa composition douce permet une utilisation occasionnelle sur les zones à imperfections du corps (dos, épaules).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"endro-accordion-item\"\u003e\n \u003csummary class=\"endro-accordion-header\"\u003eLa mousse est-elle abondante ?\u003c\/summary\u003e\n \u003cdiv class=\"endro-accordion-content\"\u003e\n \u003cp\u003eLes tensioactifs doux produisent une mousse légère et fine. C'est normal et signe d'une formule respectueuse de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"endro-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau un nettoyage purifiant, naturel et respectueux. Faites le choix d'une cosmétique engagée, fabriquée artisanalement en Bretagne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"endro-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --endro-cream: #f7f9f8;\n --endro-white: #ffffff;\n --endro-primary: #7A9A8E;\n --endro-primary-dark: #5C7A6E;\n --endro-primary-light: #e8f0ec;\n --endro-secondary: #9BB5A8;\n --endro-accent: #A8C4B8;\n --endro-text: #1a1a1a;\n --endro-text-light: #5a5a5a;\n --endro-border: #e0e0e0;\n --endro-shadow: 0 4px 24px rgba(0,0,0,.08);\n --endro-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --endro-radius: 20px;\n --endro-radius-sm: 12px;\n}\n\n.endro-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--endro-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.endro-hero {\n position: relative;\n background: linear-gradient(135deg, #7A9A8E 0%, #5C7A6E 50%, #4A6A5E 100%);\n border-radius: var(--endro-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(--endro-shadow-lg);\n}\n\n.endro-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C15.5 5 5 15.5 5 30s10.5 25 25 25 25-10.5 25-25S44.5 5 30 5zm0 45c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.endro-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.endro-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.endro-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(--endro-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.endro-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.endro-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.endro-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.endro-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.endro-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.endro-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--endro-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.endro-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(--endro-primary), var(--endro-secondary));\n border-radius: 2px;\n}\n\n.endro-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--endro-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.endro-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.endro-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.endro-card {\n background: var(--endro-white);\n border-radius: var(--endro-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--endro-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.endro-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--endro-shadow-lg);\n border-color: var(--endro-primary);\n}\n\n.endro-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--endro-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.endro-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--endro-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.endro-grid-compact .endro-card {\n padding: 1rem;\n}\n\n.endro-grid-compact .endro-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.endro-grid-compact .endro-card p {\n font-size: 12px;\n}\n\n.endro-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.endro-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.endro-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--endro-primary), var(--endro-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.endro-timeline-content {\n flex: 1;\n background: var(--endro-white);\n padding: 1rem 1.25rem;\n border-radius: var(--endro-radius-sm);\n box-shadow: var(--endro-shadow);\n}\n\n.endro-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--endro-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.endro-timeline-content p {\n font-size: 14px;\n color: var(--endro-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.endro-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--endro-primary-light);\n border-radius: var(--endro-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.endro-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.endro-tip p {\n font-size: 14px;\n color: var(--endro-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.endro-highlight-box {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--endro-white);\n border-radius: var(--endro-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--endro-shadow);\n border-left: 5px solid var(--endro-primary);\n}\n\n.endro-highlight-number {\n font-size: clamp(48px, 10vw, 72px);\n font-weight: 900;\n color: var(--endro-primary);\n line-height: 1;\n}\n\n.endro-highlight-text strong {\n display: block;\n font-size: clamp(18px, 3vw, 24px);\n color: var(--endro-primary-dark);\n margin-bottom: .5rem;\n}\n\n.endro-highlight-text p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--endro-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.endro-accordion {\n background: var(--endro-white);\n border-radius: var(--endro-radius);\n box-shadow: var(--endro-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.endro-accordion-item {\n border-bottom: 1px solid var(--endro-border);\n margin: 0;\n padding: 0;\n}\n\n.endro-accordion-item:last-child {\n border-bottom: none;\n}\n\n.endro-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--endro-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.endro-accordion-header:hover {\n background: var(--endro-primary-light);\n}\n\n.endro-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.endro-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--endro-primary);\n transition: transform .2s ease;\n}\n\n.endro-accordion-item[open] .endro-accordion-header::after {\n content: '−';\n}\n\n.endro-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--endro-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.endro-accordion-content p {\n margin: 0;\n}\n\n.endro-cta-box {\n background: linear-gradient(135deg, var(--endro-primary) 0%, var(--endro-primary-dark) 100%);\n border-radius: var(--endro-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.endro-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.endro-disclaimer {\n font-size: 12px;\n color: var(--endro-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .endro-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .endro-card {\n padding: 1.125rem;\n }\n \n .endro-section {\n margin-bottom: 1.75rem;\n }\n \n .endro-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--endro-radius-sm);\n }\n \n .endro-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .endro-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .endro-grid-compact {\n gap: .625rem;\n }\n \n .endro-grid-compact .endro-card {\n padding: .75rem;\n }\n \n .endro-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .endro-timeline-content {\n padding: .875rem 1rem;\n }\n \n .endro-timeline-content h3 {\n font-size: 14px;\n }\n \n .endro-timeline-content p {\n font-size: 13px;\n }\n \n .endro-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .endro-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .endro-highlight-box {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n padding: 1.5rem;\n }\n \n .endro-highlight-number {\n font-size: 56px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .endro-card {\n animation: fadeInUp .5s ease backwards;\n }\n .endro-card:nth-child(1) { animation-delay: .05s; }\n .endro-card:nth-child(2) { animation-delay: .1s; }\n .endro-card:nth-child(3) { animation-delay: .15s; }\n .endro-card:nth-child(4) { animation-delay: .2s; }\n .endro-card:nth-child(5) { animation-delay: .25s; }\n .endro-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 .endro-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ENDRO","offers":[{"title":"Default Title","offer_id":55572024099193,"sku":"NBAIEND0139","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-lavant-purifiant-visage-noni-argile-verte-endro-lifestyle.webp?v=1769760683"},{"product_id":"savon-detachant-artisanal-au-fief-de-boeuf-pimpant","title":"Savon détachant artisanal au fief de boeuf - Pimpant","description":"\u003cdiv class=\"sat-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sat-hero\"\u003e\n\u003cdiv class=\"sat-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sat-hero-content\"\u003e\n\u003cdiv class=\"sat-badges-top\"\u003e\n\u003cspan class=\"sat-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"sat-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e \u003cspan class=\"sat-badge\"\u003e🧊 Saponifié à froid\u003c\/span\u003e \u003cspan class=\"sat-badge\"\u003e🪶 Seulement 3 ingrédients\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sat-hero-title\"\u003eSavon détachant artisanal au fiel de bœuf\u003c\/span\u003e\n\u003cp class=\"sat-subtitle\"\u003eMon super stick anti-tache\u003c\/p\u003e\n\u003cp class=\"sat-description\"\u003eUn stick de 75 g redoutablement efficace sur les taches les plus tenaces : vin, sang, herbe, cambouis… Sans chimie agressive, sans parfum, 100 % biodégradable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"sat-section\"\u003e\n\u003ch2\u003eSavon détachant artisanal au fiel de bœuf Pimpant : le stick anti-tache naturel et redoutablement efficace\u003c\/h2\u003e\n\u003cp class=\"sat-section-intro\"\u003eTache de vin sur votre nappe préférée ? Herbe incrustée dans le jean de votre enfant ? Auréole de transpiration sur une chemise blanche ? Avant de vous résigner à jeter un vêtement, essayez le \u003cstrong\u003esavon détachant Pimpant\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"sat-grid-compact\"\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🧼 Saponifié à froid\u003c\/h3\u003e\n\u003cp\u003eProcédé artisanal qui préserve les propriétés des huiles végétales et consomme très peu d'énergie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🐂 Fiel de bœuf\u003c\/h3\u003e\n\u003cp\u003eIngrédient ancestral utilisé par nos grands-mères, reconnu pour dissoudre graisses, protéines et pigments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n\u003cp\u003ePouvoir dégraissant et moussant naturel exceptionnel pour un nettoyage en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n\u003cp\u003eApporte douceur au savon et protège les fibres textiles même les plus délicates.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"sat-section\"\u003e\n\u003ch2\u003ePourquoi ce savon détachant fonctionne aussi bien ?\u003c\/h2\u003e\n\u003cp class=\"sat-section-intro\"\u003eContrairement aux détachants industriels bourrés de tensioactifs pétrochimiques, ce savon agit grâce à des principes actifs 100 % naturels. Le fiel de bœuf contient des acides biliaires et des enzymes naturelles qui décomposent les molécules responsables des taches.\u003c\/p\u003e\n\u003cdiv class=\"sat-grid\"\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e💪 Action dégraissante puissante\u003c\/h3\u003e\n\u003cp\u003eLes acides biliaires du fiel de bœuf émulsifient les graisses, le cambouis et les corps gras en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🔬 Action sur les taches protéiniques\u003c\/h3\u003e\n\u003cp\u003eSang, lait, œuf… le fiel dissout les protéines coagulées que l'eau chaude aurait tendance à fixer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🎨 Action sur les pigments\u003c\/h3\u003e\n\u003cp\u003eVin rouge, café, tomate, herbe, maquillage… les pigments colorés sont décollés de la fibre textile sans altérer la couleur d'origine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🪶 Douceur pour les fibres\u003c\/h3\u003e\n\u003cp\u003eGrâce à la saponification à froid et au beurre de karité, le savon respecte les fibres textiles, même les plus délicates.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-tip\"\u003e\n\u003cspan class=\"sat-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eBeaucoup d'utilisateurs le qualifient de véritable \u003cstrong\u003esavon magique détachant\u003c\/strong\u003e, tant les résultats sont impressionnants dès la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"sat-section\"\u003e\n\u003ch2\u003eComposition complète : 3 ingrédients, c'est tout\u003c\/h2\u003e\n\u003cp class=\"sat-section-intro\"\u003eLa transparence, c'est la marque de fabrique de Pimpant. Voici la liste \u003cstrong\u003ecomplète\u003c\/strong\u003e des ingrédients de ce stick détachant :\u003c\/p\u003e\n\u003cdiv class=\"sat-grid\"\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🥥 Sodium Cocoate\u003c\/h3\u003e\n\u003cp\u003eSavon obtenu par saponification à froid d'huile de coco. Agent nettoyant et moussant naturel offrant un excellent pouvoir dégraissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🧈 Sodium Shea Butterate\u003c\/h3\u003e\n\u003cp\u003eSavon issu de la saponification du beurre de karité. Il apporte de la douceur et protège les fibres textiles lors du détachage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🐂 Fel Bovinum (≥ 15 %)\u003c\/h3\u003e\n\u003cp\u003eFiel de bœuf, l'ingrédient clé. C'est lui qui confère au savon sa capacité à dissoudre les taches organiques, grasses et pigmentées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-tip\"\u003e\n\u003cspan class=\"sat-tip-icon\"\u003e🚫\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eCe que vous ne trouverez pas dedans :\u003c\/strong\u003e pas de parfum, pas d'huile essentielle, pas de colorant, pas de conservateur de synthèse, pas de dérivé pétrochimique. La formule est \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e et \u003cstrong\u003ebiodégradable\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"sat-section\"\u003e\n\u003ch2\u003eSur quelles taches l'utiliser ?\u003c\/h2\u003e\n\u003cp class=\"sat-section-intro\"\u003eCe savon détachant à action rapide s'attaque à pratiquement toutes les taches du quotidien :\u003c\/p\u003e\n\u003cdiv class=\"sat-grid\"\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🛢️ Taches grasses\u003c\/h3\u003e\n\u003cp\u003eHuile de cuisine, beurre, sauce, cambouis, graisse de vélo, taches de moteur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🩸 Taches protéiniques\u003c\/h3\u003e\n\u003cp\u003eSang (même séché), lait, œuf, sueur, col de chemise jauni.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🍷 Taches de pigments\u003c\/h3\u003e\n\u003cp\u003eVin rouge, café, thé, jus de fruits, tomate, herbe, terre, encre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e💄 Taches de maquillage\u003c\/h3\u003e\n\u003cp\u003eFond de teint, rouge à lèvres, mascara.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🍫 Taches diverses\u003c\/h3\u003e\n\u003cp\u003eChocolat, résine, cirage, cire de bougie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e👕 Tous les textiles\u003c\/h3\u003e\n\u003cp\u003eCoton, lin, polyester, jeans, synthétiques, soie et laine (test préalable recommandé).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-tip\"\u003e\n\u003cspan class=\"sat-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e ce stick ne se limite pas au linge ! Vous pouvez aussi l'utiliser pour détacher un tapis, nettoyer des pinceaux de peinture ou de maquillage, ou encore raviver un tissu d'ameublement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"sat-section\"\u003e\n\u003ch2\u003eComment utiliser le stick détachant Pimpant ?\u003c\/h2\u003e\n\u003cp class=\"sat-section-intro\"\u003eL'utilisation est simplissime. Pas besoin de doseur, de spray ni de gants. Quatre étapes suffisent :\u003c\/p\u003e\n\u003cdiv class=\"sat-timeline\"\u003e\n\u003cdiv class=\"sat-timeline-item\"\u003e\n\u003cdiv class=\"sat-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sat-timeline-content\"\u003e\n\u003ch3\u003e💧 Mouillez\u003c\/h3\u003e\n\u003cp\u003eHumidifiez la zone tachée avec un peu d'eau tiède ou froide (préférez l'eau froide pour les taches de sang).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-timeline-item\"\u003e\n\u003cdiv class=\"sat-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sat-timeline-content\"\u003e\n\u003ch3\u003e🧼 Frottez\u003c\/h3\u003e\n\u003cp\u003eFrottez le stick détachant directement sur la tache, en effectuant de petits mouvements circulaires. Le savon va mousser légèrement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-timeline-item\"\u003e\n\u003cdiv class=\"sat-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sat-timeline-content\"\u003e\n\u003ch3\u003e⏳ Laissez agir\u003c\/h3\u003e\n\u003cp\u003ePatientez au moins \u003cstrong\u003e15 minutes\u003c\/strong\u003e. Pour les taches anciennes ou particulièrement tenaces, laissez poser jusqu'à une heure, voire toute une nuit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-timeline-item\"\u003e\n\u003cdiv class=\"sat-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"sat-timeline-content\"\u003e\n\u003ch3\u003e🌀 Passez en machine\u003c\/h3\u003e\n\u003cp\u003eLancez votre cycle habituel, ou rincez simplement à la main si vous préférez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-tip\"\u003e\n\u003cspan class=\"sat-tip-icon\"\u003e🔁\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce pour les taches vraiment récalcitrantes :\u003c\/strong\u003e répétez l'opération deux fois avant le passage en machine. La combinaison fiel de bœuf + temps de pose prolongé fait des merveilles, même sur des taches que vous pensiez définitives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"sat-section\"\u003e\n\u003ch2\u003eSavon détachant au fiel de bœuf ou savon de Marseille détachant : quelle différence ?\u003c\/h2\u003e\n\u003cdiv class=\"sat-comparison\"\u003e\n\u003cdiv class=\"sat-comparison-col\"\u003e\n\u003cdiv class=\"sat-comparison-header sat-comparison-header--pimp\"\u003eStick Pimpant au fiel de bœuf\u003c\/div\u003e\n\u003cdiv class=\"sat-comparison-body\"\u003e\n\u003cul\u003e\n\u003cli\u003e✅ Enzymes + acides biliaires naturels\u003c\/li\u003e\n\u003cli\u003e✅ Dégraisse, dissout protéines ET pigments\u003c\/li\u003e\n\u003cli\u003e✅ Efficace sur taches tenaces : sang séché, cambouis, vin incrusté\u003c\/li\u003e\n\u003cli\u003e✅ Saponifié à froid\u003c\/li\u003e\n\u003cli\u003e✅ Seulement 3 ingrédients\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-comparison-col\"\u003e\n\u003cdiv class=\"sat-comparison-header sat-comparison-header--mars\"\u003eSavon de Marseille classique\u003c\/div\u003e\n\u003cdiv class=\"sat-comparison-body\"\u003e\n\u003cul\u003e\n\u003cli\u003e⚠️ Principalement dégraissant\u003c\/li\u003e\n\u003cli\u003e⚠️ Limité sur protéines et pigments\u003c\/li\u003e\n\u003cli\u003e⚠️ Peine sur les taches très incrustées\u003c\/li\u003e\n\u003cli\u003e⚠️ Souvent saponifié à chaud\u003c\/li\u003e\n\u003cli\u003e⚠️ Compositions variables selon les marques\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"sat-section-intro\" style=\"margin-top: 1.25rem;\"\u003eEn résumé : si vous cherchez un détachant du quotidien qui va plus loin que le savon de Marseille, tout en restant 100 % naturel, ce stick est fait pour vous.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"sat-section\"\u003e\n\u003ch2\u003eUn savon détachant éco-responsable et fabriqué en France\u003c\/h2\u003e\n\u003cdiv class=\"sat-grid\"\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e❄️ Saponification à froid\u003c\/h3\u003e\n\u003cp\u003eProcédé artisanal qui consomme très peu d'énergie et préserve les propriétés des huiles végétales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eConçu et fabriqué en France, garantissant un circuit court et un savoir-faire local.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🌊 Formule biodégradable\u003c\/h3\u003e\n\u003cp\u003eLes eaux de rinçage ne polluent pas les milieux aquatiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🧱 Format solide et compact\u003c\/h3\u003e\n\u003cp\u003eZéro plastique superflu, zéro eau transportée inutilement. Un stick de 75 g dure des mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e📦 Emballage minimaliste\u003c\/h3\u003e\n\u003cp\u003eUn simple étui en carton recyclable, rien de plus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e♻️ Remplace le plastique\u003c\/h3\u003e\n\u003cp\u003eUn stick remplace plusieurs flacons de détachant liquide conventionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #8 --\u003e\n\u003csection class=\"sat-section\"\u003e\n\u003ch2\u003eAstuce bonus : fabriquez votre lessive maison\u003c\/h2\u003e\n\u003cdiv class=\"sat-testimonial\"\u003e\n\u003cp class=\"sat-testimonial-text\"\u003e\"Saviez-vous que ce stick peut aussi servir de base pour une lessive maison naturelle ? Il vous suffit de râper une petite quantité de savon (environ 20 g) et de la dissoudre dans un litre d'eau chaude. Vous obtenez une lessive liquide artisanale, efficace et économique, idéale pour le linge de toute la famille. Ajoutez éventuellement une cuillère à soupe de bicarbonate de soude pour renforcer le pouvoir nettoyant.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #9 --\u003e\n\u003csection class=\"sat-section\"\u003e\n\u003ch2\u003eLes points essentiels à retenir\u003c\/h2\u003e\n\u003cdiv class=\"sat-accordion\"\u003e\n\u003cdetails class=\"sat-accordion-item\"\u003e\n\u003csummary class=\"sat-accordion-header\"\u003e⚖️ Poids\u003c\/summary\u003e\n\u003cdiv class=\"sat-accordion-content mt-3\"\u003e\n\u003cp\u003e75 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sat-accordion-item\"\u003e\n\u003csummary class=\"sat-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"sat-accordion-content mt-3\"\u003e\n\u003cp\u003eSodium Cocoate, Sodium Shea Butterate, Fel Bovinum (≥ 15 %)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sat-accordion-item\"\u003e\n\u003csummary class=\"sat-accordion-header\"\u003e🌿 Origine\u003c\/summary\u003e\n\u003cdiv class=\"sat-accordion-content mt-3\"\u003e\n\u003cp\u003e100 % d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sat-accordion-item\"\u003e\n\u003csummary class=\"sat-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n\u003cdiv class=\"sat-accordion-content mt-3\"\u003e\n\u003cp\u003eSaponifié à froid, artisanal, made in France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sat-accordion-item\"\u003e\n\u003csummary class=\"sat-accordion-header\"\u003e🚫 Sans\u003c\/summary\u003e\n\u003cdiv class=\"sat-accordion-content mt-3\"\u003e\n\u003cp\u003eParfum, huile essentielle, colorant, conservateur de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sat-accordion-item\"\u003e\n\u003csummary class=\"sat-accordion-header\"\u003e👕 Convient à\u003c\/summary\u003e\n\u003cdiv class=\"sat-accordion-content mt-3\"\u003e\n\u003cp\u003eTous types de textiles : coton, lin, soie, laine, synthétiques, tapis, pinceaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sat-accordion-item\"\u003e\n\u003csummary class=\"sat-accordion-header\"\u003e♻️ Biodégradable\u003c\/summary\u003e\n\u003cdiv class=\"sat-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, formule respectueuse de l'environnement\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=\"sat-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"sat-cta-box\"\u003e\n\u003cp\u003eCe stick détachant artisanal Pimpant, c'est la preuve que l'on n'a pas besoin de chimie agressive pour venir à bout des taches les plus coriaces. \u003cstrong\u003eTrois ingrédients naturels, un savoir-faire français, et vos textiles retrouvent une seconde vie.\u003c\/strong\u003e Simple, efficace, responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sat-disclaimer\"\u003eLes résultats peuvent varier selon le type de tache, le textile et le temps écoulé depuis l'apparition de la tache. Effectuez toujours un test préalable sur les tissus délicats.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sat-cream: #FEF6F0;\n --sat-white: #ffffff;\n --sat-primary: #D4941A;\n --sat-primary-dark: #A0700E;\n --sat-primary-light: #FFF5E6;\n --sat-secondary: #F5B731;\n --sat-accent: #E8A825;\n --sat-text: #1a1a1a;\n --sat-text-light: #5a5a5a;\n --sat-border: #EDE3D8;\n --sat-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sat-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sat-radius: 20px;\n --sat-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sat-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sat-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sat-hero {\n position: relative;\n background: linear-gradient(135deg, #A0700E 0%, #D4941A 40%, #F5B731 100%);\n border-radius: var(--sat-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(--sat-shadow-lg);\n}\n\n.sat-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,.12) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 2px, transparent 2px),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 1.5px, transparent 1.5px);\n background-size: 60px 60px, 80px 80px, 45px 45px;\n opacity: .5;\n}\n\n.sat-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sat-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.sat-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.sat-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sat-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sat-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(--sat-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sat-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sat-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sat-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sat-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.sat-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(--sat-primary), var(--sat-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sat-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sat-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.sat-card {\n background: var(--sat-white);\n border-radius: var(--sat-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sat-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sat-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sat-shadow-lg);\n border-color: var(--sat-primary);\n}\n\n.sat-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sat-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sat-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sat-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sat-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sat-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sat-grid-compact .sat-card {\n padding: 1rem;\n}\n\n.sat-grid-compact .sat-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sat-grid-compact .sat-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sat-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sat-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sat-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sat-primary), var(--sat-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(212, 148, 26, .3);\n}\n\n.sat-timeline-content {\n flex: 1;\n background: var(--sat-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sat-radius-sm);\n box-shadow: var(--sat-shadow);\n}\n\n.sat-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sat-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sat-timeline-content p {\n font-size: 14px;\n color: var(--sat-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sat-testimonial {\n background: var(--sat-white);\n border-radius: var(--sat-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sat-shadow);\n border-left: 4px solid var(--sat-primary);\n}\n\n.sat-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sat-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPARISON TABLE === *\/\n.sat-comparison {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n}\n\n.sat-comparison-col {\n background: var(--sat-white);\n border-radius: var(--sat-radius);\n overflow: hidden;\n box-shadow: var(--sat-shadow);\n transition: all .3s ease;\n}\n\n.sat-comparison-col:hover {\n transform: translateY(-4px);\n box-shadow: var(--sat-shadow-lg);\n}\n\n.sat-comparison-header {\n padding: 1rem 1.25rem;\n font-weight: 800;\n font-size: clamp(14px, 2.5vw, 16px);\n text-align: center;\n color: var(--sat-white);\n}\n\n.sat-comparison-header--pimp {\n background: linear-gradient(135deg, var(--sat-primary), var(--sat-secondary));\n}\n\n.sat-comparison-header--mars {\n background: linear-gradient(135deg, #8B8B8B, #A0A0A0);\n}\n\n.sat-comparison-body {\n padding: 1rem 1.25rem;\n}\n\n.sat-comparison-body ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n.sat-comparison-body li {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--sat-text-light);\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.sat-accordion {\n background: var(--sat-white);\n border-radius: var(--sat-radius);\n box-shadow: var(--sat-shadow);\n overflow: hidden;\n}\n\n.sat-accordion-item {\n border-bottom: 1px solid var(--sat-border);\n margin: 0;\n padding: 0;\n}\n\n.sat-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sat-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sat-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.sat-accordion-header:hover {\n background: var(--sat-primary-light);\n}\n\n.sat-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sat-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sat-primary);\n transition: transform .2s ease;\n}\n\n.sat-accordion-item[open] .sat-accordion-header::after {\n content: '−';\n}\n\n.sat-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sat-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sat-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sat-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sat-primary-light);\n border-radius: var(--sat-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sat-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sat-tip p {\n font-size: 14px;\n color: var(--sat-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sat-cta-box {\n background: linear-gradient(135deg, var(--sat-primary) 0%, var(--sat-primary-dark) 100%);\n border-radius: var(--sat-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sat-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.sat-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.sat-disclaimer {\n font-size: 12px;\n color: var(--sat-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 .sat-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sat-card {\n padding: 1.125rem;\n }\n\n .sat-section {\n margin-bottom: 1.75rem;\n }\n\n .sat-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sat-radius-sm);\n }\n\n .sat-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sat-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sat-grid-compact {\n gap: .625rem;\n }\n\n .sat-grid-compact .sat-card {\n padding: .75rem;\n }\n\n .sat-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sat-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sat-timeline-content h3 {\n font-size: 14px;\n }\n\n .sat-timeline-content p {\n font-size: 13px;\n }\n\n .sat-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sat-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sat-testimonial {\n padding: 1.25rem;\n }\n\n .sat-testimonial-text {\n font-size: 14px;\n }\n\n \/* Comparison mobile *\/\n .sat-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sat-comparison-body {\n padding: .875rem 1rem;\n }\n\n .sat-comparison-body li {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sat-card {\n animation: satFadeInUp .5s ease backwards;\n }\n .sat-card:nth-child(1) { animation-delay: .05s; }\n .sat-card:nth-child(2) { animation-delay: .1s; }\n .sat-card:nth-child(3) { animation-delay: .15s; }\n .sat-card:nth-child(4) { animation-delay: .2s; }\n .sat-card:nth-child(5) { animation-delay: .25s; }\n .sat-card:nth-child(6) { animation-delay: .3s; }\n\n .sat-timeline-item {\n animation: satFadeInUp .5s ease backwards;\n }\n .sat-timeline-item:nth-child(1) { animation-delay: .05s; }\n .sat-timeline-item:nth-child(2) { animation-delay: .12s; }\n .sat-timeline-item:nth-child(3) { animation-delay: .19s; }\n .sat-timeline-item:nth-child(4) { animation-delay: .26s; }\n}\n\n@keyframes satFadeInUp {\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 .sat-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":55688809349497,"sku":"NBAIPIM0032","price":5.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-detachant-artisanal-75g-pimpant_16096309-8466-423b-bc74-db5cb1bf9662.webp?v=1756134529"},{"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":"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/savon-726776.jpg?v=1732719575","url":"https:\/\/www.naturellement-bio.com\/collections\/savon.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}