{"title":"Endro cosmétiques","description":"\u003cdiv class=\"collection-content\"\u003e\n\n\u003ch2\u003eEndro cosmétiques : la beauté engagée venue de Bretagne\u003c\/h2\u003e\n\u003cp\u003eChanger sa routine beauté sans compromis sur la nature, c'est possible. Avec Endro, nous avons trouvé LA marque bretonne qui allie simplicité, efficacité et transparence. Chaque produit est formulé avec soin, en petits lots, à Lannion, pour vous offrir l'essentiel… et rien de plus. Ici, pas d'ingrédient caché : tout est clair, et tout est pensé pour votre peau – et pour la planète. Un vrai \u003cstrong\u003ecosmétique artisanal de Bretagne\u003c\/strong\u003e, ancré dans des valeurs de \u003cstrong\u003ecosmétiques naturels bio\u003c\/strong\u003e.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\n\u003ch2\u003eDes soins naturels pour chaque geste du quotidien\u003c\/h2\u003e\n\u003cp\u003eCe qui distingue Endro ? Des formules courtes, à base d'ingrédients bio, dans des \u003cstrong\u003eemballages zéro déchet\u003c\/strong\u003e en verre consigné. Voici les grandes familles de la gamme pour composer votre routine sur-mesure.\u003c\/p\u003e\n\n\u003ch3\u003eLes soins visage : hydratation, nutrition et anti-âge\u003c\/h3\u003e\n\u003cp\u003eEndro propose une gamme complète de \u003cstrong\u003esoins visage bio\u003c\/strong\u003e adaptés à tous les types de peau : crèmes hydratantes pour peaux normales à mixtes, soins nourrissants pour peaux sèches et formules anti-âge ciblées. Chaque \u003cstrong\u003ecrème hydratante bio\u003c\/strong\u003e offre une texture fondante, un parfum délicat et une composition irréprochable — le strict nécessaire pour une peau éclatante.\u003c\/p\u003e\n\n\u003ch3\u003eLes soins corps : des mains aux pieds\u003c\/h3\u003e\n\u003cp\u003eCrèmes mains réparatrices, soins pieds adoucissants, baumes multi-usages… Les \u003cstrong\u003esoins corps naturels\u003c\/strong\u003e Endro prennent soin de vous de la tête aux pieds, avec des textures riches et des actifs végétaux choisis. Zéro plastique, zéro superflu : chaque pot est un geste concret pour un \u003cstrong\u003esoin corps zéro déchet\u003c\/strong\u003e.\u003c\/p\u003e\n\n\u003ch3\u003eLes déodorants solides : une alternative naturelle et zéro déchet\u003c\/h3\u003e\n\u003cp\u003eFini les emballages jetables. Les \u003cstrong\u003edéodorants solides naturels\u003c\/strong\u003e Endro offrent une protection efficace toute la journée, dans un format compact en bocal de verre. Le \u003ca href=\"\/products\/deodorant-solide-aloe-vera-peaux-sensibles-endro\" target=\"_blank\"\u003e\u003cstrong\u003edéodorant solide à l'aloe vera pour peaux sensibles\u003c\/strong\u003e\u003c\/a\u003e est l'un des best-sellers de la marque : formulé sans bicarbonate, il respecte même les aisselles les plus réactives.\u003c\/p\u003e\n\n\u003ch3\u003eLes dentifrices naturels : une bouche saine, une formule propre\u003c\/h3\u003e\n\u003cp\u003eEndro décline ses \u003cstrong\u003edentifrices naturels bio\u003c\/strong\u003e en pâte, pour adultes et enfants, avec des parfums gourmands et des actifs doux. Sans fluor controversé ni conservateur synthétique, ils nettoient efficacement tout en respectant l'émail et les gencives.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\n\u003ch2\u003eDes engagements vrais, pour une beauté durable\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003eFormulation simple\u003c\/strong\u003e, sans ingrédients controversés ni conservateurs synthétiques\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003eProduction artisanale\u003c\/strong\u003e en Bretagne, en petits lots pour garantir fraîcheur et qualité\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003eEmballages zéro plastique\u003c\/strong\u003e, bocal en verre consigné ou réutilisable\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003eCertifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e ou \u003cstrong\u003eNature \u0026amp; Progrès\u003c\/strong\u003e, cruelty free et vegan sur de nombreuses références\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\n\u003ch2\u003eNotre sélection phare : les soins anti-âge Endro\u003c\/h2\u003e\n\u003cp\u003eVous cherchez une \u003cstrong\u003ecrème visage anti-âge\u003c\/strong\u003e efficace et naturelle ? Endro a développé une gamme complète de \u003cstrong\u003esoins anti-âge naturels\u003c\/strong\u003e, formulés avec des actifs marins et végétaux, pour lutter contre les signes du temps sans compromis sur la composition. Voici nos trois incontournables, complémentaires et adaptés à toutes les peaux.\u003c\/p\u003e\n\n\u003ch3\u003eLe sérum au collagène liftant : l'actif concentré anti-âge\u003c\/h3\u003e\n\u003cp\u003eLe \u003ca href=\"\/products\/serum-anti-age-collagene-liftant-30ml\" target=\"_blank\"\u003e\u003cstrong\u003esérum anti-âge au collagène liftant Endro\u003c\/strong\u003e\u003c\/a\u003e associe collagène végétal, acide hyaluronique et actifs marins pour un effet tenseur immédiat. Sa texture légère pénètre rapidement, sans effet gras, et offre un vrai boost d'éclat et de fermeté. Idéal matin et soir, seul ou avant votre crème.\u003c\/p\u003e\n\n\u003ch3\u003eLa crème de jour anti-âge : hydratation et éclat au quotidien\u003c\/h3\u003e\n\u003cp\u003eComplémentaire du sérum, la \u003ca href=\"\/products\/creme-de-jour-anti-age-50-ml-endro\" target=\"_blank\"\u003e\u003cstrong\u003ecrème de jour anti-âge Endro\u003c\/strong\u003e\u003c\/a\u003e nourrit en profondeur et protège la peau des agressions extérieures. Plus qu'un simple anti-rides, c'est une \u003cstrong\u003ecrème anti-âge vegan\u003c\/strong\u003e qui agit globalement sur l'éclat, la souplesse et la densité de la peau — un soin complet pour préserver votre capital jeunesse au fil des jours.\u003c\/p\u003e\n\n\u003ch3\u003eLe contour des yeux roll-on : le soin ciblé pour le regard\u003c\/h3\u003e\n\u003cp\u003eLe \u003ca href=\"\/products\/contour-des-yeux-roll-on-10ml-endro\" target=\"_blank\"\u003e\u003cstrong\u003econtour des yeux roll-on Endro\u003c\/strong\u003e\u003c\/a\u003e est un soin frais et décongestionnant, parfait pour atténuer cernes, poches et ridules. Son format roll-on en verre stimule la microcirculation dès l'application. Un \u003cstrong\u003econtour des yeux naturel\u003c\/strong\u003e à glisser dans toutes les routines, matin comme soir.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\n\u003ch2\u003eComment intégrer les cosmétiques Endro dans votre routine quotidienne ?\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eLe matin\u003c\/strong\u003e, commencez par appliquer le sérum au collagène sur peau propre, puis enchaînez avec la crème de jour anti-âge pour sceller l'hydratation et protéger votre peau. N'oubliez pas le roll-on contour des yeux pour un regard frais. \u003cstrong\u003eLe soir\u003c\/strong\u003e, après un nettoyage doux, réappliquez le sérum seul pour laisser les actifs travailler pendant la nuit. Côté hygiène, adoptez le déodorant solide après la douche et le dentifrice naturel matin et soir. Avec Endro, votre \u003cstrong\u003eroutine soin visage bio\u003c\/strong\u003e reste simple, rapide et pleine de sens. Une question sur l'ordre d'application ou le choix d'un soin ? Notre équipe vous conseille avec plaisir.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\n\u003ch2\u003eVos questions sur les cosmétiques Endro\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes cosmétiques Endro conviennent-ils aux peaux sensibles ?\u003c\/summary\u003e\n\u003cp\u003eOui ! Les formules sont épurées, sans allergènes majeurs ni conservateurs agressifs. Beaucoup de clients ayant une peau réactive les tolèrent très bien.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes produits Endro sont-ils certifiés bio ?\u003c\/summary\u003e\n\u003cp\u003eLa majorité des références Endro sont labellisées Cosmos Organic ou Nature \u0026amp; Progrès. Chaque fiche produit précise la certification exacte.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eOù sont fabriqués les cosmétiques Endro ?\u003c\/summary\u003e\n\u003cp\u003eToute la production est réalisée à la main, dans leur atelier de Lannion, en Bretagne.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuels sont les produits les plus populaires de la gamme Endro ?\u003c\/summary\u003e\n\u003cp\u003eLe déodorant solide, le baume multi-usage, le dentifrice en pâte et le sérum anti-âge au collagène liftant font partie des incontournables plébiscités par nos clients.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment recycler les emballages Endro ?\u003c\/summary\u003e\n\u003cp\u003eLes bocaux en verre peuvent être rapportés en point de collecte ou réutilisés chez soi (épices, cosmétiques maison, etc.). Le verre est recyclable à l'infini.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la meilleure crème anti-âge pour le visage ?\u003c\/summary\u003e\n\u003cp\u003eChez Endro, la crème de jour anti-âge est un excellent choix : elle combine des actifs végétaux et marins pour hydrater, raffermir et redonner de l'éclat à la peau. Associée au sérum au collagène liftant, elle constitue un duo anti-âge complet, naturel et certifié bio.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la meilleure crème pour le contour des yeux ?\u003c\/summary\u003e\n\u003cp\u003eLe contour des yeux roll-on Endro est un soin ciblé à base d'actifs naturels qui aide à réduire les cernes, les poches et les premières ridules. Son applicateur roll-on en verre offre un effet frais et décongestionnant immédiat, idéal pour un regard reposé dès le matin.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e","products":[{"product_id":"serum-anti-imperfections-30ml-endro","title":"Sérum Purifiant Anti-imperfections - 30 ml - Endro","description":"\u003cdiv class=\"eai-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"eai-hero\"\u003e\n\u003cdiv class=\"eai-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"eai-hero-content\"\u003e\n\u003cdiv class=\"eai-badges-top\"\u003e\n\u003cspan class=\"eai-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"eai-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"eai-badge\"\u003e🌱 Certifié bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"eai-hero-title\"\u003eSérum anti-imperfections Endro\u003c\/span\u003e\n\u003cp class=\"eai-subtitle\"\u003eLa puissance des huiles végétales contre les imperfections\u003c\/p\u003e\n\u003cp class=\"eai-description\"\u003eFormulé avec seulement quelques ingrédients biologiques soigneusement sélectionnés, ce soin ciblé aide votre peau à retrouver son équilibre sans l'agresser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"eai-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce sérum anti-imperfections bio ?\u003c\/h2\u003e\n\u003cp class=\"eai-section-intro\"\u003eContrairement aux sérums classiques souvent chargés en actifs synthétiques, la formule Endro mise sur la simplicité et l'efficacité des huiles végétales et essentielles.\u003c\/p\u003e\n\u003cdiv class=\"eai-grid\"\u003e\n\u003cdiv class=\"eai-card\"\u003e\n\u003ch3\u003e🌿 Peau mixte à grasse\u003c\/h3\u003e\n\u003cp\u003eIdéal si vous avez des imperfections récurrentes et un excès de sébum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-card\"\u003e\n\u003ch3\u003e💧 Alternative naturelle\u003c\/h3\u003e\n\u003cp\u003ePas de niacinamide ni d'acide salicylique chimique, que des actifs naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-card\"\u003e\n\u003ch3\u003e⚖️ Régulation douce\u003c\/h3\u003e\n\u003cp\u003eRégule votre sébum sans dessécher ni agresser votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-card\"\u003e\n\u003ch3\u003e✨ Formule minimaliste\u003c\/h3\u003e\n\u003cp\u003eSeulement quelques ingrédients certifiés bio, rien de superflu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"eai-section\"\u003e\n\u003ch2\u003eLes actifs naturels qui font la différence\u003c\/h2\u003e\n\u003cdiv class=\"eai-grid\"\u003e\n\u003cdiv class=\"eai-card eai-card-featured\"\u003e\n\u003ch3\u003e🌰 Huile de noisette bio\u003c\/h3\u003e\n\u003cp\u003eBase du soin aux propriétés séborégulatrices. Pénètre rapidement sans film gras, resserre les pores dilatés et matifie naturellement le teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-card eai-card-featured\"\u003e\n\u003ch3\u003e🌲 Tea Tree\u003c\/h3\u003e\n\u003cp\u003eL'alliée incontournable des peaux à problèmes. Vertus antibactériennes et purifiantes pour assainir les zones concernées et favoriser la cicatrisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-card eai-card-featured\"\u003e\n\u003ch3\u003e🌸 Palmarosa\u003c\/h3\u003e\n\u003cp\u003eComplète parfaitement l'action du Tea Tree. Rééquilibre la flore cutanée tout en apportant une note olfactive florale agréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"eai-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"eai-inci-box\"\u003e\n\u003cp class=\"eai-inci-text\"\u003eCorylus Avellana Seed Oil (Huile de Noisette)*, Cymbopogon Martinii Herb Oil (Huile Essentielle de Palmarosa)*, Melaleuca Alternifolia Leaf Oil (Huile Essentielle de Tea Tree)*, Tocopherol, Geraniol**, Linalool**, Citronellol**, Limonene**, Farnesol**.\u003c\/p\u003e\n\u003cp class=\"eai-inci-legend\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003cbr\u003e**Composés naturellement présents dans les huiles essentielles\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"eai-inci-highlight\"\u003e\n\u003cspan class=\"eai-highlight-badge\"\u003e100%\u003c\/span\u003e \u003cspan\u003ed'origine naturelle\u003c\/span\u003e \u003cspan class=\"eai-highlight-badge\"\u003e99,9%\u003c\/span\u003e \u003cspan\u003eissus de l'agriculture biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"eai-section\"\u003e\n\u003ch2\u003eComment utiliser ce sérum pour de meilleurs résultats ?\u003c\/h2\u003e\n\u003cdiv class=\"eai-timeline\"\u003e\n\u003cdiv class=\"eai-timeline-item\"\u003e\n\u003cdiv class=\"eai-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"eai-timeline-content\"\u003e\n\u003ch3\u003eLe soir uniquement\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur peau propre et sèche, après votre routine de nettoyage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-timeline-item\"\u003e\n\u003cdiv class=\"eai-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"eai-timeline-content\"\u003e\n\u003ch3\u003ePrélevez 2 à 3 gouttes\u003c\/h3\u003e\n\u003cp\u003eUtilisez la pipette pour doser précisément la quantité nécessaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-timeline-item\"\u003e\n\u003cdiv class=\"eai-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"eai-timeline-content\"\u003e\n\u003ch3\u003eApplication locale\u003c\/h3\u003e\n\u003cp\u003eAppliquez uniquement sur les imperfections, pas sur l'ensemble du visage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-timeline-item\"\u003e\n\u003cdiv class=\"eai-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"eai-timeline-content\"\u003e\n\u003ch3\u003eMassage doux\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement jusqu'à pénétration complète, après votre crème hydratante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-tip\"\u003e\n\u003cspan class=\"eai-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e En cas de bouton naissant, vous pouvez appliquer une goutte pure directement sur la zone concernée pour une action ciblée plus intense.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"eai-section\"\u003e\n\u003ch2\u003eÀ qui convient ce soin purifiant ?\u003c\/h2\u003e\n\u003cdiv class=\"eai-grid\"\u003e\n\u003cdiv class=\"eai-card\"\u003e\n\u003ch3\u003e👦 Adolescents dès 12 ans\u003c\/h3\u003e\n\u003cp\u003eSolution naturelle pour l'acné hormonale de la puberté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-card\"\u003e\n\u003ch3\u003e👩 Adultes\u003c\/h3\u003e\n\u003cp\u003eImperfections occasionnelles ou persistantes à tout âge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-card\"\u003e\n\u003ch3\u003e✨ Peaux mixtes à grasses\u003c\/h3\u003e\n\u003cp\u003eRégulation naturelle de la production de sébum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-warning-box\"\u003e\n\u003cp\u003e⚠️ \u003cstrong\u003eNon recommandé\u003c\/strong\u003e pour les femmes enceintes ou allaitantes en raison de la présence d'huiles essentielles. En cas de doute, demandez conseil à votre médecin ou dermatologue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"eai-section\"\u003e\n\u003ch2\u003eUne marque engagée pour une cosmétique responsable\u003c\/h2\u003e\n\u003cdiv class=\"eai-testimonial\"\u003e\n\u003cp class=\"eai-testimonial-text\"\u003e\"Endro Cosmétiques, c'est une petite entreprise bretonne qui fabrique tous ses produits à la main, en France. Le flacon en verre de 30 ml est consigné et recyclable, une démarche écoresponsable qui limite considérablement l'impact environnemental de votre routine beauté.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-grid-compact\"\u003e\n\u003cdiv class=\"eai-card\"\u003e\n\u003ch3\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-card\"\u003e\n\u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n\u003cp\u003ePar organisme indépendant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-card\"\u003e\n\u003ch3\u003e♻️ Packaging éco-conçu\u003c\/h3\u003e\n\u003cp\u003eFlacon consigné et recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eai-card\"\u003e\n\u003ch3\u003e🇫🇷 Savoir-faire artisanal\u003c\/h3\u003e\n\u003cp\u003eFabriqué en Bretagne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"eai-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n\u003cdiv class=\"eai-accordion\"\u003e\n\u003cdetails class=\"eai-accordion-item\"\u003e\n\u003csummary class=\"eai-accordion-header\"\u003e👁️ Zones à éviter\u003c\/summary\u003e\n\u003cdiv class=\"eai-accordion-content\"\u003e\n\u003cp\u003eÉvitez le contour des yeux et les muqueuses. Ce sérum est conçu pour une application locale sur les imperfections uniquement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"eai-accordion-item\"\u003e\n\u003csummary class=\"eai-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n\u003cdiv class=\"eai-accordion-content\"\u003e\n\u003cp\u003eRéalisez un test cutané dans le pli du coude 24h avant la première utilisation pour vérifier l'absence de réaction allergique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"eai-accordion-item\"\u003e\n\u003csummary class=\"eai-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"eai-accordion-content\"\u003e\n\u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur pour préserver l'efficacité des huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"eai-accordion-item\"\u003e\n\u003csummary class=\"eai-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n\u003cdiv class=\"eai-accordion-content\"\u003e\n\u003cp\u003eNe pas utiliser pendant la grossesse et l'allaitement en raison de la présence d'huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"eai-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas d'acné sévère ou persistante, consultez un dermatologue pour un accompagnement adapté.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --eai-cream: #F5F3EE;\n --eai-white: #ffffff;\n --eai-primary: #6B8E7B;\n --eai-primary-dark: #4A6B5A;\n --eai-primary-light: #E8F0EB;\n --eai-secondary: #C4A35A;\n --eai-accent: #8B7355;\n --eai-text: #1a1a1a;\n --eai-text-light: #5a5a5a;\n --eai-border: #e0e0e0;\n --eai-shadow: 0 4px 24px rgba(0,0,0,.08);\n --eai-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --eai-radius: 20px;\n --eai-radius-sm: 12px;\n}\n\n.eai-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--eai-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.eai-hero {\n position: relative;\n background: linear-gradient(135deg, #6B8E7B 0%, #4A6B5A 50%, #5C7A6A 100%);\n border-radius: var(--eai-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(--eai-shadow-lg);\n}\n\n.eai-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 8-8 14-15 17 7 3 12.5 9 15 17 2.5-8 8-14 15-17-7-3-12.5-9-15-17z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.eai-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.eai-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.eai-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(--eai-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.eai-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.eai-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.eai-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.eai-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.eai-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.eai-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--eai-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.eai-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(--eai-primary), var(--eai-secondary));\n border-radius: 2px;\n}\n\n.eai-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eai-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.eai-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.eai-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.eai-card {\n background: var(--eai-white);\n border-radius: var(--eai-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--eai-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.eai-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--eai-shadow-lg);\n border-color: var(--eai-primary);\n}\n\n.eai-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--eai-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.eai-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--eai-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.eai-card-featured {\n border-left: 4px solid var(--eai-secondary);\n text-align: left;\n}\n\n.eai-grid-compact .eai-card {\n padding: 1rem;\n}\n\n.eai-grid-compact .eai-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.eai-grid-compact .eai-card p {\n font-size: 12px;\n}\n\n.eai-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.eai-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.eai-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--eai-primary), var(--eai-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.eai-timeline-content {\n flex: 1;\n background: var(--eai-white);\n padding: 1rem 1.25rem;\n border-radius: var(--eai-radius-sm);\n box-shadow: var(--eai-shadow);\n}\n\n.eai-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--eai-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.eai-timeline-content p {\n font-size: 14px;\n color: var(--eai-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.eai-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--eai-primary-light);\n border-radius: var(--eai-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.eai-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.eai-tip p {\n font-size: 14px;\n color: var(--eai-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.eai-testimonial {\n background: var(--eai-white);\n border-radius: var(--eai-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--eai-shadow);\n border-left: 4px solid var(--eai-primary);\n margin-bottom: 1.5rem;\n}\n\n.eai-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eai-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.eai-inci-box {\n background: var(--eai-white);\n border-radius: var(--eai-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--eai-shadow);\n}\n\n.eai-inci-text {\n font-size: 14px;\n color: var(--eai-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n font-family: 'Courier New', monospace;\n}\n\n.eai-inci-legend {\n font-size: 13px;\n color: var(--eai-text-light);\n margin: 0 0 1.5rem 0;\n}\n\n.eai-inci-highlight {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: .5rem 1rem;\n padding-top: 1rem;\n border-top: 1px solid var(--eai-border);\n font-size: 14px;\n font-weight: 600;\n color: var(--eai-text);\n}\n\n.eai-highlight-badge {\n background: linear-gradient(135deg, var(--eai-primary), var(--eai-primary-dark));\n color: white;\n padding: 4px 12px;\n border-radius: 999px;\n font-weight: 800;\n font-size: 16px;\n}\n\n.eai-warning-box {\n background: #FFF8E7;\n border: 2px solid var(--eai-secondary);\n border-radius: var(--eai-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n}\n\n.eai-warning-box p {\n font-size: 14px;\n color: var(--eai-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.eai-accordion {\n background: var(--eai-white);\n border-radius: var(--eai-radius);\n box-shadow: var(--eai-shadow);\n overflow: hidden;\n}\n\n.eai-accordion-item {\n border-bottom: 1px solid var(--eai-border);\n margin: 0;\n padding: 0;\n}\n\n.eai-accordion-item:last-child {\n border-bottom: none;\n}\n\n.eai-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--eai-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.eai-accordion-header:hover {\n background: var(--eai-primary-light);\n}\n\n.eai-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.eai-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--eai-primary);\n transition: transform .2s ease;\n}\n\n.eai-accordion-item[open] .eai-accordion-header::after {\n content: '−';\n}\n\n.eai-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--eai-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.eai-accordion-content p {\n margin: 0;\n}\n\n.eai-disclaimer {\n font-size: 12px;\n color: var(--eai-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .eai-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .eai-card {\n padding: 1.125rem;\n }\n \n .eai-section {\n margin-bottom: 1.75rem;\n }\n \n .eai-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--eai-radius-sm);\n }\n \n .eai-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .eai-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .eai-grid-compact {\n gap: .625rem;\n }\n \n .eai-grid-compact .eai-card {\n padding: .75rem;\n }\n \n .eai-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .eai-timeline-content {\n padding: .875rem 1rem;\n }\n \n .eai-timeline-content h3 {\n font-size: 14px;\n }\n \n .eai-timeline-content p {\n font-size: 13px;\n }\n \n .eai-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .eai-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .eai-testimonial {\n padding: 1.25rem;\n }\n \n .eai-testimonial-text {\n font-size: 14px;\n }\n \n .eai-inci-box {\n padding: 1.25rem;\n }\n \n .eai-inci-text {\n font-size: 12px;\n }\n \n .eai-inci-highlight {\n font-size: 13px;\n }\n \n .eai-highlight-badge {\n font-size: 14px;\n padding: 3px 10px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .eai-card {\n animation: fadeInUp .5s ease backwards;\n }\n .eai-card:nth-child(1) { animation-delay: .05s; }\n .eai-card:nth-child(2) { animation-delay: .1s; }\n .eai-card:nth-child(3) { animation-delay: .15s; }\n .eai-card:nth-child(4) { animation-delay: .2s; }\n .eai-card:nth-child(5) { animation-delay: .25s; }\n .eai-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 .eai-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":55363847258489,"sku":"NBAIEND0128","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-purifiant-anti-imperfections-30-ml-endro-lifestyle.webp?v=1776423961"},{"product_id":"contour-des-yeux-roll-on-10ml-endro","title":"Contour des yeux roll on - 10 ml - Endro","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Contour des yeux roll on - 10 ml - Endro\nPalette détectée:\n - Primaire: #6B8FAD (bleu gris doux du packaging, rappelant le bleuet)\n - Secondaire: #A8C5D9 (bleu ciel clair, fond des images)\n - Accent: #3D5A73 (bleu foncé pour contraste)\n - Background: #F7F9FB (blanc légèrement bleuté)\nAmbiance: Fraîcheur, naturel\/bio, douceur, minimaliste épuré, cosmétique premium française\nPréfixe CSS: ecy\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir un soin pour le contour des yeux ?\"\n 2. \"Les actifs naturels au cœur de cette formule\"\n 3. \"Comment utiliser ce roll-on contour des yeux ?\"\n 4. \"Liste complète des ingrédients (INCI)\"\n 5. \"Ce qui fait la différence avec ce soin Endro\"\n 6. \"Les engagements Endro\"\n 7. \"À qui s'adresse ce meilleur soin contour des yeux naturel ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ecy-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ecy-hero\"\u003e\n \u003cdiv class=\"ecy-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ecy-hero-content\"\u003e\n \u003cdiv class=\"ecy-badges-top\"\u003e\n \u003cspan class=\"ecy-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"ecy-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e\n \u003cspan class=\"ecy-badge\"\u003e✨ Certifié Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ecy-hero-title\"\u003eContour des Yeux Roll-On\u003c\/span\u003e\n \u003cp class=\"ecy-subtitle\"\u003eEndro Cosmétiques • 10 ml\u003c\/p\u003e\n \u003cp class=\"ecy-description\"\u003eVotre allié quotidien pour un regard frais et reposé. Cible efficacement les cernes, poches et ridules grâce à sa bille inox et ses actifs végétaux concentrés.\u003c\/p\u003e\n \u003cdiv class=\"ecy-hero-stats\"\u003e\n \u003cdiv class=\"ecy-stat\"\u003e\n \u003cspan class=\"ecy-stat-number\"\u003e89%\u003c\/span\u003e\n \u003cspan class=\"ecy-stat-label\"\u003emoins de ridules*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-stat\"\u003e\n \u003cspan class=\"ecy-stat-number\"\u003e37%\u003c\/span\u003e\n \u003cspan class=\"ecy-stat-label\"\u003eingrédients bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-stat\"\u003e\n \u003cspan class=\"ecy-stat-number\"\u003e5×\u003c\/span\u003e\n \u003cspan class=\"ecy-stat-label\"\u003eplus fine que le visage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ecy-section\"\u003e\n \u003ch2\u003ePourquoi choisir un soin pour le contour des yeux ?\u003c\/h2\u003e\n \u003cp class=\"ecy-section-intro\"\u003eLa peau du contour de l'œil est \u003cstrong\u003ejusqu'à 5 fois plus fine\u003c\/strong\u003e que celle du reste du visage. C'est souvent la première zone où apparaissent les signes de fatigue et de vieillissement.\u003c\/p\u003e\n \u003cdiv class=\"ecy-grid\"\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément cette zone fragile et délicate qui manque de glandes sébacées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🔄 Microcirculation stimulée\u003c\/h3\u003e\n \u003cp\u003eRéduit l'apparence des cernes en activant le drainage naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e✨ Poches décongestionnées\u003c\/h3\u003e\n \u003cp\u003eEffet frais immédiat grâce à la bille métallique qui draine dès l'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🪶 Ridules lissées\u003c\/h3\u003e\n \u003cp\u003eAtténue les rides d'expression pour un regard visiblement plus jeune\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ecy-section\"\u003e\n \u003ch2\u003eLes actifs naturels au cœur de cette formule\u003c\/h2\u003e\n \u003cdiv class=\"ecy-grid\"\u003e\n \u003cdiv class=\"ecy-card ecy-card-ingredient\"\u003e\n \u003ch3\u003e💜 Hydrolat de bleuet bio\u003c\/h3\u003e\n \u003cp\u003eReconnu depuis des siècles pour ses vertus \u003cstrong\u003eapaisantes et décongestionnantes\u003c\/strong\u003e. Atténue les cernes bleutés et soulage les yeux gonflés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card ecy-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Huile de bourrache bio\u003c\/h3\u003e\n \u003cp\u003eExceptionnellement riche en \u003cstrong\u003eacide gamma-linolénique\u003c\/strong\u003e (oméga-6 rare). Redonne souplesse et élasticité à la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card ecy-card-ingredient\"\u003e\n \u003ch3\u003e🌼 Extrait de gentiane jaune bio\u003c\/h3\u003e\n \u003cp\u003ePossède un \u003cstrong\u003eeffet lissant remarquable\u003c\/strong\u003e. Favorise le drainage naturel pour atténuer poches et cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card ecy-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Poudre d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eHydratation intense\u003c\/strong\u003e sans alourdir. Propriétés réparatrices et apaisantes idéales pour les yeux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ecy-section\"\u003e\n \u003ch2\u003eComment utiliser ce roll-on contour des yeux ?\u003c\/h2\u003e\n \u003cdiv class=\"ecy-timeline\"\u003e\n \u003cdiv class=\"ecy-timeline-item\"\u003e\n \u003cdiv class=\"ecy-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ecy-timeline-content\"\u003e\n \u003ch3\u003ePréparez le soin\u003c\/h3\u003e\n \u003cp\u003eSecouez légèrement le flacon avant chaque utilisation pour homogénéiser la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-timeline-item\"\u003e\n \u003cdiv class=\"ecy-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ecy-timeline-content\"\u003e\n \u003ch3\u003eAppliquez avec la bille\u003c\/h3\u003e\n \u003cp\u003eFaites rouler doucement la bille inox de l'intérieur vers l'extérieur de l'œil, sur les paupières inférieures et supérieures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-timeline-item\"\u003e\n \u003cdiv class=\"ecy-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ecy-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eTerminez en tapotant du bout des doigts pour favoriser la pénétration des actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-timeline-item\"\u003e\n \u003cdiv class=\"ecy-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ecy-timeline-content\"\u003e\n \u003ch3\u003eRépétez 1 à 2 fois par jour\u003c\/h3\u003e\n \u003cp\u003eMatin et\/ou soir, sur une peau propre, avant votre crème de jour ou de nuit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-tip\"\u003e\n \u003cspan class=\"ecy-tip-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce fraîcheur :\u003c\/strong\u003e Conservez votre roll-on au réfrigérateur pour un effet décongestionnant encore plus prononcé. Idéal pour les matins difficiles !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ecy-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"ecy-accordion\"\u003e\n \u003cdetails class=\"ecy-accordion-item\" open\u003e\n \u003csummary class=\"ecy-accordion-header\"\u003e📋 Composition complète\u003c\/summary\u003e\n \u003cdiv class=\"ecy-accordion-content\"\u003e\n \u003cp\u003eAQUA (WATER \/ EAU), CENTAUREA CYANUS FLOWER WATER*, GLYCERIN, COCO-CAPRYLATE\/CAPRATE, BORAGO OFFICINALIS SEED OIL*, PENTYLENE GLYCOL, ARACHIDYL ALCOHOL, BEHENYL ALCOHOL, SODIUM LEVULINATE, ARACHIDYL GLUCOSIDE, PROPANEDIOL, KAOLIN, SODIUM ANISATE, LACTIC ACID, ACACIA SENEGAL GUM, ALOE BARBADENSIS LEAF JUICE POWDER*, LEUCONOSTOC\/RADISH ROOT FERMENT FILTRATE, SODIUM STEAROYL GLUTAMATE, XANTHAN GUM, TOCOPHEROL, GENTIANA LUTEA ROOT EXTRACT*\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ecy-accordion-item\"\u003e\n \u003csummary class=\"ecy-accordion-header\"\u003e🌿 Pourcentages clés\u003c\/summary\u003e\n \u003cdiv class=\"ecy-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e100%\u003c\/strong\u003e du total des ingrédients est d'origine naturelle\u003cbr\u003e\n \u003cstrong\u003e37%\u003c\/strong\u003e 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!-- SECTION 5 --\u003e\n \u003csection class=\"ecy-section\"\u003e\n \u003ch2\u003eCe qui fait la différence avec ce soin Endro\u003c\/h2\u003e\n \u003cdiv class=\"ecy-grid-compact\"\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e💨 Texture fluide\u003c\/h3\u003e\n \u003cp\u003ePénètre instantanément sans film gras, parfait sous le maquillage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🔘 Bille inox premium\u003c\/h3\u003e\n \u003cp\u003eEffet frais immédiat et massage précis de la zone orbitale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e👜 Format nomade\u003c\/h3\u003e\n \u003cp\u003e10 ml pratique qui se glisse partout pour des retouches express\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e♻️ Verre réutilisable\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable pour un choix responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ecy-section\"\u003e\n \u003ch2\u003eLes engagements Endro\u003c\/h2\u003e\n \u003cdiv class=\"ecy-grid-compact\"\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🏆 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient synthétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Bretagne\u003c\/h3\u003e\n \u003cp\u003eFabrication artisanale locale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"ecy-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce meilleur soin contour des yeux naturel ?\u003c\/h2\u003e\n \u003cp class=\"ecy-section-intro\"\u003eCe roll-on convient à tous les types de peaux, y compris les plus sensibles.\u003c\/p\u003e\n \u003cdiv class=\"ecy-grid\"\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e😴 Cernes marqués\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous souffrez de cernes ou de poches matinales persistantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e💻 Exposition aux écrans\u003c\/h3\u003e\n \u003cp\u003eParfait pour ceux qui passent de longues heures devant les écrans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui recherchent un soin certifié bio et efficace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e👁️ Yeux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulé pour les peaux réactives et compatible avec le port de lentilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-cta-box\"\u003e\n \u003cp\u003eOffrez à votre regard la fraîcheur et l'éclat qu'il mérite avec ce soin d'exception, fabriqué artisanalement en Bretagne 🌊\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ecy-disclaimer\"\u003e*Test d'usage sur un panel de 20 volontaires. Ce produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation. Évitez le contact direct avec les yeux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ecy-cream: #F7F9FB;\n --ecy-white: #ffffff;\n --ecy-primary: #6B8FAD;\n --ecy-primary-dark: #3D5A73;\n --ecy-primary-light: #E8F0F5;\n --ecy-secondary: #A8C5D9;\n --ecy-accent: #7BA3BE;\n --ecy-text: #1a1a1a;\n --ecy-text-light: #5a6a7a;\n --ecy-border: #e0e8ee;\n --ecy-shadow: 0 4px 24px rgba(107,143,173,.12);\n --ecy-shadow-lg: 0 12px 48px rgba(61,90,115,.18);\n --ecy-radius: 20px;\n --ecy-radius-sm: 12px;\n}\n\n.ecy-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ecy-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ecy-hero {\n position: relative;\n background: linear-gradient(135deg, #A8C5D9 0%, #6B8FAD 50%, #3D5A73 100%);\n border-radius: var(--ecy-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(--ecy-shadow-lg);\n}\n\n.ecy-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.ecy-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ecy-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ecy-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(--ecy-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ecy-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ecy-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.ecy-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.ecy-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 2rem auto;\n}\n\n.ecy-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.ecy-stat {\n text-align: center;\n}\n\n.ecy-stat-number {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n line-height: 1;\n}\n\n.ecy-stat-label {\n display: block;\n color: rgba(255,255,255,.85);\n font-size: clamp(11px, 2vw, 13px);\n font-weight: 600;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.ecy-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ecy-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ecy-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.ecy-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(--ecy-primary), var(--ecy-secondary));\n border-radius: 2px;\n}\n\n.ecy-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ecy-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.ecy-card {\n background: var(--ecy-white);\n border-radius: var(--ecy-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ecy-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ecy-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ecy-shadow-lg);\n border-color: var(--ecy-primary);\n}\n\n.ecy-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ecy-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ecy-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ecy-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ecy-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--ecy-primary);\n}\n\n\/* === GRILLES === *\/\n.ecy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ecy-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ecy-grid-compact .ecy-card {\n padding: 1rem;\n}\n\n.ecy-grid-compact .ecy-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ecy-grid-compact .ecy-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ecy-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ecy-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ecy-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ecy-primary), var(--ecy-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.ecy-timeline-content {\n flex: 1;\n background: var(--ecy-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ecy-radius-sm);\n box-shadow: var(--ecy-shadow);\n}\n\n.ecy-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ecy-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ecy-timeline-content p {\n font-size: 14px;\n color: var(--ecy-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ecy-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ecy-primary-light);\n border-radius: var(--ecy-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ecy-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ecy-tip p {\n font-size: 14px;\n color: var(--ecy-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ecy-accordion {\n background: var(--ecy-white);\n border-radius: var(--ecy-radius);\n box-shadow: var(--ecy-shadow);\n overflow: hidden;\n}\n\n.ecy-accordion-item {\n border-bottom: 1px solid var(--ecy-border);\n margin: 0;\n padding: 0;\n}\n\n.ecy-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ecy-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ecy-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.ecy-accordion-header:hover {\n background: var(--ecy-primary-light);\n}\n\n.ecy-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ecy-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ecy-primary);\n transition: transform .2s ease;\n}\n\n.ecy-accordion-item[open] .ecy-accordion-header::after {\n content: '−';\n}\n\n.ecy-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ecy-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.ecy-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.ecy-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ecy-cta-box {\n background: linear-gradient(135deg, var(--ecy-primary) 0%, var(--ecy-primary-dark) 100%);\n border-radius: var(--ecy-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 2rem;\n}\n\n.ecy-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.ecy-disclaimer {\n font-size: 12px;\n color: var(--ecy-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 .ecy-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ecy-card {\n padding: 1.125rem;\n }\n \n .ecy-card-ingredient {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--ecy-primary);\n }\n \n .ecy-section {\n margin-bottom: 1.75rem;\n }\n \n .ecy-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ecy-radius-sm);\n }\n \n .ecy-hero-stats {\n gap: 1.5rem;\n }\n \n .ecy-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ecy-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ecy-grid-compact {\n gap: .625rem;\n }\n \n .ecy-grid-compact .ecy-card {\n padding: .75rem;\n }\n \n .ecy-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .ecy-timeline-content {\n padding: .875rem 1rem;\n }\n \n .ecy-timeline-content h3 {\n font-size: 14px;\n }\n \n .ecy-timeline-content p {\n font-size: 13px;\n }\n \n .ecy-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ecy-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ecy-tip {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ecy-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ecy-card:nth-child(1) { animation-delay: .05s; }\n .ecy-card:nth-child(2) { animation-delay: .1s; }\n .ecy-card:nth-child(3) { animation-delay: .15s; }\n .ecy-card:nth-child(4) { animation-delay: .2s; }\n .ecy-card:nth-child(5) { animation-delay: .25s; }\n .ecy-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 .ecy-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":55363850174841,"sku":"NBAIEND0121","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/contour-des-yeux-roll-on-10-ml-endro-lifestyle_6d622852-c29c-4e5e-b387-c63964bb4c6e.webp?v=1769684724"},{"product_id":"serum-anti-age-repulpant-endro-30ml","title":"Sérum Anti-Âge Repulpant - Acide Hyaluronique - 30 ml – Endro","description":"\u003cdiv class=\"saa-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"saa-hero\"\u003e\n\u003cdiv class=\"saa-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"saa-hero-content\"\u003e\n\u003cdiv class=\"saa-badges-top\"\u003e\n\u003cspan class=\"saa-badge\"\u003e🏆 Élu Meilleur Produit Bio 2024\u003c\/span\u003e \u003cspan class=\"saa-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"saa-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"saa-hero-title\"\u003eSérum Anti-Âge Repulpant\u003c\/span\u003e\n\u003cp class=\"saa-subtitle\"\u003eAcide Hyaluronique \u0026amp; Hydrolat de Bleuet Bio\u003c\/p\u003e\n\u003cp class=\"saa-description\"\u003eUn concentré d'actifs naturels certifié bio pour une peau repulpée, hydratée et lumineuse. 91% des utilisatrices affirment avoir la peau plus lisse.*\u003c\/p\u003e\n\u003cdiv class=\"saa-stats\"\u003e\n\u003cdiv class=\"saa-stat\"\u003e\n\u003cspan class=\"saa-stat-number\"\u003e91%\u003c\/span\u003e \u003cspan class=\"saa-stat-label\"\u003ePeau plus lisse*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-stat\"\u003e\n\u003cspan class=\"saa-stat-number\"\u003e32%\u003c\/span\u003e \u003cspan class=\"saa-stat-label\"\u003eIngrédients bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-stat\"\u003e\n\u003cspan class=\"saa-stat-number\"\u003e30ml\u003c\/span\u003e \u003cspan class=\"saa-stat-label\"\u003e≈ 2 mois\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=\"saa-section\"\u003e\n\u003ch2\u003ePourquoi choisir un sérum à l'acide hyaluronique ?\u003c\/h2\u003e\n\u003cdiv class=\"saa-intro-box\"\u003e\n\u003cp\u003eL'\u003cstrong\u003eacide hyaluronique\u003c\/strong\u003e est une molécule naturellement présente dans notre peau, mais dont la production diminue avec l'âge. Son rôle ? Retenir l'eau dans les tissus cutanés pour maintenir une peau souple, rebondie et bien hydratée.\u003c\/p\u003e\n\u003cp\u003eDès 25-30 ans, cette diminution se fait ressentir : la peau perd en fermeté, les premières rides apparaissent, le teint devient plus terne.\u003cspan class=\"saa-highlight-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-highlight-box\"\u003e\n\u003cdiv class=\"saa-highlight-content\"\u003e\n\u003cstrong\u003e\u003cmeta charset=\"utf-8\"\u003e💧 La différence sérum vs crème\u003c\/strong\u003e\n\u003cp\u003eContrairement à une simple crème, le sérum possède une concentration en actifs plus élevée et une texture légère qui pénètre rapidement dans l'épiderme pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"saa-section\"\u003e\n\u003ch2\u003eLes actifs clés de ce sérum repulpant\u003c\/h2\u003e\n\u003cp class=\"saa-section-intro\"\u003eUne formulation 100% naturelle qui combine plusieurs actifs complémentaires pour une efficacité globale.\u003c\/p\u003e\n\u003cdiv class=\"saa-grid\"\u003e\n\u003cdiv class=\"saa-card\"\u003e\n\u003ch3\u003e💎 Acide hyaluronique\u003c\/h3\u003e\n\u003cp\u003eCapture et retient l'eau dans l'épiderme. Résultat : une peau repulpée, des rides et ridules visiblement atténuées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-card\"\u003e\n\u003ch3\u003e💙 Hydrolat de bleuet bio\u003c\/h3\u003e\n\u003cp\u003ePropriétés apaisantes et décongestionnantes. Tonifie la peau et lui redonne son éclat naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-card\"\u003e\n\u003ch3\u003e🔬 Extrait de Sphingomonas\u003c\/h3\u003e\n\u003cp\u003eActif biotechnologique qui lisse la texture de la peau et réduit l'apparence des rides d'expression.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-card\"\u003e\n\u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eTrésor d'hydratation qui apaise les peaux réactives et soutient le processus de régénération cellulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-card\"\u003e\n\u003ch3\u003e🍃 Glycérine végétale\u003c\/h3\u003e\n\u003cp\u003eHumectant naturel qui renforce la barrière cutanée et maintient une hydratation durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"saa-section\"\u003e\n\u003ch2\u003eQuels résultats attendre de ce sérum anti-âge ?\u003c\/h2\u003e\n\u003cdiv class=\"saa-grid\"\u003e\n\u003cdiv class=\"saa-card saa-card-result\"\u003e\n\u003ch3\u003e💦 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003eVotre peau reste souple et confortable toute la journée, sans tiraillements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-card saa-card-result\"\u003e\n\u003ch3\u003e✨ Effet repulpant visible\u003c\/h3\u003e\n\u003cp\u003eLes rides et ridules sont comblées de l'intérieur, la peau retrouve du volume et de la densité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-card saa-card-result\"\u003e\n\u003ch3\u003e🌟 Teint plus lumineux\u003c\/h3\u003e\n\u003cp\u003eFini le teint terne ! L'hydrolat de bleuet ravive l'éclat naturel de votre visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-card saa-card-result\"\u003e\n\u003ch3\u003e🪞 Texture affinée\u003c\/h3\u003e\n\u003cp\u003eLe grain de peau est lissé, plus uniforme au toucher.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-card saa-card-result\"\u003e\n\u003ch3\u003e🤍 Confort optimal\u003c\/h3\u003e\n\u003cp\u003eMême les peaux sensibles apprécient cette formule douce et apaisante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"saa-section\"\u003e\n\u003ch2\u003eComment utiliser ce sérum pour des résultats optimaux ?\u003c\/h2\u003e\n\u003cdiv class=\"saa-timeline\"\u003e\n\u003cdiv class=\"saa-timeline-item\"\u003e\n\u003cspan class=\"saa-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"saa-timeline-content\"\u003e\n\u003ch3\u003eNettoyez\u003c\/h3\u003e\n\u003cp\u003eCommencez par nettoyer votre visage avec un produit doux adapté à votre type de peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-timeline-item\"\u003e\n\u003cspan class=\"saa-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"saa-timeline-content\"\u003e\n\u003ch3\u003ePrélevez\u003c\/h3\u003e\n\u003cp\u003eDéposez \u003cstrong\u003e2 à 3 gouttes\u003c\/strong\u003e de sérum dans le creux de votre main.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-timeline-item\"\u003e\n\u003cspan class=\"saa-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"saa-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement le visage, le cou et le décolleté avec des mouvements ascendants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-timeline-item\"\u003e\n\u003cspan class=\"saa-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"saa-timeline-content\"\u003e\n\u003ch3\u003eComplétez\u003c\/h3\u003e\n\u003cp\u003eLaissez pénétrer quelques instants avant d'appliquer votre crème hydratante habituelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-tip\"\u003e\n\u003cspan class=\"saa-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce beauté :\u003c\/strong\u003e pour un effet repulpant renforcé, appliquez votre sérum sur peau légèrement humide. L'acide hyaluronique captera cette eau supplémentaire pour une hydratation décuplée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"saa-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce sérum anti-âge bio ?\u003c\/h2\u003e\n\u003cdiv class=\"saa-grid-compact\"\u003e\n\u003cdiv class=\"saa-card\"\u003e\n\u003ch3\u003e🌈 Tous types de peau\u003c\/h3\u003e\n\u003cp\u003eTexture légère et non grasse adaptée à chacun.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eFormule douce sans ingrédients irritants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-card\"\u003e\n\u003ch3\u003e⏳ Dès 25-30 ans\u003c\/h3\u003e\n\u003cp\u003eEn prévention des premiers signes de l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-card\"\u003e\n\u003ch3\u003e🌺 Peaux matures\u003c\/h3\u003e\n\u003cp\u003eAtténue les rides et redonne de l'éclat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"saa-section\"\u003e\n\u003ch2\u003eComposition complète (liste INCI)\u003c\/h2\u003e\n\u003cdiv class=\"saa-inci-box\"\u003e\n\u003cp class=\"saa-inci-text\"\u003eAQUA (WATER \/ EAU), CENTAUREA CYANUS FLOWER WATER*, GLYCERIN, PENTYLENE GLYCOL, PROPANEDIOL, CARRAGEENAN, PARFUM (FRAGRANCE), SODIUM LEVULINATE, ALOE BARBADENSIS LEAF JUICE POWDER*, SODIUM ANISATE, SODIUM HYALURONATE, LACTIC ACID, LEUCONOSTOC\/RADISH ROOT FERMENT FILTRATE, SPHINGOMONAS FERMENT EXTRACT.\u003c\/p\u003e\n\u003cp class=\"saa-inci-note\"\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saa-clean-box\"\u003e\n\u003cspan class=\"saa-clean-icon\"\u003e🚫\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans :\u003c\/strong\u003e silicones, parabènes, phénoxyéthanol ou autres ingrédients controversés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"saa-section\"\u003e\n\u003cdiv class=\"saa-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à votre peau le meilleur de la nature avec ce sérum anti-âge repulpant Endro. Une formule concentrée en acide hyaluronique et actifs botaniques pour retrouver une peau hydratée, lissée et lumineuse, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"saa-disclaimer\"\u003e*Test d'usage sur un panel de 20 volontaires. Ce produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un dermatologue.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --saa-cream: #F8F9FC;\n --saa-white: #ffffff;\n --saa-primary: #7B8DC4;\n --saa-primary-dark: #3D4A7A;\n --saa-primary-light: #E8EDF8;\n --saa-secondary: #A8C4E5;\n --saa-accent: #9B7BC4;\n --saa-text: #1a1a1a;\n --saa-text-light: #5a5a5a;\n --saa-border: #e0e0e0;\n --saa-shadow: 0 4px 24px rgba(61,74,122,.08);\n --saa-shadow-lg: 0 12px 48px rgba(61,74,122,.15);\n --saa-radius: 20px;\n --saa-radius-sm: 12px;\n}\n\n.saa-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--saa-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.saa-hero {\n position: relative;\n background: linear-gradient(135deg, #7B8DC4 0%, #A8C4E5 50%, #9B7BC4 100%);\n border-radius: var(--saa-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(--saa-shadow-lg);\n}\n\n.saa-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%);\n opacity: 1;\n}\n\n.saa-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.saa-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.saa-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(--saa-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.saa-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.saa-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.saa-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.saa-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;\n line-height: 1.6;\n}\n\n.saa-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.saa-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--saa-radius-sm);\n}\n\n.saa-stat-number {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: white;\n}\n\n.saa-stat-label {\n font-size: 12px;\n color: rgba(255,255,255,.85);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.saa-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.saa-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--saa-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.saa-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(--saa-primary), var(--saa-accent));\n border-radius: 2px;\n}\n\n.saa-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--saa-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === INTRO BOX === *\/\n.saa-intro-box {\n background: var(--saa-white);\n border-radius: var(--saa-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--saa-shadow);\n margin-bottom: 1.5rem;\n}\n\n.saa-intro-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--saa-text);\n line-height: 1.7;\n margin: 0 0 1rem 0;\n}\n\n.saa-intro-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.saa-highlight-box {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--saa-primary-light) 0%, #f0f4ff 100%);\n border-radius: var(--saa-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n border-left: 4px solid var(--saa-primary);\n}\n\n.saa-highlight-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.saa-highlight-content strong {\n display: block;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--saa-primary-dark);\n margin-bottom: .5rem;\n}\n\n.saa-highlight-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--saa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.saa-card {\n background: var(--saa-white);\n border-radius: var(--saa-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--saa-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.saa-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--saa-shadow-lg);\n border-color: var(--saa-primary);\n}\n\n.saa-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--saa-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.saa-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--saa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.saa-card-result {\n background: linear-gradient(135deg, var(--saa-white) 0%, var(--saa-primary-light) 100%);\n}\n\n.saa-card-engagement {\n border-top: 3px solid var(--saa-primary);\n}\n\n\/* === GRILLES === *\/\n.saa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.saa-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.saa-grid-compact .saa-card {\n padding: 1rem;\n}\n\n.saa-grid-compact .saa-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.saa-grid-compact .saa-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.saa-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.saa-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.saa-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--saa-primary), var(--saa-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(123,141,196,.3);\n}\n\n.saa-timeline-content {\n flex: 1;\n background: var(--saa-white);\n padding: 1rem 1.25rem;\n border-radius: var(--saa-radius-sm);\n box-shadow: var(--saa-shadow);\n}\n\n.saa-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--saa-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.saa-timeline-content p {\n font-size: 14px;\n color: var(--saa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.saa-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF5D6 100%);\n border-radius: var(--saa-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid #F5C518;\n}\n\n.saa-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.saa-tip p {\n font-size: 14px;\n color: var(--saa-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INCI BOX === *\/\n.saa-inci-box {\n background: var(--saa-white);\n border-radius: var(--saa-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--saa-shadow);\n margin-bottom: 1rem;\n}\n\n.saa-inci-text {\n font-size: 12px;\n color: var(--saa-text-light);\n line-height: 1.8;\n font-family: 'Courier New', monospace;\n margin: 0 0 1rem 0;\n word-break: break-word;\n}\n\n.saa-inci-note {\n font-size: 13px;\n color: var(--saa-primary-dark);\n font-style: italic;\n margin: 0;\n}\n\n.saa-clean-box {\n display: flex;\n gap: 1rem;\n align-items: center;\n background: linear-gradient(135deg, #FFF0F0 0%, #FFE8E8 100%);\n border-radius: var(--saa-radius-sm);\n padding: 1rem 1.25rem;\n}\n\n.saa-clean-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.saa-clean-box p {\n font-size: 14px;\n color: var(--saa-text);\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.saa-accordion {\n background: var(--saa-white);\n border-radius: var(--saa-radius);\n box-shadow: var(--saa-shadow);\n overflow: hidden;\n}\n\n.saa-accordion-item {\n border-bottom: 1px solid var(--saa-border);\n margin: 0;\n padding: 0;\n}\n\n.saa-accordion-item:last-child {\n border-bottom: none;\n}\n\n.saa-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--saa-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.saa-accordion-header:hover {\n background: var(--saa-primary-light);\n}\n\n.saa-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.saa-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--saa-primary);\n transition: transform .2s ease;\n}\n\n.saa-accordion-item[open] .saa-accordion-header::after {\n content: '−';\n}\n\n.saa-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--saa-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.saa-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.saa-cta-box {\n background: linear-gradient(135deg, var(--saa-primary) 0%, var(--saa-primary-dark) 100%);\n border-radius: var(--saa-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.saa-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.saa-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.saa-disclaimer {\n font-size: 12px;\n color: var(--saa-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .saa-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .saa-card {\n padding: 1.125rem;\n }\n \n .saa-section {\n margin-bottom: 1.75rem;\n }\n \n .saa-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--saa-radius-sm);\n }\n \n .saa-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .saa-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .saa-grid-compact {\n gap: .625rem;\n }\n \n .saa-grid-compact .saa-card {\n padding: .75rem;\n }\n \n .saa-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .saa-timeline-content {\n padding: .875rem 1rem;\n }\n \n .saa-timeline-content h3 {\n font-size: 14px;\n }\n \n .saa-timeline-content p {\n font-size: 13px;\n }\n \n .saa-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .saa-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .saa-highlight-box {\n flex-direction: column;\n text-align: center;\n }\n \n .saa-stats {\n gap: 1rem;\n }\n \n .saa-stat {\n padding: .75rem 1rem;\n }\n \n .saa-badge {\n font-size: 11px;\n padding: 6px 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .saa-card {\n animation: fadeInUp .5s ease backwards;\n }\n .saa-card:nth-child(1) { animation-delay: .05s; }\n .saa-card:nth-child(2) { animation-delay: .1s; }\n .saa-card:nth-child(3) { animation-delay: .15s; }\n .saa-card:nth-child(4) { animation-delay: .2s; }\n .saa-card:nth-child(5) { animation-delay: .25s; }\n .saa-card:nth-child(6) { animation-delay: .3s; }\n \n .saa-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .saa-timeline-item:nth-child(1) { animation-delay: .1s; }\n .saa-timeline-item:nth-child(2) { animation-delay: .2s; }\n .saa-timeline-item:nth-child(3) { animation-delay: .3s; }\n .saa-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .saa-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":55363851420025,"sku":"NBAIEND0126","price":24.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-anti-age-repulpant-acide-hyaluronique-30-ml-endro-lifestyle_0178bc4f-5471-4eef-b3b7-1d4269ad3550.webp?v=1776424574"},{"product_id":"creme-gel-matifiante-50ml-endro","title":"Gel crème visage Matifiant – Peaux mixtes à grasses - 50 ml - Endro","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel crème visage Matifiant Endro\nPalette détectée:\n - Primaire: #6B8E7D (vert sauge\/eucalyptus du tube)\n - Secondaire: #4A6B5D (vert plus foncé pour contraste)\n - Accent: #8FB5A3 (vert clair pour highlights)\n - Cream: #F7F9F6 (blanc cassé légèrement verdâtre)\nAmbiance: Naturel, frais, bio, minimaliste, clean beauty bretonne\nPréfixe CSS: gcm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gel crème matifiant Endro : l'allié naturel des peaux mixtes à grasses\"\n 2. \"Pourquoi votre peau mixte à grasse a besoin d'un soin matifiant adapté\"\n 3. \"Les actifs naturels au cœur de l'efficacité\"\n 4. \"Une texture gel crème qui change tout\"\n 5. \"Comment utiliser votre gel crème matifiant au quotidien\"\n 6. \"Composition complète (Liste INCI)\"\n 7. \"Les engagements Endro qui font la différence\"\n 8. \"À qui s'adresse ce soin matifiant ?\"\n 9. \"Questions fréquentes sur le gel crème matifiant Endro\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gcm-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"gcm-hero\"\u003e\n \u003cdiv class=\"gcm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gcm-hero-content\"\u003e\n \u003cdiv class=\"gcm-badges-top\"\u003e\n \u003cspan class=\"gcm-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"gcm-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e\n \u003cspan class=\"gcm-badge\"\u003e✨ Cosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gcm-hero-title\"\u003eGel Crème Visage Matifiant\u003c\/span\u003e\n \u003cp class=\"gcm-subtitle\"\u003ePeaux mixtes à grasses • 50 ml\u003c\/p\u003e\n \u003cp class=\"gcm-description\"\u003eFini les brillances ! Ce soin sébo-régulateur à l'extrait de Noni et à l'Aloe vera offre un teint mat et frais toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gcm-section\"\u003e\n \u003ch2\u003eGel crème matifiant Endro : l'allié naturel des peaux mixtes à grasses\u003c\/h2\u003e\n \u003cp class=\"gcm-section-intro\"\u003eVous connaissez cette sensation désagréable de peau qui brille dès la mi-journée ? Ce teint luisant qui vous pousse à vous repoudrer sans cesse ?\u003c\/p\u003e\n \u003cdiv class=\"gcm-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003egel crème visage matifiant Endro\u003c\/strong\u003e a été spécialement formulé pour répondre à cette problématique. Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et composé à 100% d'ingrédients d'origine naturelle, ce soin hydratant offre une solution efficace pour \u003cstrong\u003eréguler le sébum\u003c\/strong\u003e tout en préservant l'équilibre de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gcm-section\"\u003e\n \u003ch2\u003ePourquoi votre peau mixte à grasse a besoin d'un soin matifiant adapté\u003c\/h2\u003e\n \u003cdiv class=\"gcm-info-card\"\u003e\n \u003cdiv class=\"gcm-info-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv class=\"gcm-info-content\"\u003e\n \u003cp\u003eContrairement aux idées reçues, une \u003cstrong\u003epeau grasse ou mixte\u003c\/strong\u003e a elle aussi besoin d'hydratation. Lorsqu'elle est déshydratée, elle compense en produisant encore plus de sébum, créant ainsi un cercle vicieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"gcm-text-block\"\u003eLa clé réside dans le choix d'une \u003cstrong\u003ecrème hydratante matifiante visage\u003c\/strong\u003e qui hydrate sans alourdir ni obstruer les pores. Le gel crème matifiant Endro répond parfaitement à cette exigence grâce à sa \u003cstrong\u003etexture ultra-légère\u003c\/strong\u003e qui fond instantanément sur la peau.\u003c\/p\u003e\n \u003cdiv class=\"gcm-result-box\"\u003e\n \u003cspan class=\"gcm-result-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e votre peau est nourrie en profondeur, mais votre teint reste mat et frais pendant des heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gcm-section\"\u003e\n \u003ch2\u003eLes actifs naturels au cœur de l'efficacité\u003c\/h2\u003e\n \u003cp class=\"gcm-section-intro\"\u003eCe qui distingue cette crème visage matifiante des autres produits du marché, c'est la synergie de ses actifs soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"gcm-grid\"\u003e\n \u003cdiv class=\"gcm-card\"\u003e\n \u003ch3\u003e🥥 Extrait de Noni\u003c\/h3\u003e\n \u003cp\u003eCe fruit polynésien est un véritable sébo-régulateur naturel. Il aide à resserrer les pores dilatés et à purifier la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés apaisantes exceptionnelles, il hydrate intensément sans effet gras et calme les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-card\"\u003e\n \u003ch3\u003e🌊 Criste marine\u003c\/h3\u003e\n \u003cp\u003eCette plante des côtes bretonnes agit comme un bouclier antioxydant et révèle l'éclat naturel de votre teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-card\"\u003e\n \u003ch3\u003e🌰 Huile de noisette bio\u003c\/h3\u003e\n \u003cp\u003eL'huile sébo-régulatrice par excellence, non comédogène, qui aide à atténuer les petites imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E, elle nourrit la peau et renforce sa barrière protectrice naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gcm-section\"\u003e\n \u003ch2\u003eUne texture gel crème qui change tout\u003c\/h2\u003e\n \u003cp class=\"gcm-section-intro\"\u003eSi vous avez déjà essayé des crèmes matifiantes qui laissent un fini cartonné ou qui tiraillent, vous allez apprécier la différence.\u003c\/p\u003e\n \u003cdiv class=\"gcm-grid-compact\"\u003e\n \u003cdiv class=\"gcm-card\"\u003e\n \u003ch3\u003e⚡ Pénétration instantanée\u003c\/h3\u003e\n \u003cp\u003eSans film gras résiduel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-card\"\u003e\n \u003ch3\u003e🎯 Fini mat naturel\u003c\/h3\u003e\n \u003cp\u003eQui dure toute la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-card\"\u003e\n \u003ch3\u003e💄 Base maquillage idéale\u003c\/h3\u003e\n \u003cp\u003eLe fond de teint ne glisse pas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-card\"\u003e\n \u003ch3\u003e❄️ Fraîcheur immédiate\u003c\/h3\u003e\n \u003cp\u003eSensation agréable le matin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"gcm-section\"\u003e\n \u003ch2\u003eComment utiliser votre gel crème matifiant au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"gcm-routine-container\"\u003e\n \u003cdiv class=\"gcm-routine-block\"\u003e\n \u003cdiv class=\"gcm-routine-header\"\u003e☀️ Le matin\u003c\/div\u003e\n \u003cdiv class=\"gcm-timeline\"\u003e\n \u003cdiv class=\"gcm-timeline-item\"\u003e\n \u003cdiv class=\"gcm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gcm-timeline-content\"\u003e\n \u003ch3\u003eNettoyez\u003c\/h3\u003e\n \u003cp\u003eAvec un soin lavant doux adapté aux peaux mixtes à grasses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-timeline-item\"\u003e\n \u003cdiv class=\"gcm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gcm-timeline-content\"\u003e\n \u003ch3\u003ePrélevez\u003c\/h3\u003e\n \u003cp\u003eUne noisette de gel crème et réchauffez-la entre vos doigts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-timeline-item\"\u003e\n \u003cdiv class=\"gcm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gcm-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eSur le visage et le cou en massages légers et circulaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-timeline-item\"\u003e\n \u003cdiv class=\"gcm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gcm-timeline-content\"\u003e\n \u003ch3\u003ePatientez\u003c\/h3\u003e\n \u003cp\u003eQuelques secondes avant maquillage ou protection solaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-routine-block\"\u003e\n \u003cdiv class=\"gcm-routine-header\"\u003e🌙 Le soir\u003c\/div\u003e\n \u003cdiv class=\"gcm-timeline\"\u003e\n \u003cdiv class=\"gcm-timeline-item\"\u003e\n \u003cdiv class=\"gcm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gcm-timeline-content\"\u003e\n \u003ch3\u003eDouble nettoyage\u003c\/h3\u003e\n \u003cp\u003eÉliminez impuretés et maquillage en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-timeline-item\"\u003e\n \u003cdiv class=\"gcm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gcm-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le gel crème\u003c\/h3\u003e\n \u003cp\u003ePour une hydratation nocturne légère et réparatrice\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-timeline-item\"\u003e\n \u003cdiv class=\"gcm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gcm-timeline-content\"\u003e\n \u003ch3\u003eOptionnel : boostez\u003c\/h3\u003e\n \u003cp\u003eAssociez à un sérum anti-imperfections si besoin\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=\"gcm-tip\"\u003e\n \u003cspan class=\"gcm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e En été ou par temps chaud, conservez votre tube au réfrigérateur pour un effet fraîcheur décuplé lors de l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"gcm-section\"\u003e\n \u003ch2\u003eComposition complète (Liste INCI)\u003c\/h2\u003e\n \u003cdiv class=\"gcm-inci-box\"\u003e\n \u003cp class=\"gcm-inci-text\"\u003eAQUA (WATER \/ EAU), GLYCERIN, COCO-CAPRYLATE\/CAPRATE, PENTYLENE GLYCOL, CORYLUS AVELLANA (HAZELNUT) SEED OIL*, HELIANTHUS ANNUUS (SUNFLOWER) SEED OIL*, GLYCERYL STEARATE, XANTHAN GUM, MARANTA ARUNDINACEA ROOT POWDER*, ALOE BARBADENSIS LEAF JUICE POWDER*, CRITHMUM MARITIMUM EXTRACT*, MORINDA CITRIFOLIA FRUIT EXTRACT, PARFUM (FRAGRANCE), SODIUM LEVULINATE, TOCOPHEROL, SODIUM ANISATE, LACTIC ACID, ACACIA SENEGAL GUM, SODIUM STEAROYL LACTYLATE, CAPRYLIC\/CAPRIC TRIGLYCERIDE, LIMONENE**, LINALOOL**, GERANIOL**, CITRIC ACID\u003c\/p\u003e\n \u003cdiv class=\"gcm-inci-legend\"\u003e\n \u003cspan\u003e*Ingrédients issus de l'agriculture biologique\u003c\/span\u003e\n \u003cspan\u003e**Naturellement présents dans le parfum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-bio-badge\"\u003e\n \u003cspan\u003e🌿\u003c\/span\u003e\n \u003cstrong\u003e23% du total des ingrédients sont issus de l'Agriculture Biologique\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"gcm-section\"\u003e\n \u003ch2\u003eLes engagements Endro qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"gcm-grid-compact\"\u003e\n \u003cdiv class=\"gcm-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient de synthèse nocif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eQualité et traçabilité garanties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient animal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-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=\"gcm-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Bretagne\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire local, circuits courts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-card\"\u003e\n \u003ch3\u003e♻️ Tube recyclable\u003c\/h3\u003e\n \u003cp\u003eImpact environnemental réduit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"gcm-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce soin matifiant ?\u003c\/h2\u003e\n \u003cp class=\"gcm-section-intro\"\u003eLe gel crème matifiant Endro conviendra parfaitement si vous :\u003c\/p\u003e\n \u003cdiv class=\"gcm-checklist\"\u003e\n \u003cdiv class=\"gcm-check-item\"\u003e\n \u003cspan class=\"gcm-check-icon\"\u003e✓\u003c\/span\u003e\n \u003cp\u003eAvez une \u003cstrong\u003epeau mixte\u003c\/strong\u003e avec une zone T qui brille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-check-item\"\u003e\n \u003cspan class=\"gcm-check-icon\"\u003e✓\u003c\/span\u003e\n \u003cp\u003eSouffrez d'une \u003cstrong\u003epeau grasse\u003c\/strong\u003e sujette aux imperfections\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-check-item\"\u003e\n \u003cspan class=\"gcm-check-icon\"\u003e✓\u003c\/span\u003e\n \u003cp\u003eRecherchez une \u003cstrong\u003ecrème hydratante légère\u003c\/strong\u003e pour l'été\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-check-item\"\u003e\n \u003cspan class=\"gcm-check-icon\"\u003e✓\u003c\/span\u003e\n \u003cp\u003eSouhaitez une \u003cstrong\u003ebase matifiante naturelle\u003c\/strong\u003e sous votre maquillage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gcm-check-item\"\u003e\n \u003cspan class=\"gcm-check-icon\"\u003e✓\u003c\/span\u003e\n \u003cp\u003ePréférez les \u003cstrong\u003ecosmétiques bio et naturels\u003c\/strong\u003e aux formules conventionnelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"gcm-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le gel crème matifiant Endro\u003c\/h2\u003e\n \u003cdiv class=\"gcm-accordion\"\u003e\n \u003cdetails class=\"gcm-accordion-item\"\u003e\n \u003csummary class=\"gcm-accordion-header\"\u003eCe soin convient-il aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"gcm-accordion-content\"\u003e\n \u003cp\u003eOui, sa formulation douce à base d'aloe vera apaise les peaux réactives. Cependant, si vous avez une peau très sensible, effectuez un test dans le pli du coude avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gcm-accordion-item\"\u003e\n \u003csummary class=\"gcm-accordion-header\"\u003ePuis-je l'utiliser sous une crème solaire ?\u003c\/summary\u003e\n \u003cdiv class=\"gcm-accordion-content\"\u003e\n \u003cp\u003eAbsolument. Appliquez d'abord le gel crème matifiant, laissez-le pénétrer, puis ajoutez votre protection solaire. Il ne fera pas « boulotter » votre crème solaire visage matifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gcm-accordion-item\"\u003e\n \u003csummary class=\"gcm-accordion-header\"\u003eCombien de temps dure un tube de 50 ml ?\u003c\/summary\u003e\n \u003cdiv class=\"gcm-accordion-content\"\u003e\n \u003cp\u003eAvec une utilisation matin et soir, un tube dure généralement entre 6 et 8 semaines selon la quantité prélevée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gcm-accordion-item\"\u003e\n \u003csummary class=\"gcm-accordion-header\"\u003eCe produit aide-t-il à réduire les pores ?\u003c\/summary\u003e\n \u003cdiv class=\"gcm-accordion-content\"\u003e\n \u003cp\u003eL'extrait de noni contribue à resserrer visiblement les pores au fil des utilisations. Pour des résultats optimaux, associez-le à une routine complète adaptée aux peaux mixtes à grasses.\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=\"gcm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gcm-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau l'équilibre qu'elle mérite avec un soin certifié bio, fabriqué en Bretagne avec amour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gcm-disclaimer\"\u003eCe cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gcm-cream: #F7F9F6;\n --gcm-white: #ffffff;\n --gcm-primary: #6B8E7D;\n --gcm-primary-dark: #4A6B5D;\n --gcm-primary-light: #E8F0EC;\n --gcm-secondary: #8FB5A3;\n --gcm-accent: #A8D4BD;\n --gcm-text: #1a1a1a;\n --gcm-text-light: #5a5a5a;\n --gcm-border: #e0e0e0;\n --gcm-shadow: 0 4px 24px rgba(107, 142, 125, .1);\n --gcm-shadow-lg: 0 12px 48px rgba(74, 107, 93, .18);\n --gcm-radius: 20px;\n --gcm-radius-sm: 12px;\n}\n\n.gcm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gcm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gcm-hero {\n position: relative;\n background: linear-gradient(135deg, #6B8E7D 0%, #4A6B5D 50%, #3D5A4D 100%);\n border-radius: var(--gcm-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(--gcm-shadow-lg);\n}\n\n.gcm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-5 8-15 12-25 10 2 12 10 22 25 25 15-3 23-13 25-25-10 2-20-2-25-10z' fill='%23ffffff' fill-opacity='0.04'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.gcm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gcm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gcm-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(--gcm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gcm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gcm-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.gcm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.gcm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.gcm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gcm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gcm-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.gcm-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(--gcm-primary), var(--gcm-secondary));\n border-radius: 2px;\n}\n\n.gcm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gcm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.gcm-card {\n background: var(--gcm-white);\n border-radius: var(--gcm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gcm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gcm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gcm-shadow-lg);\n border-color: var(--gcm-primary);\n}\n\n.gcm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gcm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gcm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gcm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gcm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gcm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gcm-grid-compact .gcm-card {\n padding: 1rem;\n}\n\n.gcm-grid-compact .gcm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gcm-grid-compact .gcm-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.gcm-highlight-box {\n background: var(--gcm-white);\n border-radius: var(--gcm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gcm-shadow);\n border-left: 4px solid var(--gcm-primary);\n}\n\n.gcm-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gcm-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === INFO CARD === *\/\n.gcm-info-card {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gcm-primary-light);\n border-radius: var(--gcm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-bottom: 1.25rem;\n}\n\n.gcm-info-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.gcm-info-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--gcm-text);\n margin: 0;\n line-height: 1.7;\n}\n\n.gcm-text-block {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--gcm-text);\n line-height: 1.8;\n margin-bottom: 1.25rem;\n}\n\n\/* === RESULT BOX === *\/\n.gcm-result-box {\n display: flex;\n gap: 1rem;\n align-items: center;\n background: linear-gradient(135deg, var(--gcm-primary), var(--gcm-primary-dark));\n border-radius: var(--gcm-radius);\n padding: 1.25rem 1.5rem;\n}\n\n.gcm-result-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.gcm-result-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: white;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ROUTINE CONTAINER === *\/\n.gcm-routine-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.gcm-routine-block {\n background: var(--gcm-white);\n border-radius: var(--gcm-radius);\n padding: 1.5rem;\n box-shadow: var(--gcm-shadow);\n}\n\n.gcm-routine-header {\n font-size: 18px;\n font-weight: 800;\n color: var(--gcm-primary-dark);\n margin-bottom: 1.25rem;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--gcm-primary-light);\n}\n\n\/* === TIMELINE === *\/\n.gcm-timeline {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.gcm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gcm-timeline-number {\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--gcm-primary), var(--gcm-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.gcm-timeline-content {\n flex: 1;\n}\n\n.gcm-timeline-content h3 {\n font-size: 15px;\n font-weight: 700;\n color: var(--gcm-primary-dark);\n margin: 0 0 .15rem 0;\n}\n\n.gcm-timeline-content p {\n font-size: 13px;\n color: var(--gcm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.gcm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gcm-primary-light);\n border-radius: var(--gcm-radius-sm);\n padding: 1rem 1.25rem;\n}\n\n.gcm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gcm-tip p {\n font-size: 14px;\n color: var(--gcm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INCI BOX === *\/\n.gcm-inci-box {\n background: var(--gcm-white);\n border-radius: var(--gcm-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--gcm-shadow);\n}\n\n.gcm-inci-text {\n font-size: 12px;\n color: var(--gcm-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n font-family: 'Courier New', monospace;\n background: var(--gcm-cream);\n padding: 1rem;\n border-radius: var(--gcm-radius-sm);\n word-break: break-word;\n}\n\n.gcm-inci-legend {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n font-size: 12px;\n color: var(--gcm-text-light);\n font-style: italic;\n margin-bottom: 1rem;\n}\n\n.gcm-bio-badge {\n display: flex;\n align-items: center;\n gap: .75rem;\n background: linear-gradient(135deg, var(--gcm-primary-light), var(--gcm-accent));\n border-radius: var(--gcm-radius-sm);\n padding: 1rem;\n}\n\n.gcm-bio-badge span {\n font-size: 24px;\n}\n\n.gcm-bio-badge strong {\n font-size: 14px;\n color: var(--gcm-primary-dark);\n}\n\n\/* === CHECKLIST === *\/\n.gcm-checklist {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.gcm-check-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gcm-white);\n border-radius: var(--gcm-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--gcm-shadow);\n transition: all .3s ease;\n}\n\n.gcm-check-item:hover {\n transform: translateX(6px);\n border-left: 3px solid var(--gcm-primary);\n}\n\n.gcm-check-icon {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n background: var(--gcm-primary);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n}\n\n.gcm-check-item p {\n font-size: 15px;\n color: var(--gcm-text);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.gcm-accordion {\n background: var(--gcm-white);\n border-radius: var(--gcm-radius);\n box-shadow: var(--gcm-shadow);\n overflow: hidden;\n}\n\n.gcm-accordion-item {\n border-bottom: 1px solid var(--gcm-border);\n margin: 0;\n padding: 0;\n}\n\n.gcm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gcm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gcm-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.gcm-accordion-header:hover {\n background: var(--gcm-primary-light);\n}\n\n.gcm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gcm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gcm-primary);\n transition: transform .2s ease;\n}\n\n.gcm-accordion-item[open] .gcm-accordion-header::after {\n content: '−';\n}\n\n.gcm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gcm-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.gcm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.gcm-cta-box {\n background: linear-gradient(135deg, var(--gcm-primary) 0%, var(--gcm-primary-dark) 100%);\n border-radius: var(--gcm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gcm-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.gcm-disclaimer {\n font-size: 12px;\n color: var(--gcm-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 .gcm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .gcm-card {\n padding: 1.125rem;\n }\n \n .gcm-section {\n margin-bottom: 1.75rem;\n }\n \n .gcm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gcm-radius-sm);\n }\n \n .gcm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .gcm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .gcm-grid-compact {\n gap: .625rem;\n }\n \n .gcm-grid-compact .gcm-card {\n padding: .75rem;\n }\n \n .gcm-timeline-number {\n width: 28px;\n height: 28px;\n font-size: 12px;\n }\n \n .gcm-timeline-content h3 {\n font-size: 14px;\n }\n \n .gcm-timeline-content p {\n font-size: 12px;\n }\n \n .gcm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .gcm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .gcm-info-card {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .gcm-result-box {\n flex-direction: column;\n text-align: center;\n }\n \n .gcm-routine-container {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .gcm-routine-block {\n padding: 1.25rem;\n }\n \n .gcm-check-item {\n padding: .875rem 1rem;\n }\n \n .gcm-check-item p {\n font-size: 14px;\n }\n \n .gcm-highlight-box,\n .gcm-inci-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gcm-card {\n animation: gcmFadeInUp .5s ease backwards;\n }\n .gcm-card:nth-child(1) { animation-delay: .05s; }\n .gcm-card:nth-child(2) { animation-delay: .1s; }\n .gcm-card:nth-child(3) { animation-delay: .15s; }\n .gcm-card:nth-child(4) { animation-delay: .2s; }\n .gcm-card:nth-child(5) { animation-delay: .25s; }\n .gcm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gcmFadeInUp {\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 .gcm-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":55363852599673,"sku":"NBAIEND0132","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-creme-visage-matifiant-peaux-mixtes-a-grasses-50-ml-endr-lifestyle.webp?v=1769762704"},{"product_id":"creme-legere-hydratante-endro-50ml","title":"Crème visage Hydratante - Peaux normales à mixtes - 50 ml - Endro","description":"\u003cdiv class=\"endro-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"endro-hero\"\u003e\n\u003cdiv class=\"endro-hero-pattern\"\u003e\u003cbr\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% naturelle\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"endro-hero-title\"\u003eCrème visage Hydratante Endro\u003c\/span\u003e\n\u003cp class=\"endro-subtitle\"\u003ePeaux normales à mixtes • 50 ml\u003c\/p\u003e\n\u003cp class=\"endro-description\"\u003eL'hydratation intense sans effet gras. Une formule bretonne à l'acide hyaluronique, aloe vera et criste marine pour une peau repulpée, souple et éclatante toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003ePourquoi choisir cette crème hydratante pour le visage ?\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eTrouver la crème parfaite pour une peau normale à mixte relève parfois du casse-tête. Trop riche, elle fait briller. Trop légère, elle ne nourrit pas assez.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💧 Texture fluide parfaite\u003c\/h3\u003e\n\u003cp\u003ePénètre instantanément sans film gras ni sensation collante. Le juste équilibre entre hydratation et légèreté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e👩 Idéale pour elle\u003c\/h3\u003e\n\u003cp\u003eBase de maquillage impeccable pour les femmes pressées le matin. Votre peau reste matifiée et confortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e👨 Parfaite pour lui\u003c\/h3\u003e\n\u003cp\u003eUne crème hydratante visage homme efficace et sans chichi. Texture légère idéale après le rasage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eLes actifs naturels qui font la différence\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eUne composition entièrement naturelle et certifiée bio. Des ingrédients stars qui travaillent en synergie pour votre peau.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💎 Acide hyaluronique\u003c\/h3\u003e\n\u003cp\u003eVéritable éponge à hydratation, il capte et retient l'eau dans l'épiderme pour une peau visiblement repulpée et souple toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌵 Extrait d'aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eReconnu pour ses vertus apaisantes, il calme les petites irritations et favorise la régénération naturelle de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌊 Criste marine bretonne bio\u003c\/h3\u003e\n\u003cp\u003eCe trésor du littoral breton regorge d'antioxydants qui protègent votre peau contre la pollution et les agressions quotidiennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌾 Huile de lin bio\u003c\/h3\u003e\n\u003cp\u003eSource précieuse d'oméga-3, elle nourrit en profondeur et améliore l'élasticité cutanée sans effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n\u003cp\u003eIl apporte une nutrition longue durée tout en renforçant la barrière cutanée naturellement.\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\u003eRiche en vitamine E, elle protège et adoucit naturellement votre épiderme au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eComment appliquer votre crème hydratante ?\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eUn rituel simple matin et soir pour profiter pleinement de tous les bienfaits.\u003c\/p\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\u003eNettoyez\u003c\/h3\u003e\n\u003cp\u003eNettoyez votre visage avec un soin doux adapté à votre type de peau.\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\u003ePrélevez\u003c\/h3\u003e\n\u003cp\u003ePrélevez une noisette de crème du bout des doigts.\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\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eAppliquez par légers mouvements circulaires sur le visage et le cou.\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\u003eInsistez\u003c\/h3\u003e\n\u003cp\u003eInsistez délicatement sur les zones qui ont tendance à tirailler.\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\u003eLaissez pénétrer\u003c\/h3\u003e\n\u003cp\u003eLaissez pénétrer quelques secondes avant d'appliquer votre maquillage si besoin.\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\u003eAstuce :\u003c\/strong\u003e En été ou si votre peau tend vers le mixte-gras, utilisez-la uniquement le matin. En hiver ou si votre peau tire davantage, appliquez-la matin et soir pour un confort optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003ePour qui cette crème est-elle faite ?\u003c\/h2\u003e\n\u003cdiv class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌸 Peau normale\u003c\/h3\u003e\n\u003cp\u003ePour maintenir votre équilibre hydrique naturel au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e⚖️ Peau mixte\u003c\/h3\u003e\n\u003cp\u003eZone T légèrement brillante mais joues qui tiraillent ? C'est pour vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🍃 Peau sensible\u003c\/h3\u003e\n\u003cp\u003eComposition douce sans ingrédients synthétiques agressifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌱 Adepte du naturel\u003c\/h3\u003e\n\u003cp\u003ePour une routine beauté plus responsable et respectueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eComposition complète (liste INCI)\u003c\/h2\u003e\n\u003cdiv class=\"endro-inci-box\"\u003e\n\u003cp\u003eAQUA (WATER \/ EAU), GLYCERIN, HELIANTHUS ANNUUS (SUNFLOWER) SEED OIL*, BUTYROSPERMUM PARKII (SHEA) BUTTER*, PENTYLENE GLYCOL, GLYCERYL STEARATE, COCO-CAPRYLATE\/CAPRATE, LINUM USITATISSIMUM (LINSEED) SEED OIL*, PARFUM (FRAGRANCE), XANTHAN GUM, MARANTA ARUNDINACEA ROOT POWDER*, SODIUM HYALURONATE, ALOE BARBADENSIS LEAF JUICE POWDER*, CRITHMUM MARITIMUM EXTRACT*, SODIUM LEVULINATE, TOCOPHEROL, SODIUM ANISATE, SODIUM STEAROYL LACTYLATE, LACTIC ACID, CAPRYLIC\/CAPRIC TRIGLYCERIDE, HEXYL CINNAMAL**, CITRONELLOL**\u003c\/p\u003e\n\u003cp class=\"endro-inci-legend\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003cbr\u003e\u003cem\u003e**Présents naturellement dans le parfum\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"endro-section\"\u003e\n\u003cdiv class=\"endro-cta-box\"\u003e\n\u003cp\u003e🌊 Offrez à votre peau l'hydratation qu'elle mérite avec la douceur de la Bretagne. Une formule naturelle, légère et efficace pour un teint frais et éclatant au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"endro-disclaimer\"\u003eCe soin cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --endro-cream: #f7f9fa;\n --endro-white: #ffffff;\n --endro-primary: #5B8FA8;\n --endro-primary-dark: #3D6B7D;\n --endro-primary-light: #e8f3f7;\n --endro-secondary: #7FBAD3;\n --endro-accent: #4A9BB5;\n --endro-text: #1a1a1a;\n --endro-text-light: #5a5a5a;\n --endro-border: #e0e0e0;\n --endro-shadow: 0 4px 24px rgba(91,143,168,.12);\n --endro-shadow-lg: 0 12px 48px rgba(61,107,125,.18);\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\/* === HERO === *\/\n.endro-hero {\n position: relative;\n background: linear-gradient(135deg, #5B8FA8 0%, #7FBAD3 50%, #4A9BB5 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 15 5 30s10 25 25 25 25-10 25-25S45 5 30 5zm0 40c-8 0-15-7-15-15s7-15 15-15 15 7 15 15-7 15-15 15z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.endro-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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 1rem 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 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.endro-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\/* === BADGES === *\/\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\/* === SECTIONS === *\/\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: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\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-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\/* === TIMELINE === *\/\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-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.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\/* === TIP BOX === *\/\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\/* === INCI BOX === *\/\n.endro-inci-box {\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-left: 4px solid var(--endro-primary);\n}\n\n.endro-inci-box p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--endro-text-light);\n line-height: 1.8;\n margin: 0;\n word-break: break-word;\n}\n\n.endro-inci-legend {\n margin-top: 1rem !important;\n font-style: italic;\n font-size: 12px !important;\n color: var(--endro-text-light);\n}\n\n\/* === ACCORDÉON === *\/\n.endro-accordion {\n background: var(--endro-white);\n border-radius: var(--endro-radius);\n box-shadow: var(--endro-shadow);\n overflow: hidden;\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 margin-top: 10px;\n}\n\n.endro-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\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}\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\/* === DISCLAIMER === *\/\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\/* === RESPONSIVE MOBILE === *\/\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-tip {\n padding: .875rem 1rem;\n }\n \n .endro-tip-icon {\n font-size: 20px;\n }\n \n .endro-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\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\/* === ACCESSIBILITÉ === *\/\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":55363853484409,"sku":"NBAIEND0131","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-visage-hydratante-peaux-normales-a-mixtes-50-ml-endro-lifestyle_b7035d7b-dc43-4999-a1a6-2a2f1bf6e5fa.webp?v=1787572732"},{"product_id":"creme-riche-nourrissante-bio-50ml-endro","title":"Crème visage Nourrissante - Peaux sèches - 50 ml - Endro","description":"\u003cdiv class=\"endr-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"endr-hero\"\u003e\n\u003cdiv class=\"endr-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"endr-hero-content\"\u003e\n\u003cdiv class=\"endr-badges-top\"\u003e\n\u003cspan class=\"endr-badge\"\u003e🌿 100% naturelle\u003c\/span\u003e \u003cspan class=\"endr-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e \u003cspan class=\"endr-badge\"\u003e🌱 Certifiée COSMOS Bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"endr-hero-title\"\u003eCrème Visage Nourrissante\u003c\/span\u003e\n\u003cp class=\"endr-subtitle\"\u003ePeaux sèches \u0026amp; très sèches • 50 ml\u003c\/p\u003e\n\u003cp class=\"endr-description\"\u003eLe secret breton pour une peau nourrie en profondeur. Beurre de karité, huile de prune française et criste marine : une formule d'exception pour dire adieu aux tiraillements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"endr-section\"\u003e\n\u003ch2\u003eUne crème visage nourrissante bio pour retrouver confort et douceur\u003c\/h2\u003e\n\u003cp class=\"endr-section-intro\"\u003eVous avez la peau qui tiraille dès le réveil ? Ce sentiment d'inconfort qui s'installe après chaque nettoyage ? Les peaux sèches et très sèches ont besoin d'un soin capable de restaurer en profondeur leur film protecteur naturel.\u003c\/p\u003e\n\u003cdiv class=\"endr-grid-compact\"\u003e\n\u003cdiv class=\"endr-card\"\u003e\n\u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n\u003cp\u003eRichesse incomparable pour nourrir intensément\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endr-card\"\u003e\n\u003ch3\u003e🍑 Huile de prune\u003c\/h3\u003e\n\u003cp\u003eAntioxydante et illuminatrice de teint\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endr-card\"\u003e\n\u003ch3\u003e🌊 Criste marine\u003c\/h3\u003e\n\u003cp\u003eRevitalisante des côtes bretonnes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endr-card\"\u003e\n\u003ch3\u003e🌼 Calendula\u003c\/h3\u003e\n\u003cp\u003eApaisant pour les peaux sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"endr-section\"\u003e\n\u003ch2\u003ePourquoi votre peau sèche a besoin d'une crème nourrissante adaptée ?\u003c\/h2\u003e\n\u003cdiv class=\"endr-explanation-box\"\u003e\n\u003cdiv class=\"endr-explanation-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eUne peau sèche ne manque pas simplement d'eau\u003c\/strong\u003e : elle souffre d'un déficit en lipides. Sa barrière cutanée, fragilisée, laisse l'hydratation s'évaporer et les agressions extérieures pénétrer plus facilement.\u003c\/p\u003e\n\u003cdiv class=\"endr-symptoms\"\u003e\n\u003cspan class=\"endr-symptom\"\u003e😣 Tiraillements\u003c\/span\u003e \u003cspan class=\"endr-symptom\"\u003e🔴 Rougeurs\u003c\/span\u003e \u003cspan class=\"endr-symptom\"\u003e✨ Desquamation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eContrairement à une simple crème hydratante, une \u003cstrong\u003ecrème nourrissante visage\u003c\/strong\u003e apporte les corps gras essentiels dont votre peau a besoin pour reconstituer son film hydrolipidique. C'est cette approche que propose Endro avec sa formule riche mais non grasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"endr-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"endr-inci-box\"\u003e\n\u003cp class=\"endr-inci-list\"\u003eAqua, Butyrospermum parkii butter*, Prunus domestica seed oil*, Glycerin, Cetearyl alcohol, Glyceryl stearate, Calendula officinalis flower extract*, Crithmum maritimum extract*, Sodium levulinate, Tocopherol, Helianthus annuus seed oil, Sodium anisate, Parfum, Xanthan gum, Lactic acid, Citric acid.\u003c\/p\u003e\n\u003cp class=\"endr-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique. 100% du total des ingrédients sont d'origine naturelle. Certifié COSMOS Organic par Ecocert.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"endr-section\"\u003e\n\u003ch2\u003eComment appliquer cette crème nourrissante pour un résultat optimal ?\u003c\/h2\u003e\n\u003cdiv class=\"endr-timeline\"\u003e\n\u003cdiv class=\"endr-timeline-item\"\u003e\n\u003cdiv class=\"endr-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"endr-timeline-content\"\u003e\n\u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n\u003cp\u003eAprès avoir nettoyé votre visage avec un produit doux, prélevez une noisette de crème et réchauffez-la entre vos paumes. Appliquez en mouvements doux du centre du visage vers l'extérieur, sans oublier le cou.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endr-timeline-item\"\u003e\n\u003cdiv class=\"endr-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"endr-timeline-content\"\u003e\n\u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n\u003cp\u003eAprès votre routine de démaquillage et nettoyage, appliquez une couche légèrement plus généreuse pour permettre à votre peau de se régénérer pendant la nuit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endr-timeline-item\"\u003e\n\u003cdiv class=\"endr-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"endr-timeline-content\"\u003e\n\u003ch3\u003e✨ En cure intensive\u003c\/h3\u003e\n\u003cp\u003eSi votre peau est particulièrement desséchée (période hivernale, après une exposition au soleil), vous pouvez l'utiliser en masque de nuit en couche épaisse, une à deux fois par semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endr-tip\"\u003e\n\u003cspan class=\"endr-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa texture riche pénètre rapidement et ne laisse pas de film gras : vous pouvez vous maquiller immédiatement après l'application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"endr-section\"\u003e\n\u003ch2\u003ePour qui est faite cette crème hydratante peaux sèches ?\u003c\/h2\u003e\n\u003cp class=\"endr-section-intro\"\u003eCette crème s'adresse particulièrement à vous si :\u003c\/p\u003e\n\u003cdiv class=\"endr-grid\"\u003e\n\u003cdiv class=\"endr-card\"\u003e\n\u003ch3\u003e😣 Tiraillements\u003c\/h3\u003e\n\u003cp\u003eVotre peau tiraille régulièrement, surtout après le nettoyage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endr-card\"\u003e\n\u003ch3\u003e🏜️ Zones sèches\u003c\/h3\u003e\n\u003cp\u003eVous observez des zones de sécheresse ou de desquamation sur le visage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endr-card\"\u003e\n\u003ch3\u003e😔 Teint terne\u003c\/h3\u003e\n\u003cp\u003eVotre teint manque d'éclat et paraît fatigué\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endr-card\"\u003e\n\u003ch3\u003e🌿 Recherche naturelle\u003c\/h3\u003e\n\u003cp\u003eVous recherchez une alternative naturelle et bio aux crèmes conventionnelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endr-card\"\u003e\n\u003ch3\u003e🔄 Changement\u003c\/h3\u003e\n\u003cp\u003eVous avez testé d'autres crèmes pour peaux extra sèches sans trouver satisfaction\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endr-card\"\u003e\n\u003ch3\u003e🐰 Éthique\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez une formule végane et respectueuse de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"endr-section\"\u003e\n\u003ch2\u003eLes engagements Endro : bien plus qu'une crème\u003c\/h2\u003e\n\u003cdiv class=\"endr-grid-compact\"\u003e\n\u003cdiv class=\"endr-card endr-card-engagement\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eÉlaborée et conditionnée en Bretagne, dans un atelier à taille humaine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endr-card endr-card-engagement\"\u003e\n\u003ch3\u003e🌱 Certification COSMOS Bio\u003c\/h3\u003e\n\u003cp\u003eGarantie d'ingrédients biologiques et de procédés respectueux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endr-card endr-card-engagement\"\u003e\n\u003ch3\u003e🐰 Formule végane\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient d'origine animale, non testée sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endr-card endr-card-engagement\"\u003e\n\u003ch3\u003e♻️ Packaging éco-conçu\u003c\/h3\u003e\n\u003cp\u003eFlacon en verre recyclable et réutilisable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endr-highlight-box\"\u003e\n\u003cp\u003e\u003cstrong\u003e100% d'origine naturelle\u003c\/strong\u003e : Aucun ingrédient de synthèse, aucun perturbateur endocrinien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"endr-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"endr-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"endr-accordion\"\u003e\n\u003cdetails class=\"endr-accordion-item\"\u003e\n\u003csummary class=\"endr-accordion-header\"\u003e⚠️ Précautions et conseils d'utilisation\u003c\/summary\u003e\n\u003cdiv class=\"endr-accordion-content\"\u003e\n\u003cp\u003eÉvitez le contact direct avec les yeux. En cas de projection, rincez abondamment à l'eau claire. Si vous observez une réaction inhabituelle (rougeur, démangeaison), cessez l'utilisation et consultez un dermatologue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endr-accordion-item\"\u003e\n\u003csummary class=\"endr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"endr-accordion-content\"\u003e\n\u003cp\u003eConservez votre crème à l'abri de la chaleur et de la lumière directe. À utiliser de préférence dans les 6 mois après ouverture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"endr-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. Il ne remplace en aucun cas une consultation dermatologique en cas de problème de peau persistant.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --endr-cream: #FAF8F5;\n --endr-white: #ffffff;\n --endr-primary: #8B7355;\n --endr-primary-dark: #5D4E3D;\n --endr-primary-light: #F5F0EB;\n --endr-secondary: #A69080;\n --endr-accent: #C4A77D;\n\n \/* Textes *\/\n --endr-text: #1a1a1a;\n --endr-text-light: #5a5a5a;\n\n \/* Effets *\/\n --endr-border: #e8e4de;\n --endr-shadow: 0 4px 24px rgba(93,78,61,.08);\n --endr-shadow-lg: 0 12px 48px rgba(93,78,61,.15);\n --endr-radius: 20px;\n --endr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.endr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--endr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.endr-hero {\n position: relative;\n background: linear-gradient(135deg, #A69080 0%, #8B7355 50%, #5D4E3D 100%);\n border-radius: var(--endr-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(--endr-shadow-lg);\n}\n\n.endr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.endr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.endr-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.endr-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.endr-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.endr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.endr-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(--endr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.endr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.endr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.endr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--endr-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.endr-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(--endr-primary), var(--endr-accent));\n border-radius: 2px;\n}\n\n.endr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--endr-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.endr-card {\n background: var(--endr-white);\n border-radius: var(--endr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--endr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.endr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--endr-shadow-lg);\n border-color: var(--endr-primary);\n}\n\n.endr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--endr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.endr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--endr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.endr-card-ingredient {\n text-align: left;\n}\n\n.endr-card-ingredient h3 {\n margin-bottom: .75rem;\n}\n\n\/* === GRILLES === *\/\n.endr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.endr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.endr-grid-compact .endr-card {\n padding: 1rem;\n}\n\n.endr-grid-compact .endr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.endr-grid-compact .endr-card p {\n font-size: 12px;\n}\n\n\/* === EXPLANATION BOX === *\/\n.endr-explanation-box {\n background: var(--endr-white);\n border-radius: var(--endr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--endr-shadow);\n}\n\n.endr-explanation-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--endr-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.endr-explanation-content p:last-child {\n margin-bottom: 0;\n}\n\n.endr-symptoms {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n justify-content: center;\n margin: 1.25rem 0;\n}\n\n.endr-symptom {\n background: var(--endr-primary-light);\n color: var(--endr-primary-dark);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n}\n\n\/* === TIMELINE === *\/\n.endr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.endr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.endr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--endr-primary), var(--endr-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.endr-timeline-content {\n flex: 1;\n background: var(--endr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--endr-radius-sm);\n box-shadow: var(--endr-shadow);\n}\n\n.endr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--endr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.endr-timeline-content p {\n font-size: 14px;\n color: var(--endr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.endr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--endr-primary-light);\n border-radius: var(--endr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.endr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.endr-tip p {\n font-size: 14px;\n color: var(--endr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INCI BOX === *\/\n.endr-inci-box {\n background: var(--endr-white);\n border-radius: var(--endr-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--endr-shadow);\n border-left: 4px solid var(--endr-primary);\n}\n\n.endr-inci-list {\n font-size: 13px;\n color: var(--endr-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n word-break: break-word;\n}\n\n.endr-inci-note {\n font-size: 13px;\n color: var(--endr-primary-dark);\n margin: 0;\n padding-top: 1rem;\n border-top: 1px solid var(--endr-border);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.endr-highlight-box {\n background: linear-gradient(135deg, var(--endr-primary) 0%, var(--endr-primary-dark) 100%);\n border-radius: var(--endr-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.25rem;\n text-align: center;\n}\n\n.endr-highlight-box p {\n color: white;\n font-size: clamp(14px, 2.5vw, 16px);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.endr-accordion {\n background: var(--endr-white);\n border-radius: var(--endr-radius);\n box-shadow: var(--endr-shadow);\n overflow: hidden;\n}\n\n.endr-accordion-item {\n border-bottom: 1px solid var(--endr-border);\n margin: 0;\n padding: 0;\n}\n\n.endr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.endr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--endr-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.endr-accordion-header:hover {\n background: var(--endr-primary-light);\n}\n\n.endr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.endr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--endr-primary);\n transition: transform .2s ease;\n}\n\n.endr-accordion-item[open] .endr-accordion-header::after {\n content: '−';\n}\n\n.endr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--endr-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.endr-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.endr-disclaimer {\n font-size: 12px;\n color: var(--endr-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .endr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .endr-card {\n padding: 1.125rem;\n }\n \n .endr-card-ingredient {\n text-align: center;\n }\n \n .endr-section {\n margin-bottom: 1.75rem;\n }\n \n .endr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--endr-radius-sm);\n }\n \n .endr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .endr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .endr-grid-compact {\n gap: .625rem;\n }\n \n .endr-grid-compact .endr-card {\n padding: .75rem;\n }\n \n .endr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .endr-timeline-content {\n padding: .875rem 1rem;\n }\n \n .endr-timeline-content h3 {\n font-size: 14px;\n }\n \n .endr-timeline-content p {\n font-size: 13px;\n }\n \n .endr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .endr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .endr-explanation-box {\n padding: 1.25rem;\n }\n \n .endr-symptoms {\n gap: .5rem;\n }\n \n .endr-symptom {\n font-size: 12px;\n padding: .375rem .75rem;\n }\n \n .endr-inci-box {\n padding: 1.25rem;\n }\n \n .endr-tip {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .endr-card {\n animation: fadeInUp .5s ease backwards;\n }\n .endr-card:nth-child(1) { animation-delay: .05s; }\n .endr-card:nth-child(2) { animation-delay: .1s; }\n .endr-card:nth-child(3) { animation-delay: .15s; }\n .endr-card:nth-child(4) { animation-delay: .2s; }\n .endr-card:nth-child(5) { animation-delay: .25s; }\n .endr-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 .endr-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":55363854238073,"sku":"NBAIEND0130","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-visage-nourrissante-peaux-seches-50-ml-endro-lifestyle.webp?v=1769687183"},{"product_id":"serum-vitamine-bonne-mine-30ml","title":"Sérum Bonne Mine - 10% Vitamine C - 30 ml - Endro","description":"\u003cdiv class=\"sbm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sbm-hero\"\u003e\n\u003cdiv class=\"sbm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm-hero-content\"\u003e\n\u003cdiv class=\"sbm-badges-top\"\u003e\n\u003cspan class=\"sbm-badge\"\u003e🍊 10% Vitamine C\u003c\/span\u003e \u003cspan class=\"sbm-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e \u003cspan class=\"sbm-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"sbm-badge\"\u003e🌱 Certifié Bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sbm-hero-title\"\u003eSérum Bonne Mine Endro\u003c\/span\u003e\n\u003cp class=\"sbm-subtitle\"\u003eVitamine C stabilisée \u0026amp; Astaxanthine\u003c\/p\u003e\n\u003cp class=\"sbm-description\"\u003eRévélez l'éclat naturel de votre peau avec ce concentré d'actifs antioxydants. Teint lumineux et effet bonne mine garantis dès les premières applications.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sbm-section\"\u003e\n\u003ch2\u003eSérum Bonne Mine Endro : l'éclat naturel à portée de main\u003c\/h2\u003e\n\u003cp class=\"sbm-section-intro\"\u003eVous rêvez d'un teint lumineux, frais et reposé, même après une courte nuit ? Ce sérum est fait pour vous.\u003c\/p\u003e\n\u003cdiv class=\"sbm-grid-compact\"\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e🍊 10% Vitamine C\u003c\/h3\u003e\n\u003cp\u003eForme stabilisée pour une efficacité maximale dans le temps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e🦐 Astaxanthine\u003c\/h3\u003e\n\u003cp\u003ePigment marin pour un effet bonne mine instantané\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e🌱 Certifié Cosmébio\u003c\/h3\u003e\n\u003cp\u003eIngrédients bio et procédés respectueux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eProduction artisanale bretonne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sbm-section\"\u003e\n\u003ch2\u003ePourquoi choisir un sérum à la vitamine C pour votre visage ?\u003c\/h2\u003e\n\u003cp class=\"sbm-section-intro\"\u003eLa vitamine C est l'actif anti-âge et éclat le plus plébiscité en cosmétique. Ses bienfaits sont multiples et scientifiquement documentés.\u003c\/p\u003e\n\u003cdiv class=\"sbm-grid\"\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e🛡️ Action antioxydante puissante\u003c\/h3\u003e\n\u003cp\u003eNeutralise les radicaux libres responsables du vieillissement cutané prématuré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e💪 Stimulation du collagène\u003c\/h3\u003e\n\u003cp\u003eVotre peau gagne en fermeté et en élasticité au fil des semaines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e✨ Uniformisation du teint\u003c\/h3\u003e\n\u003cp\u003eLes taches pigmentaires s'estompent pour un teint plus homogène\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e☀️ Effet bonne mine immédiat\u003c\/h3\u003e\n\u003cp\u003eLa peau paraît plus lumineuse, plus reposée dès la première application\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-tip\"\u003e\n\u003cspan class=\"sbm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eCe qui distingue ce sérum ?\u003c\/strong\u003e Sa vitamine C stabilisée conserve toute son efficacité dans le temps, contrairement aux formules classiques qui s'oxydent rapidement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sbm-section\"\u003e\n\u003ch2\u003eL'astaxanthine : le secret de l'effet bonne mine instantané\u003c\/h2\u003e\n\u003cp class=\"sbm-section-intro\"\u003eCe pigment naturel d'origine marine possède des propriétés exceptionnelles pour un éclat visible dès la première application.\u003c\/p\u003e\n\u003cdiv class=\"sbm-grid\"\u003e\n\u003cdiv class=\"sbm-card sbm-card-highlight\"\u003e\n\u003ch3\u003e🎨 Coloration subtile et naturelle\u003c\/h3\u003e\n\u003cp\u003eDépose un voile légèrement orangé sur la peau, comme un retour de vacances\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card sbm-card-highlight\"\u003e\n\u003ch3\u003e⚡ 6000x plus puissant\u003c\/h3\u003e\n\u003cp\u003eAntioxydant surpuissant : jusqu'à 6000 fois plus efficace que la vitamine C seule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card sbm-card-highlight\"\u003e\n\u003ch3\u003e🌍 Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003ePréserve les cellules cutanées des agressions : pollution, UV, stress oxydatif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-synergy-box\"\u003e\n\u003cp\u003e🔬 \u003cstrong\u003eSynergie unique :\u003c\/strong\u003e L'association vitamine C + astaxanthine crée un effet éclat visible immédiatement, doublé d'une action de fond qui améliore la qualité de votre peau jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sbm-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients\u003c\/h2\u003e\n\u003cp class=\"sbm-section-intro\"\u003eFidèle à sa philosophie clean, Endro propose une formule minimaliste et transparente.\u003c\/p\u003e\n\u003cdiv class=\"sbm-inci-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Aloe Barbadensis Leaf Juice*, Glycerin, Ascorbyl Glucoside, Xanthan Gum, Haematococcus Pluvialis Extract, Sodium Phytate, Potassium Sorbate, Sodium Benzoate, Citric Acid.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-grid\"\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e🌵 Jus d'aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eBase hydratante et apaisante qui prépare la peau à recevoir les actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n\u003cp\u003eMaintient l'hydratation et renforce la barrière cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e🍊 Ascorbyl glucoside 10%\u003c\/h3\u003e\n\u003cp\u003eForme stabilisée de vitamine C, libérée progressivement dans la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e🦐 Haematococcus pluvialis\u003c\/h3\u003e\n\u003cp\u003eMicroalgue naturellement riche en astaxanthine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e🌿 Gomme xanthane\u003c\/h3\u003e\n\u003cp\u003eGélifiant naturel pour une texture agréable et légère\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-clean-badges\"\u003e\n\u003cspan class=\"sbm-clean-badge\"\u003e❌ Sans parfum\u003c\/span\u003e \u003cspan class=\"sbm-clean-badge\"\u003e❌ Sans huiles essentielles\u003c\/span\u003e \u003cspan class=\"sbm-clean-badge\"\u003e❌ Sans alcool\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sbm-section\"\u003e\n\u003ch2\u003eComment utiliser ce sérum vitamine C pour un résultat optimal ?\u003c\/h2\u003e\n\u003cp class=\"sbm-section-intro\"\u003eLe matin, sur peau propre et sèche, suivez ces étapes pour des résultats optimaux.\u003c\/p\u003e\n\u003cdiv class=\"sbm-timeline\"\u003e\n\u003cdiv class=\"sbm-timeline-item\"\u003e\n\u003cdiv class=\"sbm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-content\"\u003e\n\u003ch3\u003ePrélevez le sérum\u003c\/h3\u003e\n\u003cp\u003e3 à 4 gouttes dans le creux de votre main\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-item\"\u003e\n\u003cdiv class=\"sbm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-content\"\u003e\n\u003ch3\u003eRéchauffez légèrement\u003c\/h3\u003e\n\u003cp\u003eFrottez délicatement entre vos doigts\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-item\"\u003e\n\u003cdiv class=\"sbm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-content\"\u003e\n\u003ch3\u003eAppliquez en tapotant\u003c\/h3\u003e\n\u003cp\u003eSur l'ensemble du visage et du cou, évitez le contour des yeux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-item\"\u003e\n\u003cdiv class=\"sbm-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-content\"\u003e\n\u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n\u003cp\u003e1 à 2 minutes avant votre crème hydratante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-tip\"\u003e\n\u003cspan class=\"sbm-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour maximiser l'effet bonne mine, utilisez ce sérum quotidiennement pendant au moins 4 semaines. Les résultats sur l'uniformité du teint s'amplifient avec le temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sbm-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce sérum bonne mine ?\u003c\/h2\u003e\n\u003cdiv class=\"sbm-grid\"\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e😴 Teint terne ou fatigué\u003c\/h3\u003e\n\u003cp\u003eRedonnez éclat et luminosité à une peau en manque de vitalité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e👵 Premières rides\u003c\/h3\u003e\n\u003cp\u003eAction préventive et corrective sur les signes de l'âge naissants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e🎯 Taches pigmentaires\u003c\/h3\u003e\n\u003cp\u003eUniformise le teint et estompe les irrégularités\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e🏙️ Peau stressée\u003c\/h3\u003e\n\u003cp\u003eProtection antioxydante contre la pollution urbaine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n\u003cp\u003eFormule douce adaptée aux peaux les plus réactives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e✅ Tous types de peaux\u003c\/h3\u003e\n\u003cp\u003eTexture légère qui convient aussi aux peaux mixtes à grasses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sbm-section\"\u003e\n\u003ch2\u003eEndro : une marque française engagée\u003c\/h2\u003e\n\u003cdiv class=\"sbm-grid-compact\"\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e🇫🇷 100% Française\u003c\/h3\u003e\n\u003cp\u003eFabrication artisanale en Bretagne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e🌱 Certifié Cosmébio\u003c\/h3\u003e\n\u003cp\u003eIngrédients bio, procédés respectueux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e♻️ Flacon verre\u003c\/h3\u003e\n\u003cp\u003eRecyclable avec pipette précise\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003ch3\u003e🐰 Formule végan\u003c\/h3\u003e\n\u003cp\u003eNon testée sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"sbm-section\"\u003e\n\u003ch2\u003eConservation et précautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sbm-accordion\"\u003e\n\u003cdetails class=\"sbm-accordion-item\"\u003e\n\u003csummary class=\"sbm-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"sbm-accordion-content\"\u003e\n\u003cp\u003eConservez le flacon à l'abri de la lumière directe et de la chaleur. Refermez bien après chaque utilisation. Utilisez dans les 6 mois après ouverture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sbm-accordion-item\"\u003e\n\u003csummary class=\"sbm-accordion-header\"\u003e☀️ Exposition solaire\u003c\/summary\u003e\n\u003cdiv class=\"sbm-accordion-content\"\u003e\n\u003cp\u003eEn cas d'exposition solaire, associez toujours une protection SPF adaptée pour protéger votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sbm-accordion-item\"\u003e\n\u003csummary class=\"sbm-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n\u003cdiv class=\"sbm-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003e30 ml\u003c\/strong\u003e - Environ 2 mois d'utilisation quotidienne avec 3-4 gouttes par application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"sbm-cta-box\"\u003e\n\u003cp\u003e🌟 Offrez à votre peau l'éclat qu'elle mérite avec le pouvoir combiné de la vitamine C et de l'astaxanthine. Résultats visibles dès les premières applications !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sbm-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sbm-cream: #FBF8F5;\n --sbm-white: #ffffff;\n --sbm-primary: #C75B3A;\n --sbm-primary-dark: #A04428;\n --sbm-primary-light: #FDF0EB;\n --sbm-secondary: #E87D4E;\n --sbm-accent: #2D5A3D;\n --sbm-text: #1a1a1a;\n --sbm-text-light: #5a5a5a;\n --sbm-border: #e8e0da;\n --sbm-shadow: 0 4px 24px rgba(199, 91, 58, .08);\n --sbm-shadow-lg: 0 12px 48px rgba(199, 91, 58, .15);\n --sbm-radius: 20px;\n --sbm-radius-sm: 12px;\n}\n\n.sbm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sbm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sbm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sbm-primary) 0%, var(--sbm-secondary) 50%, #F4A574 100%);\n border-radius: var(--sbm-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(--sbm-shadow-lg);\n}\n\n.sbm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.15) 0%, transparent 40%);\n opacity: 1;\n}\n\n.sbm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sbm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sbm-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(--sbm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sbm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sbm-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.sbm-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.sbm-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.sbm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sbm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sbm-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.sbm-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(--sbm-primary), var(--sbm-secondary));\n border-radius: 2px;\n}\n\n.sbm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sbm-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\/* === GRILLES === *\/\n.sbm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sbm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.sbm-card {\n background: var(--sbm-white);\n border-radius: var(--sbm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sbm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sbm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sbm-shadow-lg);\n border-color: var(--sbm-primary);\n}\n\n.sbm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sbm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sbm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sbm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sbm-card-highlight {\n background: linear-gradient(135deg, var(--sbm-primary-light) 0%, var(--sbm-white) 100%);\n border: 2px solid var(--sbm-primary);\n}\n\n.sbm-grid-compact .sbm-card {\n padding: 1rem;\n}\n\n.sbm-grid-compact .sbm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sbm-grid-compact .sbm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sbm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sbm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sbm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sbm-primary), var(--sbm-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(199, 91, 58, .3);\n}\n\n.sbm-timeline-content {\n flex: 1;\n background: var(--sbm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sbm-radius-sm);\n box-shadow: var(--sbm-shadow);\n}\n\n.sbm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sbm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sbm-timeline-content p {\n font-size: 14px;\n color: var(--sbm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.sbm-accordion {\n background: var(--sbm-white);\n border-radius: var(--sbm-radius);\n box-shadow: var(--sbm-shadow);\n overflow: hidden;\n}\n\n.sbm-accordion-item {\n border-bottom: 1px solid var(--sbm-border);\n margin: 0;\n padding: 0;\n}\n\n.sbm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sbm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sbm-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.sbm-accordion-header:hover {\n background: var(--sbm-primary-light);\n}\n\n.sbm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sbm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sbm-primary);\n transition: transform .2s ease;\n}\n\n.sbm-accordion-item[open] .sbm-accordion-header::after {\n content: '−';\n}\n\n.sbm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sbm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sbm-accordion-content p {\n margin: 0;\n}\n\n\/* === SPECIAL BOXES === *\/\n.sbm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sbm-primary-light);\n border-radius: var(--sbm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--sbm-primary);\n}\n\n.sbm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sbm-tip p {\n font-size: 14px;\n color: var(--sbm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sbm-synergy-box {\n background: linear-gradient(135deg, var(--sbm-primary-light) 0%, #fff5f0 100%);\n border-radius: var(--sbm-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.25rem;\n border: 2px solid var(--sbm-secondary);\n text-align: center;\n}\n\n.sbm-synergy-box p {\n font-size: 15px;\n color: var(--sbm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sbm-inci-box {\n background: var(--sbm-white);\n border-radius: var(--sbm-radius-sm);\n padding: 1rem 1.25rem;\n margin-bottom: 1.25rem;\n border: 1px solid var(--sbm-border);\n font-size: 13px;\n color: var(--sbm-text-light);\n line-height: 1.7;\n}\n\n.sbm-inci-box p {\n margin: 0;\n}\n\n.sbm-clean-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.25rem;\n}\n\n.sbm-clean-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 8px 14px;\n background: var(--sbm-accent);\n color: white;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n}\n\n\/* === CTA === *\/\n.sbm-cta-box {\n background: linear-gradient(135deg, var(--sbm-primary) 0%, var(--sbm-primary-dark) 100%);\n border-radius: var(--sbm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 2rem;\n}\n\n.sbm-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.sbm-disclaimer {\n font-size: 12px;\n color: var(--sbm-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 .sbm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sbm-card {\n padding: 1.125rem;\n }\n \n .sbm-section {\n margin-bottom: 1.75rem;\n }\n \n .sbm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sbm-radius-sm);\n }\n \n .sbm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sbm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sbm-grid-compact {\n gap: .625rem;\n }\n \n .sbm-grid-compact .sbm-card {\n padding: .75rem;\n }\n \n .sbm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sbm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sbm-timeline-content h3 {\n font-size: 14px;\n }\n \n .sbm-timeline-content p {\n font-size: 13px;\n }\n \n .sbm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sbm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sbm-tip {\n padding: .875rem 1rem;\n }\n \n .sbm-tip-icon {\n font-size: 20px;\n }\n \n .sbm-tip p {\n font-size: 13px;\n }\n \n .sbm-synergy-box {\n padding: 1rem;\n }\n \n .sbm-synergy-box p {\n font-size: 14px;\n }\n \n .sbm-clean-badges {\n gap: .5rem;\n }\n \n .sbm-clean-badge {\n padding: 6px 10px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sbm-card {\n animation: sbmFadeInUp .5s ease backwards;\n }\n .sbm-card:nth-child(1) { animation-delay: .05s; }\n .sbm-card:nth-child(2) { animation-delay: .1s; }\n .sbm-card:nth-child(3) { animation-delay: .15s; }\n .sbm-card:nth-child(4) { animation-delay: .2s; }\n .sbm-card:nth-child(5) { animation-delay: .25s; }\n .sbm-card:nth-child(6) { animation-delay: .3s; }\n \n .sbm-timeline-item {\n animation: sbmFadeInUp .5s ease backwards;\n }\n .sbm-timeline-item:nth-child(1) { animation-delay: .1s; }\n .sbm-timeline-item:nth-child(2) { animation-delay: .2s; }\n .sbm-timeline-item:nth-child(3) { animation-delay: .3s; }\n .sbm-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes sbmFadeInUp {\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 .sbm-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":55363854532985,"sku":"NBAIEND0123","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-bonne-mine-10-vitamine-c-30-ml-endro-lifestyle_b32e8010-bf60-4971-8ee6-d2058045b8fc.webp?v=1776421930"},{"product_id":"serum-anti-tache-endro-30ml","title":"Sérum Anti-tâches Unifiant - 1% Bakuchiol - 30 mL - Endro","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🌿 1% Bakuchiol\u003c\/span\u003e \u003cspan class=\"sat-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e \u003cspan class=\"sat-badge\"\u003e✨ 100% Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sat-hero-title\"\u003eSérum Anti-tâches Unifiant\u003c\/span\u003e\n\u003cp class=\"sat-subtitle\"\u003eL'alternative douce au rétinol pour un teint homogène\u003c\/p\u003e\n\u003cp class=\"sat-description\"\u003eFormulé à 100% d'origine naturelle, ce sérum au bakuchiol estompe visiblement les taches pigmentaires tout en respectant les peaux les plus sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sat-section\"\u003e\n\u003ch2\u003eSérum anti-tâches au bakuchiol : l'alternative naturelle pour unifier votre teint\u003c\/h2\u003e\n\u003cp class=\"sat-section-intro\"\u003eVous cherchez un \u003cstrong\u003esérum anti-tâches efficace\u003c\/strong\u003e sans recourir aux actifs agressifs ? Le sérum unifiant d'Endro au \u003cstrong\u003ebakuchiol à 1%\u003c\/strong\u003e représente une solution douce et puissante pour estomper les taches pigmentaires et retrouver un teint homogène. Formulé à partir d'ingrédients 100% d'origine naturelle, ce soin cible les irrégularités cutanées tout en respectant les peaux les plus réactives.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sat-section\"\u003e\n\u003ch2\u003ePourquoi le bakuchiol révolutionne les soins anti-tâches ?\u003c\/h2\u003e\n\u003cp class=\"sat-section-intro\"\u003eLe \u003cstrong\u003ebakuchiol\u003c\/strong\u003e, extrait des graines de Psoralea corylifolia, s'impose comme l'alternative végétale au rétinol. Contrairement à ce dernier, il n'irrite pas et convient parfaitement aux peaux sensibles ou réactives.\u003c\/p\u003e\n\u003cdiv class=\"sat-grid\"\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🎯 Régulation de la mélanine\u003c\/h3\u003e\n\u003cp\u003eFreine la surproduction de pigments responsables des taches brunes pour un teint unifié.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e⏳ Action anti-âge\u003c\/h3\u003e\n\u003cp\u003eStimule la production de collagène pour une peau visiblement plus ferme et rebondie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e✨ Effet unifiant\u003c\/h3\u003e\n\u003cp\u003eLisse le grain de peau et atténue les marques d'imperfections jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e💚 Tolérance optimale\u003c\/h3\u003e\n\u003cp\u003eUtilisable matin et soir, même sur les peaux les plus délicates et réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sat-section\"\u003e\n\u003ch2\u003eUne formule complète aux actifs synergiques\u003c\/h2\u003e\n\u003cp class=\"sat-section-intro\"\u003eCe \u003cstrong\u003esérum concentré bakuchiol\u003c\/strong\u003e ne mise pas sur un seul ingrédient. Endro a élaboré une synergie d'actifs naturels qui travaillent ensemble pour des résultats visibles.\u003c\/p\u003e\n\u003cdiv class=\"sat-grid\"\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🌱 Bakuchiol 1%\u003c\/h3\u003e\n\u003cp\u003eConcentration optimale pour une efficacité prouvée sans aucune irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🌊 Postbiotique marin\u003c\/h3\u003e\n\u003cp\u003eApaise la peau et renforce sa barrière protectrice naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🌸 Macérat de lys\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement reconnu pour son pouvoir éclaircissant et unifiant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e💧 Huile de ricin\u003c\/h3\u003e\n\u003cp\u003eNourrit en profondeur et favorise la régénération cellulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🍃 Extrait de punarnava\u003c\/h3\u003e\n\u003cp\u003eAntioxydant puissant qui protège des agressions extérieures quotidiennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sat-section\"\u003e\n\u003ch2\u003ePour quels types de taches pigmentaires ?\u003c\/h2\u003e\n\u003cp class=\"sat-section-intro\"\u003eCe sérum agit sur l'ensemble des désordres pigmentaires que vous pouvez rencontrer au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"sat-grid-compact\"\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e☀️ Taches solaires\u003c\/h3\u003e\n\u003cp\u003eSéquelles d'expositions répétées au soleil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🕐 Taches de vieillesse\u003c\/h3\u003e\n\u003cp\u003eLentigos liés au vieillissement cutané\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🔴 Marques post-acné\u003c\/h3\u003e\n\u003cp\u003eTraces laissées par l'acné ou les boutons\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🤰 Masque de grossesse\u003c\/h3\u003e\n\u003cp\u003eHyperpigmentation hormonale (mélasma)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e😶 Teint terne\u003c\/h3\u003e\n\u003cp\u003eManque d'éclat et hétérogénéité du teint\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🎭 Irrégularités\u003c\/h3\u003e\n\u003cp\u003eToutes formes de désordres pigmentaires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sat-section\"\u003e\n\u003ch2\u003eComment utiliser ce sérum anti-tâches pour des résultats optimaux ?\u003c\/h2\u003e\n\u003cp class=\"sat-section-intro\"\u003eL'efficacité d'un \u003cstrong\u003esérum bakuchiol\u003c\/strong\u003e repose aussi sur une application correcte et régulière. Voici la routine idéale.\u003c\/p\u003e\n\u003cdiv class=\"sat-routine-block\"\u003e\n\u003ch3 class=\"sat-routine-title\"\u003e🌅 Le matin\u003c\/h3\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\u003eNettoyez\u003c\/h3\u003e\n\u003cp\u003eUtilisez un nettoyant doux adapté à votre type de peau.\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\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003ePrélevez 3 à 4 gouttes et tapotez sur visage, cou et décolleté.\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\u003eHydratez\u003c\/h3\u003e\n\u003cp\u003eLaissez pénétrer puis appliquez votre crème hydratante.\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\u003eProtégez\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eTerminez impérativement par une protection solaire SPF30 minimum.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-routine-block\"\u003e\n\u003ch3 class=\"sat-routine-title\"\u003e🌙 Le soir\u003c\/h3\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\u003eDouble nettoyage\u003c\/h3\u003e\n\u003cp\u003eDémaquillez puis nettoyez votre peau en profondeur.\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\u003eSérum\u003c\/h3\u003e\n\u003cp\u003eAppliquez le sérum de la même manière que le matin.\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\u003eSoin de nuit\u003c\/h3\u003e\n\u003cp\u003ePoursuivez avec votre soin de nuit habituel.\u003c\/p\u003e\n\u003c\/div\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\u003eConseil important :\u003c\/strong\u003e la constance est la clé. Comptez 4 à 8 semaines d'utilisation quotidienne pour observer une réelle atténuation des taches. La protection solaire quotidienne reste indispensable pour éviter la réapparition des taches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sat-section\"\u003e\n\u003ch2\u003eLes engagements Endro pour une cosmétique responsable\u003c\/h2\u003e\n\u003cp class=\"sat-section-intro\"\u003eEn choisissant ce sérum, vous optez pour une marque bretonne aux valeurs fortes.\u003c\/p\u003e\n\u003cdiv class=\"sat-grid-compact\"\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eFormule contrôlée et certifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🐰 100% vegan\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient animal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in Bretagne\u003c\/h3\u003e\n\u003cp\u003eFabrication française responsable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e♻️ Flacon en verre\u003c\/h3\u003e\n\u003cp\u003eRecyclable et protecteur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e🛡️ Formule clean\u003c\/h3\u003e\n\u003cp\u003eSans perturbateurs endocriniens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sat-card\"\u003e\n\u003ch3\u003e💚 Transparence\u003c\/h3\u003e\n\u003cp\u003eComposition claire et honnête\u003c\/p\u003e\n\u003c\/div\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\u003e✨ Offrez à votre peau l'éclat qu'elle mérite avec ce sérum naturel au bakuchiol. Résultats visibles en 4 à 8 semaines d'utilisation régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sat-disclaimer\"\u003eCe produit cosmétique est destiné à améliorer l'apparence de la peau. Il ne constitue pas un traitement médical et ne remplace pas une consultation dermatologique en cas de problème cutané persistant.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sat-cream: #f8f9f6;\n --sat-white: #ffffff;\n --sat-primary: #7A8B7A;\n --sat-primary-dark: #5C6B5C;\n --sat-primary-light: #e8ede8;\n --sat-secondary: #9BA89B;\n --sat-accent: #6B7D6B;\n --sat-text: #1a1a1a;\n --sat-text-light: #5a5a5a;\n --sat-border: #e0e0e0;\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.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, #7A8B7A 0%, #9BA89B 50%, #6B7D6B 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% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.sat-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\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.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}\n\n.sat-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.sat-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.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}\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.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: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.sat-section-intro strong {\n color: var(--sat-primary-dark);\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.sat-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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.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\/* === ROUTINE BLOCKS === *\/\n.sat-routine-block {\n background: var(--sat-white);\n border-radius: var(--sat-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 1.25rem;\n box-shadow: var(--sat-shadow);\n}\n\n.sat-routine-title {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--sat-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\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}\n\n.sat-timeline-content {\n flex: 1;\n background: var(--sat-primary-light);\n padding: 1rem 1.25rem;\n border-radius: var(--sat-radius-sm);\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\/* === 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: 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--sat-primary);\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\/* === INCI BOX === *\/\n.sat-inci-box {\n background: var(--sat-white);\n border-radius: var(--sat-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sat-shadow);\n text-align: center;\n}\n\n.sat-inci-list {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sat-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n word-break: break-word;\n}\n\n.sat-inci-note {\n font-size: 13px;\n color: var(--sat-primary-dark);\n margin: 0;\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}\n\n.sat-accordion-content p {\n margin: 0;\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 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.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-routine-block {\n padding: 1.25rem;\n }\n \n .sat-routine-title {\n margin-bottom: 1rem;\n }\n \n .sat-tip {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sat-card {\n animation: fadeInUp .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\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 .sat-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":55363854795129,"sku":"NBAIEND0124","price":24.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-anti-taches-unifiant-1-bakuchiol-30-ml-endro-lifestyle_017f72a4-f977-4a0c-9fb4-d884b857ed7c.webp?v=1776422445"},{"product_id":"serum-hydratant-48h-30ml-endro","title":"Sérum Hydratant - 1% d'Acide Hyaluronique - 30 mL - Endro","description":"\u003cdiv class=\"sh-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"sh-hero\"\u003e\n\u003cdiv class=\"sh-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sh-hero-content\"\u003e\n\u003cdiv class=\"sh-badges-top\"\u003e\n\u003cspan class=\"sh-badge\"\u003e🏆 Meilleur Produit Bio 2025\u003c\/span\u003e \u003cspan class=\"sh-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"sh-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sh-hero-title\"\u003eSérum Hydratant à l'Acide Hyaluronique\u003c\/span\u003e\n\u003cp class=\"sh-subtitle\"\u003eHydratation 48h • 1% Acide Hyaluronique • 30 mL\u003c\/p\u003e\n\u003cp class=\"sh-description\"\u003eLe secret d'une peau repulpée, désaltérée et visiblement plus jeune. Certifié bio, formulé en Bretagne.\u003c\/p\u003e\n\u003cdiv class=\"sh-hero-stats\"\u003e\n\u003cdiv class=\"sh-stat\"\u003e\n\u003cspan class=\"sh-stat-number\"\u003e93%\u003c\/span\u003e \u003cspan class=\"sh-stat-text\"\u003epeau repulpée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-stat\"\u003e\n\u003cspan class=\"sh-stat-number\"\u003e48h\u003c\/span\u003e \u003cspan class=\"sh-stat-text\"\u003ed'hydratation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-stat\"\u003e\n\u003cspan class=\"sh-stat-number\"\u003e1%\u003c\/span\u003e \u003cspan class=\"sh-stat-text\"\u003eacide hyaluronique\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=\"sh-section\"\u003e\n\u003ch2\u003eSérum hydratant bio à l'acide hyaluronique 1% - Hydratation 48h pour un visage repulpé\u003c\/h2\u003e\n\u003cp class=\"sh-section-intro\"\u003eVous avez remarqué que votre peau tiraille, manque d'éclat ou paraît plus terne qu'avant ? C'est tout à fait normal : dès 25 ans, votre peau commence à perdre son acide hyaluronique naturel.\u003c\/p\u003e\n\u003cdiv class=\"sh-highlight-box\"\u003e\n\u003cp\u003eCe \u003cstrong\u003esérum hydratant visage\u003c\/strong\u003e Endro a été formulé précisément pour répondre à ce besoin, avec une concentration optimale de \u003cstrong\u003e1% d'acide hyaluronique\u003c\/strong\u003e d'origine naturelle. Élu \u003cstrong\u003eMeilleur Produit Bio 2025\u003c\/strong\u003e par un jury de 100 consommateurs bio, il offre une hydratation profonde et continue pendant 48 heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003ePourquoi l'acide hyaluronique est-il si efficace pour hydrater la peau ?\u003c\/h2\u003e\n\u003cp class=\"sh-section-intro\"\u003eL'acide hyaluronique n'est pas un ingrédient cosmétique comme les autres. Naturellement présent dans notre organisme, il possède une capacité exceptionnelle.\u003c\/p\u003e\n\u003cdiv class=\"sh-feature-big\"\u003e\n\u003cspan class=\"sh-feature-icon\"\u003e💧\u003c\/span\u003e\n\u003cdiv class=\"sh-feature-content\"\u003e\n\u003cspan class=\"sh-feature-number\"\u003e1000x\u003c\/span\u003e\n\u003cp\u003eson poids en eau retenu par l'acide hyaluronique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-grid-compact\"\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🧲 Effet humectant\u003c\/h3\u003e\n\u003cp\u003eCapte l'humidité de l'air et la retient dans les couches superficielles de l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🛡️ Film protecteur\u003c\/h3\u003e\n\u003cp\u003eForme une barrière invisible qui limite la perte en eau tout au long de la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-tip\"\u003e\n\u003cspan class=\"sh-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eLe résultat ?\u003c\/strong\u003e Une peau immédiatement plus rebondie, des ridules de déshydratation atténuées et un teint plus frais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003eCe qui rend ce sérum hydratant vraiment différent\u003c\/h2\u003e\n\u003cp class=\"sh-section-intro\"\u003eCe qui distingue la formule Endro, c'est la synergie d'actifs soigneusement dosés pour maximiser l'hydratation sans surcharger votre peau.\u003c\/p\u003e\n\u003cdiv class=\"sh-grid\"\u003e\n\u003cdiv class=\"sh-card sh-card-ingredient\"\u003e\n\u003ch3\u003e💎 1% Acide hyaluronique\u003c\/h3\u003e\n\u003cp\u003eLe dosage idéal pour une hydratation intense sans effet collant ni film gras. Hydrate, repulpe, lisse rides et ridules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-ingredient\"\u003e\n\u003ch3\u003e🥒 Extrait de concombre bio\u003c\/h3\u003e\n\u003cp\u003eReconnu pour ses vertus rafraîchissantes et tonifiantes, il apaise les peaux sensibles et fatiguées. Hydrate et désaltère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-ingredient\"\u003e\n\u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eVéritable concentré d'hydratation, il désaltère en profondeur et calme les irritations. Hydrate, apaise, répare.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-texture-box\"\u003e\n\u003ch3\u003e🪄 Une texture qui change tout\u003c\/h3\u003e\n\u003cp\u003eOubliez les sérums qui collent, peluchent ou laissent un film inconfortable. Ce sérum visage hydratant présente une \u003cstrong\u003etexture gel fraîche, légère et naturellement gélifiée\u003c\/strong\u003e qui pénètre instantanément. Votre peau absorbe le soin en quelques secondes, sans résidu, prête à recevoir votre crème de jour ou votre maquillage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets que vous pouvez attendre\u003c\/h2\u003e\n\u003cdiv class=\"sh-grid\"\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e⏱️ Hydratation 48h\u003c\/h3\u003e\n\u003cp\u003eVotre peau reste confortable du matin au soir, même dans les environnements secs (bureau climatisé, chauffage...)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🫧 Effet repulpant\u003c\/h3\u003e\n\u003cp\u003eLes ridules de déshydratation s'estompent, la peau paraît plus rebondie et visiblement plus jeune\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🤸 Élasticité améliorée\u003c\/h3\u003e\n\u003cp\u003eVotre peau retrouve souplesse et tonicité grâce à l'action de l'acide hyaluronique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e❄️ Fraîcheur immédiate\u003c\/h3\u003e\n\u003cp\u003eL'extrait de concombre et l'aloe vera procurent un effet désaltérant dès l'application\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e💡 Teint lumineux\u003c\/h3\u003e\n\u003cp\u003eUne peau bien hydratée reflète mieux la lumière pour un teint unifié et éclatant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🧴 Absorption rapide\u003c\/h3\u003e\n\u003cp\u003eTexture gel légère qui pénètre instantanément sans laisser de film gras ni collant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003ePour qui est fait ce sérum ?\u003c\/h2\u003e\n\u003cp class=\"sh-section-intro\"\u003eCe sérum hydratant bio convient à tous les types de peau, femmes comme hommes, dès 20-25 ans.\u003c\/p\u003e\n\u003cdiv class=\"sh-grid-compact\"\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🏜️ Peaux déshydratées\u003c\/h3\u003e\n\u003cp\u003eTiraillements, inconfort, teint terne... ce sérum répond directement à ces problématiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e✨ Peaux mixtes à grasses\u003c\/h3\u003e\n\u003cp\u003eTexture légère et non grasse qui hydrate sans alourdir ni faire briller\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eFormule douce à l'aloe vera et au concombre qui apaise sans irriter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🕰️ Peaux matures\u003c\/h3\u003e\n\u003cp\u003eL'acide hyaluronique aide à combler les ridules et à maintenir la fermeté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003eComment utiliser votre sérum pour des résultats optimaux ?\u003c\/h2\u003e\n\u003cdiv class=\"sh-timeline\"\u003e\n\u003cdiv class=\"sh-timeline-item\"\u003e\n\u003cspan class=\"sh-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"sh-timeline-content\"\u003e\n\u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n\u003cp\u003eAvec un nettoyant doux adapté à votre type de peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-timeline-item\"\u003e\n\u003cspan class=\"sh-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"sh-timeline-content\"\u003e\n\u003ch3\u003eDéposez 3 à 4 gouttes\u003c\/h3\u003e\n\u003cp\u003eDe sérum dans le creux de votre main\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-timeline-item\"\u003e\n\u003cspan class=\"sh-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"sh-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur le visage\u003c\/h3\u003e\n\u003cp\u003eSur l'ensemble du visage en évitant le contour des yeux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-timeline-item\"\u003e\n\u003cspan class=\"sh-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"sh-timeline-content\"\u003e\n\u003ch3\u003eTapotez délicatement\u003c\/h3\u003e\n\u003cp\u003eDu bout des doigts jusqu'à absorption complète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-timeline-item\"\u003e\n\u003cspan class=\"sh-timeline-number\"\u003e5\u003c\/span\u003e\n\u003cdiv class=\"sh-timeline-content\"\u003e\n\u003ch3\u003eTerminez avec votre crème\u003c\/h3\u003e\n\u003cp\u003ePour sceller l'hydratation et maximiser les résultats\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-tip\"\u003e\n\u003cspan class=\"sh-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eNotre astuce :\u003c\/strong\u003e Associez ce sérum avec un sérum à la vitamine C le matin. L'acide hyaluronique hydrate pendant que la vitamine C illumine le teint. Un duo gagnant pour une peau radieuse !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n\u003cp class=\"sh-section-intro\"\u003eChez Endro, la transparence est une priorité. Voici le détail complet de ce que contient ce sérum.\u003c\/p\u003e\n\u003cdiv class=\"sh-grid\"\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n\u003cp\u003eBase purifiée du sérum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🌾 Pentylène glycol\u003c\/h3\u003e\n\u003cp\u003eAgent hydratant d'origine végétale qui améliore la pénétration des actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🍯 Glycérine\u003c\/h3\u003e\n\u003cp\u003eHumectant naturel qui attire et retient l'eau dans la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e💎 Hyaluronate de sodium 1%\u003c\/h3\u003e\n\u003cp\u003eForme stabilisée de l'acide hyaluronique pour une hydratation optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🥒 Extrait de concombre bio\u003c\/h3\u003e\n\u003cp\u003eRafraîchit et tonifie la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eApaise et hydrate en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-accordion\"\u003e\n\u003cdetails open=\"\" class=\"sh-accordion-item\"\u003e\n\u003csummary class=\"sh-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"sh-accordion-content\"\u003e\n\u003cp\u003eAQUA (WATER \/ EAU), PENTYLENE GLYCOL, GLYCERIN, SODIUM HYALURONATE, CUCUMIS SATIVUS (CUCUMBER) FRUIT EXTRACT*, ALOE BARBADENSIS LEAF JUICE POWDER*, HEPTYL GLUCOSIDE, PARFUM (FRAGRANCE), SODIUM LEVULINATE, LACTIC ACID, SODIUM ANISATE, MALTODEXTRIN, HEXYL CINNAMAL**, GARDENIA FLORIDA FLOWER EXTRACT.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique | **Naturellement présent dans le parfum\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003eLes engagements Endro qui font la différence\u003c\/h2\u003e\n\u003cdiv class=\"sh-grid-compact\"\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient synthétique ou pétrochimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🌱 20% bio\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de l'agriculture biologique, certifié Cosmébio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n\u003cp\u003eSans aucun ingrédient d'origine animale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-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=\"sh-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eFlacon en verre réutilisable, démarche zéro déchet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué en Bretagne pour limiter l'empreinte carbone\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"sh-section\"\u003e\n\u003cdiv class=\"sh-accordion\"\u003e\n\u003cdetails class=\"sh-accordion-item\"\u003e\n\u003csummary class=\"sh-accordion-header\"\u003e⚠️ Précautions et conservation\u003c\/summary\u003e\n\u003cdiv class=\"sh-accordion-content\"\u003e\n\u003cp\u003eCe sérum est formulé pour un usage cosmétique externe uniquement. En cas d'irritation ou de réaction inhabituelle, cessez l'utilisation et consultez un dermatologue. Évitez le contact avec les yeux. Conservez à l'abri de la chaleur et de la lumière directe pour préserver l'efficacité des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sh-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical et ne peut en aucun cas remplacer l'avis d'un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sh-cream: #F5F7F8;\n --sh-white: #ffffff;\n --sh-primary: #5A8A9A;\n --sh-primary-dark: #3D6A78;\n --sh-primary-light: #E8F2F4;\n --sh-secondary: #A8C5CC;\n --sh-accent: #D4A853;\n --sh-text: #1a1a1a;\n --sh-text-light: #5a5a5a;\n --sh-border: #e0e0e0;\n --sh-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sh-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sh-radius: 20px;\n --sh-radius-sm: 12px;\n}\n\n.sh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sh-hero {\n position: relative;\n background: linear-gradient(135deg, #3D6A78 0%, #5A8A9A 50%, #A8C5CC 100%);\n border-radius: var(--sh-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(--sh-shadow-lg);\n}\n\n.sh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.sh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sh-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(--sh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sh-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.sh-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: .5px;\n}\n\n.sh-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto 2rem auto;\n line-height: 1.6;\n}\n\n.sh-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.sh-stat {\n text-align: center;\n}\n\n.sh-stat-number {\n display: block;\n font-size: clamp(28px, 6vw, 42px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.sh-stat-text {\n display: block;\n font-size: clamp(11px, 2vw, 13px);\n color: rgba(255,255,255,.8);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.sh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sh-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.sh-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(--sh-primary), var(--sh-secondary));\n border-radius: 2px;\n}\n\n.sh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sh-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.sh-card {\n background: var(--sh-white);\n border-radius: var(--sh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sh-shadow-lg);\n border-color: var(--sh-primary);\n}\n\n.sh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sh-card-ingredient {\n border-left: 4px solid var(--sh-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.sh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sh-grid-compact .sh-card {\n padding: 1rem;\n}\n\n.sh-grid-compact .sh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sh-grid-compact .sh-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sh-highlight-box {\n background: linear-gradient(135deg, var(--sh-primary-light) 0%, rgba(168,197,204,.3) 100%);\n border-radius: var(--sh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border-left: 4px solid var(--sh-primary);\n}\n\n.sh-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sh-text);\n margin: 0;\n line-height: 1.8;\n}\n\n\/* === FEATURE BIG === *\/\n.sh-feature-big {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n background: var(--sh-white);\n border-radius: var(--sh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sh-shadow);\n margin-bottom: 1.5rem;\n}\n\n.sh-feature-icon {\n font-size: clamp(40px, 8vw, 60px);\n}\n\n.sh-feature-content {\n text-align: left;\n}\n\n.sh-feature-number {\n display: block;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n color: var(--sh-primary);\n line-height: 1;\n}\n\n.sh-feature-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--sh-text-light);\n margin: .25rem 0 0 0;\n}\n\n\/* === TEXTURE BOX === *\/\n.sh-texture-box {\n background: var(--sh-white);\n border-radius: var(--sh-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--sh-shadow);\n margin-top: 1.5rem;\n text-align: center;\n}\n\n.sh-texture-box h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--sh-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.sh-texture-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--sh-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.sh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sh-primary), var(--sh-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.sh-timeline-content {\n flex: 1;\n background: var(--sh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sh-radius-sm);\n box-shadow: var(--sh-shadow);\n}\n\n.sh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sh-timeline-content p {\n font-size: 14px;\n color: var(--sh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sh-primary-light);\n border-radius: var(--sh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sh-tip p {\n font-size: 14px;\n color: var(--sh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sh-accordion {\n background: var(--sh-white);\n border-radius: var(--sh-radius);\n box-shadow: var(--sh-shadow);\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.sh-accordion-item {\n border-bottom: 1px solid var(--sh-border);\n margin: 0;\n padding: 0;\n}\n\n.sh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sh-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.sh-accordion-header:hover {\n background: var(--sh-primary-light);\n}\n\n.sh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sh-primary);\n transition: transform .2s ease;\n}\n\n.sh-accordion-item[open] .sh-accordion-header::after {\n content: '−';\n}\n\n.sh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sh-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sh-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.sh-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sh-disclaimer {\n font-size: 12px;\n color: var(--sh-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 .sh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sh-card {\n padding: 1.125rem;\n }\n \n .sh-section {\n margin-bottom: 1.75rem;\n }\n \n .sh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sh-radius-sm);\n }\n \n .sh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sh-grid-compact {\n gap: .625rem;\n }\n \n .sh-grid-compact .sh-card {\n padding: .75rem;\n }\n \n .sh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sh-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sh-timeline-content h3 {\n font-size: 14px;\n }\n \n .sh-timeline-content p {\n font-size: 13px;\n }\n \n .sh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sh-feature-big {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n }\n \n .sh-feature-content {\n text-align: center;\n }\n \n .sh-hero-stats {\n gap: 1rem;\n }\n \n .sh-stat-number {\n font-size: 28px;\n }\n \n .sh-card-ingredient {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--sh-primary);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sh-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sh-card:nth-child(1) { animation-delay: .05s; }\n .sh-card:nth-child(2) { animation-delay: .1s; }\n .sh-card:nth-child(3) { animation-delay: .15s; }\n .sh-card:nth-child(4) { animation-delay: .2s; }\n .sh-card:nth-child(5) { animation-delay: .25s; }\n .sh-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 .sh-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":55363855581561,"sku":"NBAIEND0125","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-hydratant-1-dacide-hyaluronique-30-ml-endro-lifestyle_019dadf5-7220-40dd-9303-3741024ec559.webp?v=1776425295"},{"product_id":"serum-anti-age-collagene-liftant-30ml","title":"Sérum Anti-Âge au Collagène Liftant - 30 mL - Endro","description":"\u003cdiv class=\"sac-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"sac-hero\"\u003e\n\u003cdiv class=\"sac-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sac-hero-content\"\u003e\n\u003cdiv class=\"sac-badges-top\"\u003e\n\u003cspan class=\"sac-badge\"\u003e🌿 100% Origine naturelle\u003c\/span\u003e \u003cspan class=\"sac-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e \u003cspan class=\"sac-badge\"\u003e🏆 Certifié Bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sac-hero-title\"\u003eSérum Anti-Âge au Collagène Liftant\u003c\/span\u003e\n\u003cp class=\"sac-subtitle\"\u003eL'effet tenseur visible dès 5 minutes\u003c\/p\u003e\n\u003cp class=\"sac-description\"\u003e1,5% collagène végétal • 0,4% acide polyglutamique • Extrait de baobab\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sac-section\"\u003e\n\u003ch2\u003eSérum anti-âge au collagène végétal : l'allié naturel des peaux matures\u003c\/h2\u003e\n\u003cp class=\"sac-section-intro\"\u003eVous cherchez le \u003cstrong\u003emeilleur sérum anti-âge\u003c\/strong\u003e capable de redonner fermeté et éclat à votre peau sans compromis sur la naturalité ? Le sérum anti-âge au collagène liftant d'Endro répond à cette attente avec une formulation 100% d'origine naturelle, certifiée bio et fabriquée artisanalement en Bretagne.\u003c\/p\u003e\n\u003cdiv class=\"sac-highlight-box\"\u003e\n\u003cp\u003eCe \u003cstrong\u003esérum visage anti-âge\u003c\/strong\u003e concentre le meilleur des actifs végétaux pour offrir à votre peau un soin complet : hydratation profonde, effet tenseur visible et amélioration progressive de la densité cutanée. Dès la première application, vous ressentirez cette sensation de peau lissée et repulpée qui fait toute la différence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sac-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce sérum collagène bio ?\u003c\/h2\u003e\n\u003cp class=\"sac-section-intro\"\u003eÀ partir de 35-40 ans, la production naturelle de collagène diminue progressivement. Résultat : la peau perd de sa fermeté, les rides s'installent et le teint peut paraître plus terne.\u003c\/p\u003e\n\u003cdiv class=\"sac-grid\"\u003e\n\u003cdiv class=\"sac-card\"\u003e\n\u003ch3\u003e⚡ Effet liftant immédiat\u003c\/h3\u003e\n\u003cp\u003eGrâce à l'extrait de pulpe de baobab, votre peau paraît plus tendue dès l'application\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sac-card\"\u003e\n\u003ch3\u003e💧 Hydratation longue durée\u003c\/h3\u003e\n\u003cp\u003eL'acide polyglutamique retient jusqu'à 4x plus d'eau que l'acide hyaluronique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sac-card\"\u003e\n\u003ch3\u003e✨ Action anti-rides progressive\u003c\/h3\u003e\n\u003cp\u003eLe collagène végétal soutient la régénération cellulaire au fil du temps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sac-card\"\u003e\n\u003ch3\u003e🍃 Texture légère\u003c\/h3\u003e\n\u003cp\u003ePénètre rapidement sans laisser de film collant ni effet gras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sac-card\"\u003e\n\u003ch3\u003e🛡️ Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eTesté sous contrôle dermatologique, formule douce et respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sac-card\"\u003e\n\u003ch3\u003e🌱 100% Vegan\u003c\/h3\u003e\n\u003cp\u003eAlternative végétale au collagène marin ou animal, tout aussi performante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sac-section\"\u003e\n\u003ch2\u003eDes actifs puissants à dosages optimaux\u003c\/h2\u003e\n\u003cp class=\"sac-section-intro\"\u003eContrairement à certains sérums qui affichent des actifs en quantités symboliques, ce sérum collagène d'Endro mise sur des concentrations efficaces et transparentes.\u003c\/p\u003e\n\u003cdiv class=\"sac-ingredients\"\u003e\n\u003cdiv class=\"sac-ingredient-card\"\u003e\n\u003cdiv class=\"sac-ingredient-header\"\u003e\n\u003cspan class=\"sac-ingredient-dose\"\u003e1,5%\u003c\/span\u003e\n\u003ch3\u003eCollagène végétal\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eIssu de sources végétales, ce collagène biomimétique aide à restaurer la densité de l'épiderme. Il favorise la souplesse cutanée et contribue à atténuer l'apparence des rides installées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sac-ingredient-card\"\u003e\n\u003cdiv class=\"sac-ingredient-header\"\u003e\n\u003cspan class=\"sac-ingredient-dose\"\u003e0,4%\u003c\/span\u003e\n\u003ch3\u003eAcide polyglutamique\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eMoins connu que l'acide hyaluronique mais redoutablement efficace, il forme un film protecteur qui capte l'humidité ambiante et la redistribue tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sac-ingredient-card\"\u003e\n\u003cdiv class=\"sac-ingredient-header\"\u003e\n\u003cspan class=\"sac-ingredient-dose\"\u003e🌳\u003c\/span\u003e\n\u003ch3\u003eExtrait de pulpe de baobab\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eVéritable trésor africain offrant un effet tenseur naturel quasi instantané. Il resserre les pores, lisse le grain de peau et confère ce fameux \"coup d'éclat\".\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sac-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"sac-inci-box\"\u003e\n\u003cp class=\"sac-inci-list\"\u003eAqua, Glycerin*, Propanediol, Sodium Polyglutamate, Hydrolyzed Wheat Protein, Adansonia Digitata Fruit Extract*, Xanthan Gum, Parfum, Benzyl Alcohol, Sodium Benzoate, Potassium Sorbate, Citric Acid.\u003c\/p\u003e\n\u003cp class=\"sac-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"sac-certif-badges\"\u003e\n\u003cspan class=\"sac-certif-badge\"\u003e✓ Sans silicones\u003c\/span\u003e \u003cspan class=\"sac-certif-badge\"\u003e✓ Sans huiles minérales\u003c\/span\u003e \u003cspan class=\"sac-certif-badge\"\u003e✓ Sans PEG\u003c\/span\u003e \u003cspan class=\"sac-certif-badge\"\u003e✓ Sans colorants synthétiques\u003c\/span\u003e \u003cspan class=\"sac-certif-badge\"\u003e✓ Cosmébio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sac-section\"\u003e\n\u003ch2\u003eComment utiliser ce sérum anti-âge pour des résultats optimaux ?\u003c\/h2\u003e\n\u003cdiv class=\"sac-timeline\"\u003e\n\u003cdiv class=\"sac-timeline-item\"\u003e\n\u003cspan class=\"sac-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"sac-timeline-content\"\u003e\n\u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n\u003cp\u003eSur peau propre et légèrement humide, déposez 3 à 4 gouttes. Appliquez en tapotant délicatement sur l'ensemble du visage et du cou. Laissez pénétrer 1 à 2 minutes avant votre crème de jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sac-timeline-item\"\u003e\n\u003cspan class=\"sac-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"sac-timeline-content\"\u003e\n\u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n\u003cp\u003eAprès votre nettoyage (double nettoyage si maquillée), appliquez le sérum de la même manière. La nuit, la peau se régénère : moment idéal pour maximiser l'action des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sac-tip\"\u003e\n\u003cspan class=\"sac-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour renforcer l'effet liftant, effectuez des mouvements de lissage de l'intérieur vers l'extérieur du visage, puis du bas vers le haut du cou. Ce petit massage stimule la microcirculation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sac-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce sérum liftant ?\u003c\/h2\u003e\n\u003cdiv class=\"sac-grid-compact\"\u003e\n\u003cdiv class=\"sac-card\"\u003e\n\u003ch3\u003e👩 Peaux matures\u003c\/h3\u003e\n\u003cp\u003ePerte de fermeté visible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sac-card\"\u003e\n\u003ch3\u003e🎯 Peaux relâchées\u003c\/h3\u003e\n\u003cp\u003eBesoin de retrouver du tonus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sac-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eAlternative aux soins conventionnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sac-card\"\u003e\n\u003ch3\u003e💦 Peaux déshydratées\u003c\/h3\u003e\n\u003cp\u003eBoost d'hydratation intense\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sac-card\"\u003e\n\u003ch3\u003e🛡️ Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eFormule douce et tolérée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sac-card\"\u003e\n\u003ch3\u003e✨ Peaux grasses\u003c\/h3\u003e\n\u003cp\u003eTexture aqueuse non comédogène\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sac-section\"\u003e\n\u003ch2\u003eLa marque Endro : l'engagement breton pour une cosmétique naturelle\u003c\/h2\u003e\n\u003cdiv class=\"sac-testimonial\"\u003e\n\u003cp class=\"sac-testimonial-text\"\u003e\"Fondée en Bretagne, Endro Cosmétiques incarne une approche différente de la beauté. Chaque produit est fabriqué artisanalement, avec des ingrédients soigneusement sélectionnés pour leur efficacité et leur innocuité. La marque privilégie les circuits courts, les emballages recyclables et une transparence totale sur ses formulations.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sac-brand-highlights\"\u003e\n\u003cspan class=\"sac-brand-tag\"\u003e🏠 Fabrication artisanale\u003c\/span\u003e \u003cspan class=\"sac-brand-tag\"\u003e🌍 Circuits courts\u003c\/span\u003e \u003cspan class=\"sac-brand-tag\"\u003e♻️ Flacon verre recyclable\u003c\/span\u003e \u003cspan class=\"sac-brand-tag\"\u003e📋 Transparence totale\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"sac-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"sac-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n\u003cdiv class=\"sac-accordion\"\u003e\n\u003cdetails class=\"sac-accordion-item\"\u003e\n\u003csummary class=\"sac-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"sac-accordion-content\"\u003e\n\u003cp\u003eUsage externe uniquement. Évitez le contact direct avec les yeux. En cas de contact, rincez abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sac-accordion-item\"\u003e\n\u003csummary class=\"sac-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sac-accordion-content\"\u003e\n\u003cp\u003eConservez le flacon à l'abri de la lumière directe et de la chaleur excessive. Refermez bien après chaque utilisation. À utiliser dans les 6 mois après ouverture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sac-disclaimer\"\u003eCe produit cosmétique n'est pas un médicament et ne peut se substituer à un avis médical dermatologique si vous présentez des problèmes de peau spécifiques.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sac-cream: #faf8fc;\n --sac-white: #ffffff;\n --sac-primary: #7B6B9E;\n --sac-primary-dark: #5D4E7A;\n --sac-primary-light: #f3f0f7;\n --sac-secondary: #9B8BB8;\n --sac-accent: #b8a9d4;\n --sac-text: #1a1a1a;\n --sac-text-light: #5a5a5a;\n --sac-border: #e8e4ed;\n --sac-shadow: 0 4px 24px rgba(123,107,158,.1);\n --sac-shadow-lg: 0 12px 48px rgba(93,78,122,.18);\n --sac-radius: 20px;\n --sac-radius-sm: 12px;\n}\n\n.sac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sac-hero {\n position: relative;\n background: linear-gradient(135deg, #9B8BB8 0%, #7B6B9E 50%, #5D4E7A 100%);\n border-radius: var(--sac-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(--sac-shadow-lg);\n}\n\n.sac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.sac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sac-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(--sac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sac-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.sac-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.sac-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n}\n\n\/* === SECTIONS === *\/\n.sac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sac-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.sac-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(--sac-primary), var(--sac-secondary));\n border-radius: 2px;\n}\n\n.sac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sac-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\/* === HIGHLIGHT BOX === *\/\n.sac-highlight-box {\n background: var(--sac-white);\n border-radius: var(--sac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sac-shadow);\n border-left: 4px solid var(--sac-primary);\n}\n\n.sac-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sac-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === GRIDS === *\/\n.sac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.sac-card {\n background: var(--sac-white);\n border-radius: var(--sac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sac-shadow-lg);\n border-color: var(--sac-primary);\n}\n\n.sac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sac-grid-compact .sac-card {\n padding: 1rem;\n}\n\n.sac-grid-compact .sac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sac-grid-compact .sac-card p {\n font-size: 12px;\n}\n\n\/* === INGREDIENTS === *\/\n.sac-ingredients {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.sac-ingredient-card {\n background: var(--sac-white);\n border-radius: var(--sac-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--sac-shadow);\n transition: all .3s ease;\n}\n\n.sac-ingredient-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--sac-shadow-lg);\n}\n\n.sac-ingredient-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: .75rem;\n}\n\n.sac-ingredient-dose {\n background: linear-gradient(135deg, var(--sac-primary), var(--sac-secondary));\n color: white;\n font-size: 16px;\n font-weight: 800;\n padding: .5rem 1rem;\n border-radius: var(--sac-radius-sm);\n min-width: 60px;\n text-align: center;\n}\n\n.sac-ingredient-card h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--sac-primary-dark);\n margin: 0;\n}\n\n.sac-ingredient-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--sac-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.sac-inci-box {\n background: var(--sac-white);\n border-radius: var(--sac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sac-shadow);\n text-align: center;\n}\n\n.sac-inci-list {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sac-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n font-family: monospace;\n background: var(--sac-primary-light);\n padding: 1rem;\n border-radius: var(--sac-radius-sm);\n}\n\n.sac-inci-note {\n font-size: 13px;\n color: var(--sac-text-light);\n margin: 0 0 1.25rem 0;\n}\n\n.sac-certif-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n}\n\n.sac-certif-badge {\n background: var(--sac-primary-light);\n color: var(--sac-primary-dark);\n font-size: 12px;\n font-weight: 600;\n padding: .5rem .75rem;\n border-radius: 999px;\n}\n\n\/* === TIMELINE === *\/\n.sac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sac-primary), var(--sac-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.sac-timeline-content {\n flex: 1;\n background: var(--sac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sac-radius-sm);\n box-shadow: var(--sac-shadow);\n}\n\n.sac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sac-timeline-content p {\n font-size: 14px;\n color: var(--sac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.sac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sac-primary-light);\n border-radius: var(--sac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sac-tip p {\n font-size: 14px;\n color: var(--sac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.sac-testimonial {\n background: var(--sac-white);\n border-radius: var(--sac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sac-shadow);\n border-left: 4px solid var(--sac-primary);\n margin-bottom: 1.25rem;\n}\n\n.sac-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sac-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.sac-brand-highlights {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n}\n\n.sac-brand-tag {\n background: linear-gradient(135deg, var(--sac-primary), var(--sac-secondary));\n color: white;\n font-size: 13px;\n font-weight: 600;\n padding: .5rem 1rem;\n border-radius: 999px;\n}\n\n\/* === ACCORDION === *\/\n.sac-accordion {\n background: var(--sac-white);\n border-radius: var(--sac-radius);\n box-shadow: var(--sac-shadow);\n overflow: hidden;\n}\n\n.sac-accordion-item {\n border-bottom: 1px solid var(--sac-border);\n margin: 0;\n padding: 0;\n}\n\n.sac-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sac-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sac-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.sac-accordion-header:hover {\n background: var(--sac-primary-light);\n}\n\n.sac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sac-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sac-primary);\n transition: transform .2s ease;\n}\n\n.sac-accordion-item[open] .sac-accordion-header::after {\n content: '−';\n}\n\n.sac-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sac-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sac-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sac-disclaimer {\n font-size: 12px;\n color: var(--sac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sac-card {\n padding: 1.125rem;\n }\n \n .sac-section {\n margin-bottom: 1.75rem;\n }\n \n .sac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sac-radius-sm);\n }\n \n .sac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sac-grid-compact {\n gap: .625rem;\n }\n \n .sac-grid-compact .sac-card {\n padding: .75rem;\n }\n \n .sac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sac-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sac-timeline-content h3 {\n font-size: 14px;\n }\n \n .sac-timeline-content p {\n font-size: 13px;\n }\n \n .sac-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sac-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sac-testimonial {\n padding: 1.25rem;\n }\n \n .sac-testimonial-text {\n font-size: 14px;\n }\n \n .sac-ingredient-header {\n flex-direction: column;\n align-items: flex-start;\n gap: .5rem;\n }\n \n .sac-ingredient-dose {\n font-size: 14px;\n padding: .35rem .75rem;\n }\n \n .sac-certif-badges {\n gap: .35rem;\n }\n \n .sac-certif-badge {\n font-size: 11px;\n padding: .35rem .5rem;\n }\n \n .sac-brand-highlights {\n gap: .35rem;\n }\n \n .sac-brand-tag {\n font-size: 12px;\n padding: .35rem .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sac-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sac-card:nth-child(1) { animation-delay: .05s; }\n .sac-card:nth-child(2) { animation-delay: .1s; }\n .sac-card:nth-child(3) { animation-delay: .15s; }\n .sac-card:nth-child(4) { animation-delay: .2s; }\n .sac-card:nth-child(5) { animation-delay: .25s; }\n .sac-card:nth-child(6) { animation-delay: .3s; }\n \n .sac-ingredient-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sac-ingredient-card:nth-child(1) { animation-delay: .1s; }\n .sac-ingredient-card:nth-child(2) { animation-delay: .2s; }\n .sac-ingredient-card:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sac-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":55363856204153,"sku":"NBAIEND0122","price":24.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-anti-age-au-collagene-liftant-30-ml-endro-lifestyle_3b810eed-5016-4c34-b03e-2a0fc221c12b.webp?v=1776426038"},{"product_id":"creme-visage-bonne-mine-hydratante-50ml-endro","title":"Crème visage Bonne Mine - Peaux normales à sèches - 50 ml - Endro","description":"\u003cdiv class=\"bm-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"bm-hero\"\u003e\n\u003cdiv class=\"bm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bm-hero-content\"\u003e\n\u003cdiv class=\"bm-badges-top\"\u003e\n\u003cspan class=\"bm-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e✨ Certifié Bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bm-hero-title\"\u003eCrème Visage Bonne Mine\u003c\/span\u003e\n\u003cp class=\"bm-subtitle\"\u003eL'éclat naturel en un seul geste\u003c\/p\u003e\n\u003cp class=\"bm-description\"\u003ePeaux normales à sèches • 50 ml • Sans huiles essentielles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eRéveillez l'éclat naturel de votre peau avec cette crème bonne mine bio\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eVous avez le teint terne, fatigué, et vous rêvez d'une peau lumineuse sans avoir à multiplier les produits ?\u003c\/p\u003e\n\u003cdiv class=\"bm-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003eCrème Visage Bonne Mine d'Endro\u003c\/strong\u003e est exactement ce qu'il vous faut. Formulée avec seulement une poignée d'ingrédients d'origine naturelle, cette crème hydratante effet bonne mine transforme les peaux normales à sèches en leur offrant \u003cstrong\u003econfort, nutrition et un éclat visible\u003c\/strong\u003e dès les premières applications.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem; margin-bottom: 0;\"\u003eFabriquée en Bretagne et certifiée Bio, elle incarne une cosmétique minimaliste mais redoutablement efficace. Pas de promesses vides ici : chaque actif a été choisi pour son action concrète sur votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003ePourquoi choisir une crème visage effet bonne mine ?\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eLe teint terne n'est pas une fatalité. Il résulte souvent d'une peau déshydratée, fatiguée ou exposée aux agressions quotidiennes.\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n\u003cp\u003eRedonne souplesse et rebond à la peau pour un teint repulpé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🧈 Nutrition durable\u003c\/h3\u003e\n\u003cp\u003eÉvite les tiraillements et l'inconfort tout au long de la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e✨ Teint illuminé\u003c\/h3\u003e\n\u003cp\u003eActifs végétaux riches en pigments naturels pour un éclat visible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🛡️ Protection anti-âge\u003c\/h3\u003e\n\u003cp\u003eCombat le stress oxydatif responsable du vieillissement prématuré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-tip\"\u003e\n\u003cspan class=\"bm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa crème Endro réunit tous ces bienfaits dans un seul pot, sans surcharger votre peau ni votre routine beauté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eLes actifs stars de cette crème hydratante naturelle\u003c\/h2\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card bm-card-ingredient\"\u003e\n\u003ch3\u003e🌹 Eau florale de rose\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eL'alliée des peaux sensibles\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eReconnue depuis des siècles pour ses vertus apaisantes, elle hydrate, tonifie et rafraîchit la peau instantanément. Son parfum délicat, 100 % naturel, offre un moment de douceur à chaque application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card bm-card-ingredient bm-card-featured\"\u003e\n\u003ch3\u003e🥕 Macérat huileux de carotte\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLe secret de l'effet bonne mine\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eRiche en provitamine A (bêta-carotène), il apporte un hâle subtil et naturel à votre teint. Pas d'autobronzant artificiel, simplement la puissance des pigments végétaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card bm-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Huile de jojoba bio\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eL'équilibrante par excellence\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eTrès proche du sébum humain, elle régule naturellement les sécrétions de la peau. Elle nourrit sans graisser, régénère et raffermit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card bm-card-ingredient\"\u003e\n\u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eNutrition intense\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003ePénètre rapidement l'épiderme pour apporter une nutrition profonde. Elle laisse la peau souple, douce et protégée des agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card bm-card-ingredient\"\u003e\n\u003ch3\u003e🌾 Glycérine de lin bio\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLe bouclier hydratant\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eForme un film protecteur à la surface de la peau. Résultat : l'hydratation est maintenue toute la journée, même sur les peaux les plus assoiffées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card bm-card-ingredient\"\u003e\n\u003ch3\u003e🍊 Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eL'antioxydant protecteur\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eNeutralise les radicaux libres responsables du vieillissement cutané. Préserve l'éclat et la jeunesse de votre peau au fil du temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"bm-inci-box\"\u003e\n\u003cp class=\"bm-inci-list\"\u003e\u003cem\u003eRosa Damascena Flower Water*, Cocos Nucifera Oil*, Simmondsia Chinensis Seed Oil*, Daucus Carota Sativa Root Extract*, Glycerin**, Linum Usitatissimum Seed Oil*, Cetearyl Alcohol, Glyceryl Stearate, Xanthan Gum, Levulinic Acid, Sodium Levulinate, Tocopherol, Helianthus Annuus Seed Oil\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"bm-inci-legend\"\u003e\n\u003cp\u003e\u003cstrong\u003e*Ingrédients issus de l'agriculture biologique\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e**Glycérine d'origine végétale (lin)\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"bm-grid-compact\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e33,8%\u003c\/h3\u003e\n\u003cp\u003eCertifiés Bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e100%\u003c\/h3\u003e\n\u003cp\u003eOrigine naturelle\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=\"bm-section\"\u003e\n\u003ch2\u003eComment appliquer votre crème visage bonne mine ?\u003c\/h2\u003e\n\u003cdiv class=\"bm-timeline\"\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n\u003cp\u003eAvec un nettoyant doux adapté à votre type de peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003ePrélevez une noisette de crème\u003c\/h3\u003e\n\u003cp\u003eDu bout des doigts, une petite quantité suffit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur le visage et le cou\u003c\/h3\u003e\n\u003cp\u003eEn effectuant de légers massages circulaires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eInsistez sur les zones sèches\u003c\/h3\u003e\n\u003cp\u003eJoues, contour des yeux, front\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eUtilisez matin et\/ou soir\u003c\/h3\u003e\n\u003cp\u003eSelon vos besoins et votre routine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-tip\"\u003e\n\u003cspan class=\"bm-tip-icon\"\u003e💄\u003c\/span\u003e\n\u003cp\u003eLa texture légère et non grasse pénètre rapidement : vous pouvez vous maquiller immédiatement après l'application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003ePour qui est faite cette crème ?\u003c\/h2\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🌸 Peaux normales à sèches\u003c\/h3\u003e\n\u003cp\u003eEn quête d'hydratation et de confort au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e✨ Teint lumineux naturel\u003c\/h3\u003e\n\u003cp\u003ePour celles qui souhaitent un éclat sans maquillage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eParfaite pour les fans de cosmétique bio et clean\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n\u003cp\u003eFormule sans huiles essentielles, adaptée à la grossesse et l'allaitement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e👶 Enfants dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eDouce et sûre pour les plus petits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🚫 Sans parfum ajouté\u003c\/h3\u003e\n\u003cp\u003eIdéale pour ceux qui préfèrent les soins non parfumés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eLes engagements Endro : une cosmétique responsable\u003c\/h2\u003e\n\u003cdiv class=\"bm-grid-compact\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertifié Cosmébio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🐰 100% végane\u003c\/h3\u003e\n\u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🌴 Sans huile de palme\u003c\/h3\u003e\n\u003cp\u003eNi dérivés pétrochimiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🚫 Sans parfum synthétique\u003c\/h3\u003e\n\u003cp\u003eNi conservateurs controversés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e♻️ Pot en verre\u003c\/h3\u003e\n\u003cp\u003eRéutilisable et recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in Bretagne\u003c\/h3\u003e\n\u003cp\u003eFabrication artisanale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eCombien de temps dure un pot de 50 ml ?\u003c\/h2\u003e\n\u003cdiv class=\"bm-duration-box\"\u003e\n\u003cdiv class=\"bm-grid-compact\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e1-2 mois\u003c\/h3\u003e\n\u003cp\u003eUtilisation matin ET soir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003eJusqu'à 3 mois\u003c\/h3\u003e\n\u003cp\u003eUtilisation matin OU soir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"bm-duration-note\"\u003eUn excellent rapport qualité-prix pour une crème bio fabriquée en France avec des ingrédients premium.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eQuestions fréquentes sur la crème visage Endro\u003c\/h2\u003e\n\u003cdiv class=\"bm-accordion\"\u003e\n\u003cdetails class=\"bm-accordion-item\"\u003e\n\u003csummary class=\"bm-accordion-header\"\u003eCette crème convient-elle aux peaux sensibles ?\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content\"\u003e\n\u003cp\u003eOui, sa formule minimaliste sans parfum ajouté ni huiles essentielles la rend particulièrement douce pour les peaux réactives et sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bm-accordion-item\"\u003e\n\u003csummary class=\"bm-accordion-header\"\u003ePuis-je l'utiliser sous mon maquillage ?\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content\"\u003e\n\u003cp\u003eAbsolument. Sa texture légère et rapidement absorbée en fait une base idéale avant le maquillage. Elle unifie le teint et facilite l'application du fond de teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bm-accordion-item\"\u003e\n\u003csummary class=\"bm-accordion-header\"\u003eL'effet bonne mine est-il visible immédiatement ?\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content\"\u003e\n\u003cp\u003eLe macérat de carotte agit progressivement. Vous remarquerez un teint plus lumineux dès les premiers jours, avec un effet bonne mine qui s'intensifie au fil des semaines d'utilisation régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bm-accordion-item\"\u003e\n\u003csummary class=\"bm-accordion-header\"\u003eComment conserver ma crème ?\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content\"\u003e\n\u003cp\u003eConservez-la à l'abri de la chaleur et de la lumière directe. Une fois ouverte, utilisez-la dans les 6 mois pour profiter de toutes ses propriétés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 10 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"bm-section\"\u003e\n\u003ch2\u003eNotre avis sur la Crème Visage Bonne Mine Endro\u003c\/h2\u003e\n\u003cdiv class=\"bm-testimonial\"\u003e\n\u003cp class=\"bm-testimonial-text\"\u003e\"Si vous cherchez une alternative naturelle aux crèmes conventionnelles bourrées d'ingrédients superflus, cette crème représente un excellent choix. Sa composition transparente, son efficacité prouvée sur les peaux normales à sèches et son engagement éthique en font un soin complet et responsable.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-cta-box\"\u003e\n\u003cp\u003eLes retours des utilisatrices sont unanimes : \u003cstrong\u003epeau plus douce, teint plus frais, sensation de confort durable\u003c\/strong\u003e. Une vraie pépite de la cosmétique bio bretonne à découvrir d'urgence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --bm-cream: #F9F6F2;\n --bm-white: #ffffff;\n --bm-primary: #E8A87C;\n --bm-primary-dark: #C4724A;\n --bm-primary-light: #FDF5F0;\n --bm-secondary: #D4A574;\n --bm-accent: #8B6F5C;\n\n \/* Textes *\/\n --bm-text: #1a1a1a;\n --bm-text-light: #5a5a5a;\n\n \/* Effets *\/\n --bm-border: #e8e0d8;\n --bm-shadow: 0 4px 24px rgba(139,111,92,.08);\n --bm-shadow-lg: 0 12px 48px rgba(196,114,74,.15);\n --bm-radius: 20px;\n --bm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bm-hero {\n position: relative;\n background: linear-gradient(135deg, #E8A87C 0%, #D4A574 40%, #C4724A 100%);\n border-radius: var(--bm-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(--bm-shadow-lg);\n}\n\n.bm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23fff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.bm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bm-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.bm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 600;\n margin: 0 0 .5rem 0;\n}\n\n.bm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 16px);\n margin: 0;\n}\n\n\/* === BADGES === *\/\n.bm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bm-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(--bm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bm-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.bm-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(--bm-primary), var(--bm-secondary));\n border-radius: 2px;\n}\n\n.bm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.bm-card {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bm-shadow-lg);\n border-color: var(--bm-primary);\n}\n\n.bm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bm-card p + p {\n margin-top: .5rem;\n}\n\n\/* Card ingrédient avec plus de texte *\/\n.bm-card-ingredient {\n text-align: left;\n}\n\n.bm-card-featured {\n border: 2px solid var(--bm-primary);\n background: var(--bm-primary-light);\n}\n\n\/* === GRILLES === *\/\n.bm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bm-grid-compact .bm-card {\n padding: 1rem;\n}\n\n.bm-grid-compact .bm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bm-grid-compact .bm-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.bm-highlight-box {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bm-shadow);\n border-left: 4px solid var(--bm-primary);\n font-size: clamp(14px, 2.5vw, 16px);\n line-height: 1.8;\n color: var(--bm-text);\n}\n\n.bm-highlight-box p {\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.bm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bm-primary), var(--bm-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.bm-timeline-content {\n flex: 1;\n background: var(--bm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bm-radius-sm);\n box-shadow: var(--bm-shadow);\n}\n\n.bm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bm-timeline-content p {\n font-size: 14px;\n color: var(--bm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.bm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bm-primary-light);\n border-radius: var(--bm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bm-tip p {\n font-size: 14px;\n color: var(--bm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INCI BOX === *\/\n.bm-inci-box {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--bm-shadow);\n}\n\n.bm-inci-list {\n font-size: 13px;\n color: var(--bm-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n padding: 1rem;\n background: var(--bm-cream);\n border-radius: var(--bm-radius-sm);\n}\n\n.bm-inci-legend {\n font-size: 13px;\n color: var(--bm-text);\n}\n\n.bm-inci-legend p {\n margin: 0 0 .25rem 0;\n}\n\n\/* === DURATION BOX === *\/\n.bm-duration-box {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--bm-shadow);\n}\n\n.bm-duration-note {\n text-align: center;\n font-size: 14px;\n color: var(--bm-text-light);\n margin: 1.25rem 0 0 0;\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.bm-accordion {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n box-shadow: var(--bm-shadow);\n overflow: hidden;\n}\n\n.bm-accordion-item {\n border-bottom: 1px solid var(--bm-border);\n margin: 0;\n padding: 0;\n}\n\n.bm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bm-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.bm-accordion-header:hover {\n background: var(--bm-primary-light);\n}\n\n.bm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bm-primary);\n transition: transform .2s ease;\n}\n\n.bm-accordion-item[open] .bm-accordion-header::after {\n content: '−';\n}\n\n.bm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bm-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.bm-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.bm-testimonial {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bm-shadow);\n border-left: 4px solid var(--bm-primary);\n margin-bottom: 1.25rem;\n}\n\n.bm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bm-cta-box {\n background: linear-gradient(135deg, var(--bm-primary) 0%, var(--bm-primary-dark) 100%);\n border-radius: var(--bm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bm-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 .bm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bm-card {\n padding: 1.125rem;\n }\n \n .bm-card-ingredient {\n text-align: center;\n }\n \n .bm-section {\n margin-bottom: 1.75rem;\n }\n \n .bm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bm-radius-sm);\n }\n \n .bm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bm-grid-compact {\n gap: .625rem;\n }\n \n .bm-grid-compact .bm-card {\n padding: .75rem;\n }\n \n .bm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .bm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .bm-timeline-content h3 {\n font-size: 14px;\n }\n \n .bm-timeline-content p {\n font-size: 13px;\n }\n \n .bm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .bm-testimonial {\n padding: 1.25rem;\n }\n \n .bm-testimonial-text {\n font-size: 14px;\n }\n \n .bm-highlight-box {\n padding: 1.25rem;\n }\n \n .bm-tip {\n padding: .875rem 1rem;\n }\n \n .bm-tip-icon {\n font-size: 20px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bm-card:nth-child(1) { animation-delay: .05s; }\n .bm-card:nth-child(2) { animation-delay: .1s; }\n .bm-card:nth-child(3) { animation-delay: .15s; }\n .bm-card:nth-child(4) { animation-delay: .2s; }\n .bm-card:nth-child(5) { animation-delay: .25s; }\n .bm-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 .bm-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":55363856499065,"sku":"NBAIEND0134","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-visage-bonne-mine-endro.jpg?v=1776431945"},{"product_id":"creme-visage-nuit-collagene-endro-50ml","title":"Crème visage de nuit Anti-Âge - Effet liftant - 50 ml - Endro","description":"\u003cdiv class=\"endro-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"endro-hero\"\u003e\n\u003cdiv class=\"endro-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"endro-hero-content\"\u003e\n\u003cdiv class=\"endro-badges-top\"\u003e\n\u003cspan class=\"endro-badge\"\u003e🌙 Soin de nuit\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e🏆 Certifié Bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"endro-hero-title\"\u003eCrème de Nuit Anti-Âge Endro\u003c\/span\u003e\n\u003cp class=\"endro-subtitle\"\u003eCollagène liftant • Texture riche • 50 ml\u003c\/p\u003e\n\u003cp class=\"endro-description\"\u003eRéveillez-vous avec une peau raffermie, repulpée et lumineuse grâce à un trio d'actifs puissants qui agissent pendant votre sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eUne crème de nuit anti-âge qui travaille pendant que vous dormez\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eEntre 23h et 4h du matin, votre peau entre dans sa phase de régénération intense. C'est le moment idéal pour lui offrir des actifs ciblés.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧬 Collagène végétal\u003c\/h3\u003e\n\u003cp\u003eRenforce la structure cutanée et améliore l'élasticité en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💧 Acide polyglutamique\u003c\/h3\u003e\n\u003cp\u003eHydrate 5x plus que l'acide hyaluronique pour une peau repulpée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌳 Extrait de baobab\u003c\/h3\u003e\n\u003cp\u003eEffet tenseur immédiat pour un coup d'éclat au réveil\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\u003eAu réveil, constatez la différence : une peau plus ferme, des traits reposés et ce fameux coup d'éclat qui fait toute la différence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003ePourquoi cette crème visage anti-rides fait la différence\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eUne formulation intelligente avec des actifs soigneusement sélectionnés pour des résultats visibles.\u003c\/p\u003e\n\u003cdiv class=\"endro-subsection\"\u003e\n\u003ch3 class=\"endro-subsection-title\"\u003e🔬 Un trio d'actifs anti-âge puissants\u003c\/h3\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card endro-card-highlight\"\u003e\n\u003ch3\u003e🧬 Collagène végétal\u003c\/h3\u003e\n\u003cp\u003eContrairement au collagène animal, cette forme végétale est parfaitement assimilée. Elle renforce la structure cutanée et atténue visiblement rides et ridules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card endro-card-highlight\"\u003e\n\u003ch3\u003e💎 Acide polyglutamique\u003c\/h3\u003e\n\u003cp\u003eL'actif hydratant nouvelle génération qui capte et retient l'eau \u003cstrong\u003e5 fois plus efficacement\u003c\/strong\u003e que l'acide hyaluronique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card endro-card-highlight\"\u003e\n\u003ch3\u003e🌿 Liftise (Baobab)\u003c\/h3\u003e\n\u003cp\u003eCet extrait de pulpe de baobab procure un \u003cstrong\u003eeffet tenseur immédiat\u003c\/strong\u003e et lisse la surface de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-subsection\"\u003e\n\u003ch3 class=\"endro-subsection-title\"\u003e🍯 Une nutrition profonde pour les peaux matures\u003c\/h3\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n\u003cp\u003ePropriétés nourrissantes exceptionnelles, répare la barrière cutanée et apaise les peaux fragilisées\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\u003eRiche en vitamine E et acides gras essentiels, nourrit sans alourdir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🛡️ Tocophérol (Vitamine E)\u003c\/h3\u003e\n\u003cp\u003eAntioxydant naturel qui neutralise les radicaux libres responsables du vieillissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette crème de nuit anti-âge ?\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eCette crème convient à tous les types de peau, y compris les peaux sensibles. Elle sera particulièrement appréciée si vous :\u003c\/p\u003e\n\u003cdiv class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e👁️ Rides visibles\u003c\/h3\u003e\n\u003cp\u003eRides et ridules qui se creusent sur le front et contour des yeux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e📉 Perte de fermeté\u003c\/h3\u003e\n\u003cp\u003ePeau qui manque d'élasticité et de tonicité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e😴 Teint terne\u003c\/h3\u003e\n\u003cp\u003eRéveil avec le teint fatigué et sans éclat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌿 Envie de naturel\u003c\/h3\u003e\n\u003cp\u003eRecherche d'un soin anti-âge certifié bio\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\u003eLa texture onctueuse enveloppe la peau sans laisser de film gras, pour un confort optimal jusqu'au matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eComment appliquer votre crème de nuit pour des résultats optimaux\u003c\/h2\u003e\n\u003cdiv class=\"endro-timeline\"\u003e\n\u003cdiv class=\"endro-timeline-item\"\u003e\n\u003cspan class=\"endro-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"endro-timeline-content\"\u003e\n\u003ch3\u003eDémaquillez soigneusement\u003c\/h3\u003e\n\u003cp\u003eUtilisez un nettoyant doux. Une peau propre absorbe bien mieux les actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-timeline-item\"\u003e\n\u003cspan class=\"endro-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"endro-timeline-content\"\u003e\n\u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n\u003cp\u003eDu bout des doigts, prélevez la quantité idéale de crème.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-timeline-item\"\u003e\n\u003cspan class=\"endro-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"endro-timeline-content\"\u003e\n\u003ch3\u003eRéchauffez la texture\u003c\/h3\u003e\n\u003cp\u003eEntre vos mains pour activer les actifs et faciliter l'application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-timeline-item\"\u003e\n\u003cspan class=\"endro-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"endro-timeline-content\"\u003e\n\u003ch3\u003eAppliquez par mouvements ascendants\u003c\/h3\u003e\n\u003cp\u003eSur le visage, en partant du menton vers le front.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-timeline-item\"\u003e\n\u003cspan class=\"endro-timeline-number\"\u003e5\u003c\/span\u003e\n\u003cdiv class=\"endro-timeline-content\"\u003e\n\u003ch3\u003eN'oubliez pas le cou\u003c\/h3\u003e\n\u003cp\u003eLe cou et le décolleté sont tout aussi sujets aux signes de l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-timeline-item\"\u003e\n\u003cspan class=\"endro-timeline-number\"\u003e6\u003c\/span\u003e\n\u003cdiv class=\"endro-timeline-content\"\u003e\n\u003ch3\u003eEffectuez de légères pressions\u003c\/h3\u003e\n\u003cp\u003eAvec la paume des mains pour favoriser la pénétration des actifs.\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\u003eAstuce :\u003c\/strong\u003e pour un effet liftant renforcé, massez votre visage en effectuant des mouvements de lissage vers l'extérieur, en insistant sur l'ovale du visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"endro-inci-box\"\u003e\n\u003cp class=\"endro-inci-text\"\u003eAQUA, HELIANTHUS ANNUUS SEED OIL*, BUTYROSPERMUM PARKII BUTTER*, GLYCERIN, GLYCERYL STEARATE, PENTYLENE GLYCOL, CETEARYL ALCOHOL, COLLAGEN AMINO ACIDS, PARFUM, XANTHAN GUM, SODIUM LEVULINATE, POLYGLUTAMIC ACID, ADANSONIA DIGITATA PULP EXTRACT, MALTODEXTRIN, SODIUM STEAROYL LACTYLATE, TOCOPHEROL, SODIUM ANISATE, LACTIC ACID.\u003c\/p\u003e\n\u003cp class=\"endro-inci-note\"\u003e*Ingrédients certifiés biologiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card endro-card-stat\"\u003e\n\u003ch3\u003e100%\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card endro-card-stat\"\u003e\n\u003ch3\u003e29%\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de l'agriculture bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eLes engagements Endro pour cette crème visage anti-rides\u003c\/h2\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🏆 Certifiée bio\u003c\/h3\u003e\n\u003cp\u003ePar un organisme indépendant reconnu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriquée en Bretagne, dans les ateliers Endro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testée sur les animaux, sans ingrédient animal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e♻️ Éco-conçue\u003c\/h3\u003e\n\u003cp\u003eTube recyclable pour moins d'impact environnemental\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🔬 Non comédogène\u003c\/h3\u003e\n\u003cp\u003eNe bouche pas les pores de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e👩⚕️ Testée dermato\u003c\/h3\u003e\n\u003cp\u003eSous contrôle dermatologique strict\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"endro-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eLe petit plus qui fait la différence\u003c\/h2\u003e\n\u003cdiv class=\"endro-cta-box\"\u003e\n\u003cp\u003eCette crème de nuit ne se contente pas d'hydrater ou de lisser en surface : elle accompagne véritablement le processus de régénération nocturne de votre peau en lui apportant exactement ce dont elle a besoin, au moment où elle en a le plus besoin.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem; font-size: 0.9em; opacity: 0.9;\"\u003eParce qu'un beau produit doit aussi être responsable, Endro s'engage pour des formules efficaces, naturelles et respectueuses de l'environnement. 💜\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"endro-disclaimer\"\u003eLes compléments alimentaires et cosmétiques ne se substituent pas à une alimentation variée et équilibrée ni à un suivi médical adapté.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --endro-cream: #FAF8FC;\n --endro-white: #ffffff;\n --endro-primary: #7B6B8A;\n --endro-primary-dark: #5D4E6D;\n --endro-primary-light: #F3EFF7;\n --endro-secondary: #9B8BA8;\n --endro-accent: #B8A9C9;\n\n \/* Textes *\/\n --endro-text: #1a1a1a;\n --endro-text-light: #5a5a5a;\n\n \/* Effets *\/\n --endro-border: #e8e4ec;\n --endro-shadow: 0 4px 24px rgba(93,78,109,.08);\n --endro-shadow-lg: 0 12px 48px rgba(93,78,109,.15);\n --endro-radius: 20px;\n --endro-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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\/* === HERO === *\/\n.endro-hero {\n position: relative;\n background: linear-gradient(135deg, #9B8BA8 0%, #7B6B8A 40%, #5D4E6D 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.endro-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\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\/* === TITRE HERO === *\/\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 1rem 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, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.endro-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.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: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === SUBSECTION === *\/\n.endro-subsection {\n margin-bottom: 2rem;\n}\n\n.endro-subsection:last-child {\n margin-bottom: 0;\n}\n\n.endro-subsection-title {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 700;\n color: var(--endro-primary-dark);\n text-align: center;\n margin-bottom: 1.25rem;\n}\n\n\/* === CARDS === *\/\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-card-highlight {\n border: 2px solid var(--endro-primary-light);\n background: linear-gradient(180deg, var(--endro-white) 0%, var(--endro-primary-light) 100%);\n}\n\n.endro-card-stat h3 {\n font-size: clamp(28px, 5vw, 40px);\n color: var(--endro-primary);\n margin-bottom: .25rem;\n}\n\n.endro-card-stat p {\n font-size: clamp(12px, 2vw, 14px);\n}\n\n\/* === GRILLES === *\/\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-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\/* === TIMELINE === *\/\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-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(123,107,138,.3);\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\/* === TIP BOX === *\/\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\/* === INCI BOX === *\/\n.endro-inci-box {\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 margin-bottom: 1.25rem;\n}\n\n.endro-inci-text {\n font-size: 12px;\n color: var(--endro-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n word-break: break-word;\n}\n\n.endro-inci-note {\n font-size: 13px;\n color: var(--endro-primary-dark);\n font-weight: 600;\n margin: 0;\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.endro-accordion {\n background: var(--endro-white);\n border-radius: var(--endro-radius);\n box-shadow: var(--endro-shadow);\n overflow: hidden;\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\/* === CTA FINAL === *\/\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}\n\n.endro-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.endro-cta-box p {\n position: relative;\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.endro-disclaimer {\n font-size: 12px;\n color: var(--endro-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\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-badges-top {\n gap: 6px;\n margin-bottom: 1rem;\n }\n \n .endro-badge {\n padding: 6px 12px;\n font-size: 11px;\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-tip {\n padding: .875rem 1rem;\n gap: .75rem;\n }\n \n .endro-tip-icon {\n font-size: 20px;\n }\n \n .endro-tip p {\n font-size: 13px;\n }\n \n .endro-subsection-title {\n font-size: 15px;\n margin-bottom: 1rem;\n }\n \n .endro-inci-box {\n padding: 1rem;\n }\n \n .endro-inci-text {\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\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 .endro-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .endro-timeline-item:nth-child(1) { animation-delay: .05s; }\n .endro-timeline-item:nth-child(2) { animation-delay: .1s; }\n .endro-timeline-item:nth-child(3) { animation-delay: .15s; }\n .endro-timeline-item:nth-child(4) { animation-delay: .2s; }\n .endro-timeline-item:nth-child(5) { animation-delay: .25s; }\n .endro-timeline-item: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 .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":55363857416569,"sku":"NBAIEND0129","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-visage-de-nuit-anti-age-effet-liftant-50-ml-endro-packshothd.webp?v=1787573661"},{"product_id":"creme-hydratante-main-ongles-50ml-endro","title":"Crème Hydratante Mains et Ongles - Peaux normales à sèches - 50 mL - Endro","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Hydratante Mains et Ongles Endro\nPalette détectée:\n - Primaire: #5BA4C4 (bleu ciel\/turquoise du packaging)\n - Secondaire: #3D7A99 (bleu plus foncé, logo \"endro\")\n - Accent: #F5A98C (pêche doux, rappel du parfum)\nAmbiance: Naturel\/bio, frais, doux et féminin, clean beauty, minimaliste scandinave\nPréfixe CSS: emo\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Crème hydratante mains et ongles Endro : le soin naturel qui chouchoute vos mains au quotidien\"\n 2. \"Pourquoi choisir cette crème hydratante pour les mains ?\"\n 3. \"Les actifs naturels au cœur de la formule\"\n 4. \"Pour quels types de mains cette crème est-elle idéale ?\"\n 5. \"Comment utiliser votre crème mains Endro ?\"\n 6. \"Liste complète des ingrédients (INCI)\"\n 7. \"Les engagements Endro\"\n 8. \"Précautions d'emploi\"\n 9. \"Caractéristiques du produit\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"emo-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"emo-hero\"\u003e\n \u003cdiv class=\"emo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"emo-hero-content\"\u003e\n \u003cdiv class=\"emo-badges-top\"\u003e\n \u003cspan class=\"emo-badge\"\u003e🍑 Parfum pêche\u003c\/span\u003e\n \u003cspan class=\"emo-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"emo-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"emo-hero-title\"\u003eCrème Hydratante Mains \u0026amp; Ongles\u003c\/span\u003e\n \u003cp class=\"emo-subtitle\"\u003eLe soin naturel certifié bio qui chouchoute vos mains\u003c\/p\u003e\n \u003cp class=\"emo-description\"\u003eHydratation longue durée à l'acide hyaluronique • Renforce les ongles fragiles • Texture fondante non grasse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"emo-section\"\u003e\n \u003ch2\u003eCrème hydratante mains et ongles Endro : le soin naturel qui chouchoute vos mains au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"emo-intro-box\"\u003e\n \u003cp\u003eVos mains tiraillent après chaque lavage ? Vos ongles sont fragilisés et vos cuticules manquent de souplesse ? La \u003cstrong\u003ecrème hydratante mains et ongles Endro\u003c\/strong\u003e a été formulée pour répondre exactement à ces besoins.\u003c\/p\u003e\n \u003cp\u003eComposée à \u003cstrong\u003e100% d'ingrédients d'origine naturelle\u003c\/strong\u003e et certifiée bio, elle offre une hydratation profonde et durable, tout en prenant soin de vos ongles avec délicatesse. Son délicat parfum de pêche et sa texture fondante qui pénètre instantanément en font un indispensable du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"emo-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème hydratante pour les mains ?\u003c\/h2\u003e\n \u003cp class=\"emo-section-intro\"\u003eUne formulation exceptionnelle et un engagement éthique qui font toute la différence\u003c\/p\u003e\n \u003cdiv class=\"emo-grid\"\u003e\n \u003cdiv class=\"emo-card\"\u003e\n \u003ch3\u003e💧 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eL'acide hyaluronique capte et retient l'eau dans l'épiderme, maintenant vos mains souples pendant des heures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-card\"\u003e\n \u003ch3\u003e🧈 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eLe trio beurre de karité, huile de ricin et huile de tournesol nourrit en profondeur les peaux normales à sèches\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-card\"\u003e\n \u003ch3\u003e💅 Soin des ongles intégré\u003c\/h3\u003e\n \u003cp\u003eL'huile de ricin renforce naturellement vos ongles et assouplit les cuticules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-card\"\u003e\n \u003ch3\u003e✨ Texture non grasse\u003c\/h3\u003e\n \u003cp\u003ePénétration rapide sans film collant, reprenez vos activités immédiatement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-card\"\u003e\n \u003ch3\u003e🍑 Parfum gourmand\u003c\/h3\u003e\n \u003cp\u003eUne subtile fragrance de pêche qui accompagne agréablement chaque application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"emo-section\"\u003e\n \u003ch2\u003eLes actifs naturels au cœur de la formule\u003c\/h2\u003e\n \u003cp class=\"emo-section-intro\"\u003eDes ingrédients soigneusement sélectionnés pour une efficacité maximale\u003c\/p\u003e\n \u003cdiv class=\"emo-grid\"\u003e\n \u003cdiv class=\"emo-card emo-card-ingredient\"\u003e\n \u003ch3\u003e🔬 Acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eVéritable éponge à hydratation, il repulpe la peau et lui redonne son élasticité naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-card emo-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de ricin bio\u003c\/h3\u003e\n \u003cp\u003eConnue pour fortifier les ongles cassants et hydrater les cuticules desséchées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-card emo-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eApaise les irritations, répare les micro-lésions et crée un film protecteur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-card emo-card-ingredient\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E, elle protège la peau du vieillissement prématuré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-card emo-card-ingredient\"\u003e\n \u003ch3\u003e💦 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eAttire l'humidité vers la peau pour une hydratation optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"emo-section\"\u003e\n \u003ch2\u003ePour quels types de mains cette crème est-elle idéale ?\u003c\/h2\u003e\n \u003cdiv class=\"emo-checklist\"\u003e\n \u003cdiv class=\"emo-checklist-item\"\u003e\n \u003cspan class=\"emo-check\"\u003e✓\u003c\/span\u003e\n \u003cp\u003eVos mains sont régulièrement exposées à l'eau (lavages fréquents, vaisselle, métiers de soin)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-checklist-item\"\u003e\n \u003cspan class=\"emo-check\"\u003e✓\u003c\/span\u003e\n \u003cp\u003eVous ressentez des tiraillements ou des sensations d'inconfort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-checklist-item\"\u003e\n \u003cspan class=\"emo-check\"\u003e✓\u003c\/span\u003e\n \u003cp\u003eVos ongles sont fragiles, cassants ou dédoublés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-checklist-item\"\u003e\n \u003cspan class=\"emo-check\"\u003e✓\u003c\/span\u003e\n \u003cp\u003eVous recherchez un soin quotidien pour maintenir des mains douces et soignées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-checklist-item\"\u003e\n \u003cspan class=\"emo-check\"\u003e✓\u003c\/span\u003e\n \u003cp\u003eVous souhaitez un produit naturel et bio, sans compromis sur l'efficacité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-tip\"\u003e\n \u003cspan class=\"emo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce soin intensif :\u003c\/strong\u003e Si vous avez les mains extrêmement sèches ou abîmées, appliquez une couche généreuse le soir avant de dormir pour un soin réparateur intensif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"emo-section\"\u003e\n \u003ch2\u003eComment utiliser votre crème mains Endro ?\u003c\/h2\u003e\n \u003cdiv class=\"emo-timeline\"\u003e\n \u003cdiv class=\"emo-timeline-item\"\u003e\n \u003cspan class=\"emo-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"emo-timeline-content\"\u003e\n \u003ch3\u003eAu quotidien\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de crème et massez vos mains en insistant sur le dos des mains, les articulations et le contour des ongles. Renouvelez après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-timeline-item\"\u003e\n \u003cspan class=\"emo-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"emo-timeline-content\"\u003e\n \u003ch3\u003eEn soin intensif nocturne\u003c\/h3\u003e\n \u003cp\u003eAppliquez une couche plus généreuse avant le coucher, massez bien et enfilez des gants en coton. Au réveil, vos mains seront incroyablement douces et régénérées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-timeline-item\"\u003e\n \u003cspan class=\"emo-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"emo-timeline-content\"\u003e\n \u003ch3\u003ePour les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement la crème sur chaque ongle et cuticule en effectuant des petits cercles pour stimuler la microcirculation et favoriser la pousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"emo-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"emo-inci-box\"\u003e\n \u003cp\u003eAqua, Ricinus Communis Seed Oil*, Butyrospermum Parkii Butter*, Helianthus Annuus Seed Oil*, Glycerin, Cetearyl Alcohol, Sodium Hyaluronate, Parfum, Tocopherol, Benzyl Alcohol, Dehydroacetic Acid.\u003c\/p\u003e\n \u003cp class=\"emo-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"emo-section\"\u003e\n \u003ch2\u003eLes engagements Endro\u003c\/h2\u003e\n \u003cdiv class=\"emo-grid-compact\"\u003e\n \u003cdiv class=\"emo-card\"\u003e\n \u003ch3\u003e🌱 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eFormule contrôlée par un organisme indépendant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-card\"\u003e\n \u003ch3\u003e🍃 100% naturel\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient synthétique controversé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-card\"\u003e\n \u003ch3\u003e🐰 Végan \u0026amp; cruelty-free\u003c\/h3\u003e\n \u003cp\u003eJamais testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire artisanal breton\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eTube aluminium 100% recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"emo-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"emo-accordion\"\u003e\n \u003cdetails class=\"emo-accordion-item\"\u003e\n \u003csummary class=\"emo-accordion-header\"\u003e⚠️ Conseils d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"emo-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de contact accidentel, rincez abondamment à l'eau claire. Avant la première utilisation, si vous avez la peau sensible ou réactive, effectuez un test dans le pli du coude 24 heures avant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"emo-accordion-item\"\u003e\n \u003csummary class=\"emo-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"emo-accordion-content\"\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=\"emo-accordion-item\"\u003e\n \u003csummary class=\"emo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"emo-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"emo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n \u003cdiv class=\"emo-specs\"\u003e\n \u003cdiv class=\"emo-spec-row\"\u003e\n \u003cspan class=\"emo-spec-label\"\u003e📦 Contenance\u003c\/span\u003e\n \u003cspan class=\"emo-spec-value\"\u003e50 mL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-spec-row\"\u003e\n \u003cspan class=\"emo-spec-label\"\u003e🧴 Type de peau\u003c\/span\u003e\n \u003cspan class=\"emo-spec-value\"\u003ePeaux normales à sèches\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-spec-row\"\u003e\n \u003cspan class=\"emo-spec-label\"\u003e✨ Texture\u003c\/span\u003e\n \u003cspan class=\"emo-spec-value\"\u003eCrème fondante non grasse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-spec-row\"\u003e\n \u003cspan class=\"emo-spec-label\"\u003e🍑 Parfum\u003c\/span\u003e\n \u003cspan class=\"emo-spec-value\"\u003ePêche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-spec-row\"\u003e\n \u003cspan class=\"emo-spec-label\"\u003e✅ Certification\u003c\/span\u003e\n \u003cspan class=\"emo-spec-value\"\u003eBio, Végan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-spec-row\"\u003e\n \u003cspan class=\"emo-spec-label\"\u003e🇫🇷 Fabrication\u003c\/span\u003e\n \u003cspan class=\"emo-spec-value\"\u003eFrance (Bretagne)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emo-spec-row\"\u003e\n \u003cspan class=\"emo-spec-label\"\u003e♻️ Conditionnement\u003c\/span\u003e\n \u003cspan class=\"emo-spec-value\"\u003eTube aluminium recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --emo-cream: #F9FBFC;\n --emo-white: #ffffff;\n --emo-primary: #5BA4C4;\n --emo-primary-dark: #3D7A99;\n --emo-primary-light: #E8F4F8;\n --emo-secondary: #4A8FB0;\n --emo-accent: #F5A98C;\n --emo-accent-light: #FFF5F0;\n --emo-text: #1a1a1a;\n --emo-text-light: #5a5a5a;\n --emo-border: #e0e0e0;\n --emo-shadow: 0 4px 24px rgba(59,122,153,.08);\n --emo-shadow-lg: 0 12px 48px rgba(59,122,153,.15);\n --emo-radius: 20px;\n --emo-radius-sm: 12px;\n}\n\n.emo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--emo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.emo-hero {\n position: relative;\n background: linear-gradient(135deg, #5BA4C4 0%, #4A8FB0 40%, #3D7A99 100%);\n border-radius: var(--emo-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(--emo-shadow-lg);\n}\n\n.emo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(245,169,140,.15) 0%, transparent 40%);\n opacity: 1;\n}\n\n.emo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.emo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.emo-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(--emo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.emo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.emo-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.emo-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.emo-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.6;\n}\n\n\/* === SECTIONS === *\/\n.emo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.emo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--emo-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.emo-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(--emo-primary), var(--emo-accent));\n border-radius: 2px;\n}\n\n.emo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--emo-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === INTRO BOX === *\/\n.emo-intro-box {\n background: var(--emo-white);\n border-radius: var(--emo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--emo-shadow);\n border-left: 4px solid var(--emo-primary);\n}\n\n.emo-intro-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--emo-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.emo-intro-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRILLES === *\/\n.emo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.emo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.emo-card {\n background: var(--emo-white);\n border-radius: var(--emo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--emo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.emo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--emo-shadow-lg);\n border-color: var(--emo-primary);\n}\n\n.emo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--emo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.emo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--emo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.emo-card-ingredient {\n border-top: 3px solid var(--emo-primary);\n}\n\n.emo-grid-compact .emo-card {\n padding: 1rem;\n}\n\n.emo-grid-compact .emo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.emo-grid-compact .emo-card p {\n font-size: 12px;\n}\n\n\/* === CHECKLIST === *\/\n.emo-checklist {\n background: var(--emo-white);\n border-radius: var(--emo-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--emo-shadow);\n}\n\n.emo-checklist-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n padding: .75rem 0;\n border-bottom: 1px solid var(--emo-border);\n}\n\n.emo-checklist-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.emo-checklist-item:first-child {\n padding-top: 0;\n}\n\n.emo-check {\n flex-shrink: 0;\n width: 28px;\n height: 28px;\n background: linear-gradient(135deg, var(--emo-primary), var(--emo-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 14px;\n}\n\n.emo-checklist-item p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--emo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.emo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--emo-accent-light);\n border-radius: var(--emo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid var(--emo-accent);\n}\n\n.emo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.emo-tip p {\n font-size: 14px;\n color: var(--emo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.emo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.emo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.emo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--emo-primary), var(--emo-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.emo-timeline-content {\n flex: 1;\n background: var(--emo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--emo-radius-sm);\n box-shadow: var(--emo-shadow);\n}\n\n.emo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--emo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.emo-timeline-content p {\n font-size: 14px;\n color: var(--emo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INCI BOX === *\/\n.emo-inci-box {\n background: var(--emo-white);\n border-radius: var(--emo-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--emo-shadow);\n text-align: center;\n}\n\n.emo-inci-box p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--emo-text);\n line-height: 1.8;\n margin: 0;\n font-family: 'Courier New', monospace;\n word-break: break-word;\n}\n\n.emo-inci-note {\n margin-top: 1rem !important;\n font-style: italic;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;\n color: var(--emo-text-light) !important;\n font-size: 13px !important;\n}\n\n\/* === ACCORDÉON === *\/\n.emo-accordion {\n background: var(--emo-white);\n border-radius: var(--emo-radius);\n box-shadow: var(--emo-shadow);\n overflow: hidden;\n}\n\n.emo-accordion-item {\n border-bottom: 1px solid var(--emo-border);\n margin: 0;\n padding: 0;\n}\n\n.emo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.emo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--emo-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.emo-accordion-header:hover {\n background: var(--emo-primary-light);\n}\n\n.emo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.emo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--emo-primary);\n transition: transform .2s ease;\n}\n\n.emo-accordion-item[open] .emo-accordion-header::after {\n content: '−';\n}\n\n.emo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--emo-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.emo-accordion-content p {\n margin: 0;\n}\n\n\/* === SPECS === *\/\n.emo-specs {\n background: var(--emo-white);\n border-radius: var(--emo-radius);\n box-shadow: var(--emo-shadow);\n overflow: hidden;\n}\n\n.emo-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--emo-border);\n}\n\n.emo-spec-row:last-child {\n border-bottom: none;\n}\n\n.emo-spec-row:nth-child(odd) {\n background: var(--emo-primary-light);\n}\n\n.emo-spec-label {\n font-weight: 600;\n color: var(--emo-text);\n font-size: 14px;\n}\n\n.emo-spec-value {\n font-weight: 700;\n color: var(--emo-primary-dark);\n font-size: 14px;\n text-align: right;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .emo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .emo-card {\n padding: 1.125rem;\n }\n \n .emo-section {\n margin-bottom: 1.75rem;\n }\n \n .emo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--emo-radius-sm);\n }\n \n .emo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .emo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .emo-grid-compact {\n gap: .625rem;\n }\n \n .emo-grid-compact .emo-card {\n padding: .75rem;\n }\n \n .emo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .emo-timeline-content {\n padding: .875rem 1rem;\n }\n \n .emo-timeline-content h3 {\n font-size: 14px;\n }\n \n .emo-timeline-content p {\n font-size: 13px;\n }\n \n .emo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .emo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .emo-intro-box {\n padding: 1.25rem;\n }\n \n .emo-checklist {\n padding: 1rem;\n }\n \n .emo-check {\n width: 24px;\n height: 24px;\n font-size: 12px;\n }\n \n .emo-spec-row {\n padding: .875rem 1rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n \n .emo-spec-value {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .emo-card {\n animation: fadeInUp .5s ease backwards;\n }\n .emo-card:nth-child(1) { animation-delay: .05s; }\n .emo-card:nth-child(2) { animation-delay: .1s; }\n .emo-card:nth-child(3) { animation-delay: .15s; }\n .emo-card:nth-child(4) { animation-delay: .2s; }\n .emo-card:nth-child(5) { animation-delay: .25s; }\n .emo-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 .emo-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":55363857678713,"sku":"NBAIEND0137","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-hydratante-mains-et-ongles-peaux-normales-a-seches-50--lifestyle.webp?v=1769764762"},{"product_id":"creme-nutri-reparatrice-mains-50ml-endro","title":"Crème Hydratante Mains - Nutri-réparatrice - 50 mL - Endro","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Hydratante Mains Nutri-réparatrice Endro\nPalette détectée:\n - Primaire: #8B7355 (taupe\/brun chaud du packaging)\n - Secondaire: #A89080 (beige rosé clair)\n - Accent: #D4C4B5 (crème nacré)\nAmbiance: Naturel, épuré, doux, bio\/organique, minimaliste élégant, féminin soft\nPréfixe CSS: endro\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"La crème mains hydratante bio qui répare vraiment les mains abîmées\"\n 2. \"Pourquoi cette crème réparatrice pour les mains fait la différence\"\n 3. \"Les actifs naturels au cœur de cette crème réparatrice mains\"\n 4. \"Une texture fluide qui pénètre sans effet gras\"\n 5. \"Comment utiliser cette crème hydratante mains pour un résultat optimal\"\n 6. \"Composition complète (INCI)\"\n 7. \"Une formule certifiée bio et des engagements concrets\"\n 8. \"Pour qui est faite cette crème réparatrice mains ?\"\n 9. \"Format pratique de 50 mL\"\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% naturel\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e✨ Certifié Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"endro-hero-title\"\u003eCrème Mains Nutri-Réparatrice\u003c\/span\u003e\n \u003cp class=\"endro-subtitle\"\u003eEndro • 50 mL\u003c\/p\u003e\n \u003cp class=\"endro-description\"\u003eLa formule experte aux céramides, acide hyaluronique et karité bio pour réparer intensément les mains sèches et abîmées\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\u003eLa crème mains hydratante bio qui répare vraiment les mains abîmées\u003c\/h2\u003e\n \u003cdiv class=\"endro-testimonial\"\u003e\n \u003cp class=\"endro-testimonial-text\"\u003eVous connaissez cette sensation désagréable : des mains qui tiraillent, une peau rugueuse au toucher, parfois même de petites crevasses douloureuses. Entre le froid hivernal, les lavages répétés et l'exposition aux produits ménagers, vos mains subissent des agressions quotidiennes qui fragilisent leur barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"endro-section-intro\" style=\"margin-top:1.5rem;\"\u003eLa \u003cstrong\u003ecrème mains nutri-réparatrice Endro\u003c\/strong\u003e combine des actifs puissants — acide hyaluronique, céramides et beurre de karité bio — pour offrir une réparation en profondeur, sans jamais laisser de film gras inconfortable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003ePourquoi cette crème réparatrice pour les mains fait la différence\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eContrairement aux crèmes classiques qui se contentent d'hydrater en surface, cette formule agit à plusieurs niveaux pour restaurer durablement le confort de vos mains :\u003c\/p\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🛡️ Réparation de la barrière cutanée\u003c\/h3\u003e\n \u003cp\u003eLes céramides comblent les brèches de l'épiderme, exactement comme le fait naturellement une peau saine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e💧 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eL'acide hyaluronique capte et retient l'eau dans les couches profondes de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🧈 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eLe trio beurre de karité, huile d'amande douce et beurre de cacao apporte les lipides essentiels aux peaux desséchées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌸 Apaisement immédiat\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera calme les irritations et les sensations de tiraillement dès l'application\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\u003eLes actifs naturels au cœur de cette crème réparatrice mains\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eChaque ingrédient a été sélectionné pour son efficacité prouvée sur les mains très abîmées :\u003c\/p\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés réparatrices exceptionnelles, il nourrit intensément même les peaux les plus desséchées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🔬 Céramides\u003c\/h3\u003e\n \u003cp\u003eCes lipides identiques à ceux présents naturellement dans votre peau reconstruisent la barrière protectrice et préviennent la perte en eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e💎 Acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eCapable de retenir jusqu'à 1000 fois son poids en eau, il repulpe et assouplit l'épiderme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eAdoucissante et émolliente, elle redonne souplesse aux mains rugueuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003eCrée un voile protecteur naturel contre les agressions extérieures\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\u003eRiche en vitamine E antioxydante, elle préserve la jeunesse de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise instantanément les irritations et favorise la régénération cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eUne texture fluide qui pénètre sans effet gras\u003c\/h2\u003e\n \u003cdiv class=\"endro-texture-box\"\u003e\n \u003cdiv class=\"endro-texture-content\"\u003e\n \u003cp\u003eSi vous avez déjà renoncé à utiliser une crème mains au bureau ou avant de prendre le volant, vous allez apprécier cette texture. La \u003cstrong\u003emeilleure crème hydratante mains\u003c\/strong\u003e est celle qu'on utilise vraiment, et celle-ci a été conçue pour s'intégrer dans votre quotidien.\u003c\/p\u003e\n \u003cp style=\"margin-top:1rem;\"\u003eDès l'application, la crème fond sur la peau et pénètre en quelques secondes. Vous pouvez immédiatement reprendre vos activités : manipuler votre téléphone, travailler sur votre ordinateur ou toucher des documents sans laisser de traces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-grid-compact\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e⚡ Absorption rapide\u003c\/h3\u003e\n \u003cp\u003ePénètre en quelques secondes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e✋ Fini non gras\u003c\/h3\u003e\n \u003cp\u003eMains douces, pas collantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🕐 Confort durable\u003c\/h3\u003e\n \u003cp\u003eEffet réparateur pendant des heures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e📱 Pratique au quotidien\u003c\/h3\u003e\n \u003cp\u003eUtilisable à tout moment\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eComment utiliser cette crème hydratante mains pour un résultat optimal\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\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eRéchauffez-la entre vos paumes pour activer les actifs\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\u003eMassez l'ensemble des mains\u003c\/h3\u003e\n \u003cp\u003eInsistez sur les zones les plus sèches : dos des mains, articulations, contour des ongles\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\u003eAprès chaque lavage\u003c\/h3\u003e\n \u003cp\u003eAppliquez pour reconstituer le film hydrolipidique\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\u003eEn période de froid\u003c\/h3\u003e\n \u003cp\u003eRenouvelez l'application 3 à 4 fois par jour\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\u003eSoin nocturne intensif\u003c\/h3\u003e\n \u003cp\u003eLe soir, appliquez une couche plus généreuse avant le coucher\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\u003eAstuce :\u003c\/strong\u003e gardez un tube dans votre sac et un autre près de l'évier de la cuisine pour ne jamais oublier d'hydrater vos mains après les avoir lavées.\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\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"endro-accordion\"\u003e\n \u003cdetails class=\"endro-accordion-item\" open\u003e\n \u003csummary class=\"endro-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"endro-accordion-content\"\u003e\n \u003cp style=\"font-size:12px;line-height:1.8;color:var(--endro-text-light);\"\u003eAQUA, GLYCERYL STEARATE, HELIANTHUS ANNUUS SEED OIL*, CETEARYL ALCOHOL, GLYCERIN**, BUTYROSPERMUM PARKII BUTTER*, PRUNUS AMYGDALUS DULCIS OIL*, THEOBROMA CACAO SEED BUTTER*, PARFUM, XANTHAN GUM, ZEA MAYS STARCH*, TRIETHYL CITRATE, CAPRYLYL GLYCOL, SODIUM STEAROYL LACTYLATE, TOCOPHEROL, PHENYLPROPANOL, SODIUM HYALURONATE, CERAMIDE NP, ALOE BARBADENSIS LEAF JUICE POWDER*, LACTIC ACID, SODIUM HYDROXIDE.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"endro-accordion-item\"\u003e\n \u003csummary class=\"endro-accordion-header\"\u003e🌿 Origine des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"endro-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e100% d'ingrédients d'origine naturelle — 24% issus de l'agriculture biologique\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp style=\"margin-top:.5rem;font-size:13px;\"\u003e* Ingrédient issu de l'agriculture biologique | ** Transformé à partir d'ingrédients bio\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=\"endro-section\"\u003e\n \u003ch2\u003eUne formule certifiée bio et des engagements concrets\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eCette crème mains hydratante porte la \u003cstrong\u003ecertification COSMOS ORGANIC\u003c\/strong\u003e, gage d'une formulation exigeante et respectueuse.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid-compact\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🚫 Sans ingrédients controversés\u003c\/h3\u003e\n \u003cp\u003eSans silicones, parabènes, phénoxyéthanol, huiles minérales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌱 Formule végan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testée sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriquée en Bretagne dans les ateliers Endro\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e♻️ Packaging responsable\u003c\/h3\u003e\n \u003cp\u003eTube en aluminium recyclable à l'infini\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e✅ Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eLabel COSMOS ORGANIC\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\u003ePour qui est faite cette crème réparatrice mains ?\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eCette crème hydratante pour les mains convient à toute la famille et répond particulièrement aux besoins de :\u003c\/p\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🏜️ Mains sèches au quotidien\u003c\/h3\u003e\n \u003cp\u003ePeau qui tiraille, rugosité permanente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e❄️ Mains abîmées par le froid\u003c\/h3\u003e\n \u003cp\u003eGerçures, crevasses, rougeurs hivernales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🧼 Lavages fréquents\u003c\/h3\u003e\n \u003cp\u003ePersonnel soignant, parents de jeunes enfants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🧹 Produits ménagers\u003c\/h3\u003e\n \u003cp\u003eMains agressées par le nettoyage ou le jardinage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eRéactions aux crèmes conventionnelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"endro-disclaimer\"\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Convient aux peaux sensibles. En cas de réaction, cessez l'utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"endro-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFormat pratique de 50 mL\u003c\/h2\u003e\n \u003cdiv class=\"endro-cta-box\"\u003e\n \u003cp\u003eLe tube de \u003cstrong\u003e50 mL\u003c\/strong\u003e offre le format idéal : suffisamment compact pour se glisser dans un sac à main ou une poche, et assez généreux pour durer plusieurs semaines d'utilisation quotidienne.\u003c\/p\u003e\n \u003cp style=\"margin-top:1rem;opacity:.9;\"\u003eSon bouchon à vis garantit une fermeture hermétique et une hygiène parfaite du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --endro-cream: #FAF8F5;\n --endro-white: #ffffff;\n --endro-primary: #8B7355;\n --endro-primary-dark: #6B5A47;\n --endro-primary-light: #F5F0EB;\n --endro-secondary: #A89080;\n --endro-accent: #D4C4B5;\n --endro-text: #1a1a1a;\n --endro-text-light: #5a5a5a;\n --endro-border: #e8e4df;\n --endro-shadow: 0 4px 24px rgba(139,115,85,.08);\n --endro-shadow-lg: 0 12px 48px rgba(139,115,85,.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, #8B7355 0%, #A89080 50%, #C4B5A5 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.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, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.endro-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.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-texture-box {\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: 4px solid var(--endro-secondary);\n}\n\n.endro-texture-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--endro-text);\n line-height: 1.8;\n margin: 0;\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-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.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-accordion {\n background: var(--endro-white);\n border-radius: var(--endro-radius);\n box-shadow: var(--endro-shadow);\n overflow: hidden;\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 margin-top: 10px;\n}\n\n.endro-accordion-content p {\n margin: 0;\n}\n\n.endro-testimonial {\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: 4px solid var(--endro-primary);\n}\n\n.endro-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--endro-text);\n line-height: 1.8;\n font-style: italic;\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}\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: 1.5rem;\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-testimonial {\n padding: 1.25rem;\n }\n \n .endro-testimonial-text {\n font-size: 14px;\n }\n \n .endro-texture-box {\n padding: 1.25rem;\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 .endro-card:nth-child(7) { animation-delay: .35s; }\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":55363857908089,"sku":"NBAIEND0136","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-hydratante-mains-nutri-reparatrice-50-ml-endro-lifestyle.webp?v=1769763560"},{"product_id":"creme-nutri-reparatrice-pieds-endro-75ml","title":"Crème Hydratante Pieds - Nutri-réparatrice (absorption rapide) - 75 mL - Endro","description":"\u003cdiv class=\"ecp-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"ecp-hero\"\u003e\n\u003cdiv class=\"ecp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ecp-hero-content\"\u003e\n\u003cdiv class=\"ecp-badges-top\"\u003e\n\u003cspan class=\"ecp-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"ecp-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"ecp-badge\"\u003e🐰 Végan \u0026amp; Cruelty-free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ecp-hero-title\"\u003eCrème Hydratante Pieds Nutri-réparatrice\u003c\/span\u003e\n\u003cp class=\"ecp-subtitle\"\u003eAbsorption rapide • 75 mL • Certifiée COSMOS ORGANIC\u003c\/p\u003e\n\u003cp class=\"ecp-description\"\u003eLe soin intensif pour pieds secs et abîmés qui pénètre instantanément sans film gras. Beurre de karité bio \u0026amp; huile de jojoba pour des pieds doux et réparés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"ecp-section\"\u003e\n\u003ch2\u003ePourquoi choisir cette crème hydratante pour les pieds ?\u003c\/h2\u003e\n\u003cp class=\"ecp-section-intro\"\u003eUne formule unique pensée pour un confort immédiat, sans sensation collante ni grasse.\u003c\/p\u003e\n\u003cdiv class=\"ecp-grid\"\u003e\n\u003cdiv class=\"ecp-card\"\u003e\n\u003ch3\u003e⚡ Absorption ultra-rapide\u003c\/h3\u003e\n\u003cp\u003ePas besoin d'attendre avant d'enfiler vos chaussettes ou vos chaussures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-card\"\u003e\n\u003ch3\u003e🔧 Action nutri-réparatrice\u003c\/h3\u003e\n\u003cp\u003eIdéale pour les talons fendillés et la peau épaissie qui a besoin d'être restaurée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-card\"\u003e\n\u003ch3\u003e🌱 Formule 100% naturelle\u003c\/h3\u003e\n\u003cp\u003eSans ingrédients controversés ni perturbateurs endocriniens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-card\"\u003e\n\u003ch3\u003e✅ Certification bio\u003c\/h3\u003e\n\u003cp\u003e30% des ingrédients issus de l'agriculture biologique certifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-card\"\u003e\n\u003ch3\u003e🧴 Texture non grasse\u003c\/h3\u003e\n\u003cp\u003eParfaite pour une utilisation quotidienne, matin et soir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-card\"\u003e\n\u003ch3\u003e🏆 Alternative naturelle\u003c\/h3\u003e\n\u003cp\u003eRemplace efficacement les crèmes conventionnelles type Scholl ou Akileïne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"ecp-section\"\u003e\n\u003ch2\u003eLes actifs clés et leurs bienfaits pour vos pieds\u003c\/h2\u003e\n\u003cp class=\"ecp-section-intro\"\u003eDes actifs soigneusement sélectionnés pour leur efficacité prouvée sur les pieds très secs.\u003c\/p\u003e\n\u003cdiv class=\"ecp-grid\"\u003e\n\u003cdiv class=\"ecp-card ecp-card-ingredient\"\u003e\n\u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n\u003cp\u003ePropriétés nourrissantes exceptionnelles. Pénètre les couches supérieures de l'épiderme pour réparer les zones très sèches et les fissures superficielles des talons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-card ecp-card-ingredient\"\u003e\n\u003ch3\u003e💧 Huile de jojoba bio\u003c\/h3\u003e\n\u003cp\u003eComposition proche du sébum naturel pour une absorption optimale. Assouplit la peau rugueuse et restaure son élasticité naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-card ecp-card-ingredient\"\u003e\n\u003ch3\u003e🌵 Extrait d'aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eApaise instantanément les sensations d'inconfort et maintient une hydratation durable tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-card ecp-card-ingredient\"\u003e\n\u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant qui protège la peau des agressions extérieures et favorise sa régénération cellulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"ecp-section\"\u003e\n\u003ch2\u003eComment utiliser cette crème nutri-réparatrice ?\u003c\/h2\u003e\n\u003cp class=\"ecp-section-intro\"\u003eSuivez ces étapes simples pour des résultats visibles rapidement.\u003c\/p\u003e\n\u003cdiv class=\"ecp-timeline\"\u003e\n\u003cdiv class=\"ecp-timeline-item\"\u003e\n\u003cdiv class=\"ecp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ecp-timeline-content\"\u003e\n\u003ch3\u003ePrélever la bonne quantité\u003c\/h3\u003e\n\u003cp\u003eUne noisette de crème (environ 2 cm) suffit pour les deux pieds\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-timeline-item\"\u003e\n\u003cdiv class=\"ecp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ecp-timeline-content\"\u003e\n\u003ch3\u003ePréparer vos pieds\u003c\/h3\u003e\n\u003cp\u003eAppliquer sur des pieds propres et secs, idéalement après la douche ou le bain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-timeline-item\"\u003e\n\u003cdiv class=\"ecp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ecp-timeline-content\"\u003e\n\u003ch3\u003eCibler les zones rugueuses\u003c\/h3\u003e\n\u003cp\u003eInsister sur les talons, la plante du pied et les côtés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-timeline-item\"\u003e\n\u003cdiv class=\"ecp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ecp-timeline-content\"\u003e\n\u003ch3\u003eMasser en profondeur\u003c\/h3\u003e\n\u003cp\u003eEffectuer des mouvements circulaires jusqu'à complète pénétration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-timeline-item\"\u003e\n\u003cdiv class=\"ecp-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"ecp-timeline-content\"\u003e\n\u003ch3\u003eRépéter régulièrement\u003c\/h3\u003e\n\u003cp\u003eUtiliser matin et\/ou soir selon les besoins de votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-tip\"\u003e\n\u003cspan class=\"ecp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce soin intensif :\u003c\/strong\u003e Pour un effet cocooning hebdomadaire, appliquez une couche généreuse le soir et enfilez des chaussettes en coton. Au réveil, vos pieds seront incroyablement doux !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"ecp-section\"\u003e\n\u003ch2\u003ePour qui est conçu ce soin hydratant pieds ?\u003c\/h2\u003e\n\u003cp class=\"ecp-section-intro\"\u003eCette crème convient parfaitement si vous reconnaissez l'une de ces situations.\u003c\/p\u003e\n\u003cdiv class=\"ecp-grid-compact\"\u003e\n\u003cdiv class=\"ecp-card\"\u003e\n\u003ch3\u003e🦶 Pieds secs à très secs\u003c\/h3\u003e\n\u003cp\u003eQui tiraillent et manquent de confort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-card\"\u003e\n\u003ch3\u003e🔨 Talons rugueux\u003c\/h3\u003e\n\u003cp\u003eFendillés ou présentant des crevasses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-card\"\u003e\n\u003ch3\u003e📏 Peau épaissie\u003c\/h3\u003e\n\u003cp\u003eSur la plante des pieds\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-card\"\u003e\n\u003ch3\u003e⏱️ Besoin d'absorption rapide\u003c\/h3\u003e\n\u003cp\u003ePour un soin quotidien pratique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-card\"\u003e\n\u003ch3\u003e🌿 Envie de naturel\u003c\/h3\u003e\n\u003cp\u003eAlternative aux crèmes conventionnelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ecp-card\"\u003e\n\u003ch3\u003e💆 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eFormule douce et respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ecp-disclaimer\"\u003eConvient à tous types de peau, y compris les peaux sensibles. Usage externe uniquement.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"ecp-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"ecp-inci-box\"\u003e\n\u003cp\u003eAqua (Water), Helianthus Annuus Seed Oil*, Glyceryl Stearate, Cetearyl Alcohol, Glycerin, Pentylene Glycol, \u003cstrong\u003eButyrospermum Parkii Butter*\u003c\/strong\u003e (Beurre de karité), \u003cstrong\u003eSimmondsia Chinensis Seed Oil*\u003c\/strong\u003e (Huile de jojoba), \u003cstrong\u003eAloe Barbadensis Leaf Juice Powder*\u003c\/strong\u003e, Parfum (Fragrance), Sodium Levulinate, Sodium Stearoyl Lactylate, Xanthan Gum, \u003cstrong\u003eTocopherol\u003c\/strong\u003e, Sodium Anisate.\u003c\/p\u003e\n\u003cp class=\"ecp-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"ecp-section\"\u003e\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ecp-section\"\u003e\n\u003cdiv class=\"ecp-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à vos pieds le soin naturel qu'ils méritent. Des pieds doux, nourris et réparés dès les premières applications.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ecp-cream: #F7F4F2;\n --ecp-white: #ffffff;\n --ecp-primary: #9B8578;\n --ecp-primary-dark: #5C4A42;\n --ecp-primary-light: #EDE8E5;\n --ecp-secondary: #C4A99A;\n --ecp-accent: #7D6B5D;\n --ecp-text: #1a1a1a;\n --ecp-text-light: #5a5a5a;\n --ecp-border: #e0e0e0;\n --ecp-shadow: 0 4px 24px rgba(92,74,66,.08);\n --ecp-shadow-lg: 0 12px 48px rgba(92,74,66,.15);\n --ecp-radius: 20px;\n --ecp-radius-sm: 12px;\n}\n\n.ecp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ecp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ecp-hero {\n position: relative;\n background: linear-gradient(135deg, #C4A99A 0%, #9B8578 50%, #5C4A42 100%);\n border-radius: var(--ecp-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(--ecp-shadow-lg);\n}\n\n.ecp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.ecp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ecp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ecp-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(--ecp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ecp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ecp-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.ecp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .5px;\n}\n\n.ecp-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.ecp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ecp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ecp-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.ecp-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(--ecp-primary), var(--ecp-secondary));\n border-radius: 2px;\n}\n\n.ecp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ecp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === GRILLES === *\/\n.ecp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ecp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ecp-card {\n background: var(--ecp-white);\n border-radius: var(--ecp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ecp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ecp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ecp-shadow-lg);\n border-color: var(--ecp-primary);\n}\n\n.ecp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ecp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ecp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ecp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ecp-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--ecp-primary);\n}\n\n.ecp-grid-compact .ecp-card {\n padding: 1rem;\n}\n\n.ecp-grid-compact .ecp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ecp-grid-compact .ecp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ecp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ecp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ecp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ecp-primary), var(--ecp-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.ecp-timeline-content {\n flex: 1;\n background: var(--ecp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ecp-radius-sm);\n box-shadow: var(--ecp-shadow);\n}\n\n.ecp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ecp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ecp-timeline-content p {\n font-size: 14px;\n color: var(--ecp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ecp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ecp-primary-light);\n border-radius: var(--ecp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ecp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ecp-tip p {\n font-size: 14px;\n color: var(--ecp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INCI BOX === *\/\n.ecp-inci-box {\n background: var(--ecp-white);\n border-radius: var(--ecp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ecp-shadow);\n border-left: 4px solid var(--ecp-primary);\n}\n\n.ecp-inci-box p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ecp-text-light);\n line-height: 1.8;\n margin: 0;\n}\n\n.ecp-inci-box strong {\n color: var(--ecp-primary-dark);\n}\n\n.ecp-inci-note {\n margin-top: 1rem !important;\n font-style: italic;\n font-size: 13px !important;\n color: var(--ecp-primary) !important;\n}\n\n\/* === ACCORDÉON === *\/\n.ecp-accordion {\n background: var(--ecp-white);\n border-radius: var(--ecp-radius);\n box-shadow: var(--ecp-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.ecp-accordion-item {\n border-bottom: 1px solid var(--ecp-border);\n margin: 0;\n padding: 0;\n}\n\n.ecp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ecp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ecp-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.ecp-accordion-header:hover {\n background: var(--ecp-primary-light);\n}\n\n.ecp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ecp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ecp-primary);\n transition: transform .2s ease;\n}\n\n.ecp-accordion-item[open] .ecp-accordion-header::after {\n content: '−';\n}\n\n.ecp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ecp-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.ecp-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ecp-cta-box {\n background: linear-gradient(135deg, var(--ecp-primary) 0%, var(--ecp-primary-dark) 100%);\n border-radius: var(--ecp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ecp-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.ecp-disclaimer {\n font-size: 12px;\n color: var(--ecp-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 .ecp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ecp-card {\n padding: 1.125rem;\n }\n \n .ecp-card-ingredient {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--ecp-primary);\n }\n \n .ecp-section {\n margin-bottom: 1.75rem;\n }\n \n .ecp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ecp-radius-sm);\n }\n \n .ecp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ecp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ecp-grid-compact {\n gap: .625rem;\n }\n \n .ecp-grid-compact .ecp-card {\n padding: .75rem;\n }\n \n .ecp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .ecp-timeline-content {\n padding: .875rem 1rem;\n }\n \n .ecp-timeline-content h3 {\n font-size: 14px;\n }\n \n .ecp-timeline-content p {\n font-size: 13px;\n }\n \n .ecp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ecp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ecp-tip {\n flex-direction: column;\n gap: .5rem;\n text-align: center;\n }\n \n .ecp-inci-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ecp-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ecp-card:nth-child(1) { animation-delay: .05s; }\n .ecp-card:nth-child(2) { animation-delay: .1s; }\n .ecp-card:nth-child(3) { animation-delay: .15s; }\n .ecp-card:nth-child(4) { animation-delay: .2s; }\n .ecp-card:nth-child(5) { animation-delay: .25s; }\n .ecp-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 .ecp-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":55363858104697,"sku":"NBAIEND0135","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-hydratante-pieds-nutri-reparatrice-absorption-rapide-7-lifestyle.webp?v=1769695402"},{"product_id":"deodorant-solide-monoi-peaux-sensibles-endro","title":"Déodorant Solide Monoï - Peaux Sensibles - Endro","description":"\u003cdiv class=\"edm-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"edm-hero\"\u003e\n\u003cdiv class=\"edm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"edm-hero-content\"\u003e\n\u003cdiv class=\"edm-badges-top\"\u003e\n\u003cspan class=\"edm-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e \u003cspan class=\"edm-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e \u003cspan class=\"edm-badge\"\u003e🐰 Vegan \u0026amp; Cruelty-free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"edm-hero-title\"\u003eDéodorant Solide Monoï\u003c\/span\u003e\n\u003cp class=\"edm-subtitle\"\u003ePeaux Sensibles • Endro Cosmétiques\u003c\/p\u003e\n\u003cp class=\"edm-description\"\u003eProtection 48h sans bicarbonate ni huiles essentielles. La douceur tropicale pour les épidermes les plus réactifs.\u003c\/p\u003e\n\u003cdiv class=\"edm-hero-highlights\"\u003e\n\u003cspan class=\"edm-highlight\"\u003e🌺 Parfum Monoï\u003c\/span\u003e \u003cspan class=\"edm-highlight\"\u003e⏱️ 48h d'efficacité\u003c\/span\u003e \u003cspan class=\"edm-highlight\"\u003e🧴 50ml = 3-4 mois\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"edm-section\"\u003e\n\u003ch2\u003eDéodorant solide bio au Monoï : la douceur absolue pour les peaux sensibles\u003c\/h2\u003e\n\u003cp class=\"edm-section-intro\"\u003eVous avez abandonné les déodorants naturels à cause des irritations ? Le \u003cstrong\u003edéodorant solide Monoï Endro\u003c\/strong\u003e change la donne.\u003c\/p\u003e\n\u003cdiv class=\"edm-grid-compact\"\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🚫 Sans bicarbonate\u003c\/h3\u003e\n\u003cp\u003eFormule douce qui respecte l'équilibre cutané\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🌸 Sans huiles essentielles\u003c\/h3\u003e\n\u003cp\u003eIdéal grossesse, allaitement et peaux réactives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e⏱️ 48h de protection\u003c\/h3\u003e\n\u003cp\u003eEfficacité longue durée prouvée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🌺 Parfum Monoï\u003c\/h3\u003e\n\u003cp\u003eNotes chaudes de tiaré et coco\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"edm-section\"\u003e\n\u003ch2\u003ePourquoi votre peau sensible mérite ce déodorant sans bicarbonate ?\u003c\/h2\u003e\n\u003cp class=\"edm-section-intro\"\u003eLe bicarbonate de soude possède un pH très alcalin qui perturbe l'équilibre cutané, causant rougeurs, picotements et irritations. Endro a développé une alternative intelligente :\u003c\/p\u003e\n\u003cdiv class=\"edm-grid\"\u003e\n\u003cdiv class=\"edm-card edm-card-featured\"\u003e\n\u003ch3\u003e🧪 Hydroxyde de magnésium\u003c\/h3\u003e\n\u003cp\u003eRégule naturellement le pH de vos aisselles, créant un environnement défavorable aux bactéries. Contrairement au bicarbonate, il \u003cstrong\u003erespecte le film hydrolipidique\u003c\/strong\u003e de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card edm-card-featured\"\u003e\n\u003ch3\u003e🎯 Ricinoléate de zinc\u003c\/h3\u003e\n\u003cp\u003eVéritable piège à odeurs, il capture et neutralise les molécules malodorantes \u003cstrong\u003esans jamais bloquer la transpiration\u003c\/strong\u003e. Votre corps continue de fonctionner naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-tip\"\u003e\n\u003cspan class=\"edm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCette combinaison vous garantit une \u003cstrong\u003efraîcheur longue durée de 48 heures\u003c\/strong\u003e, sans compromis sur le confort de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"edm-section\"\u003e\n\u003ch2\u003eSans huiles essentielles : un choix réfléchi pour les épidermes réactifs\u003c\/h2\u003e\n\u003cdiv class=\"edm-testimonial\"\u003e\n\u003cp class=\"edm-testimonial-text\"\u003eLes huiles essentielles, bien que naturelles, contiennent des composés aromatiques potentiellement irritants ou allergisants. Si vous avez la peau sensible, si vous êtes enceinte, allaitante, ou si vous souhaitez simplement un produit minimaliste, ce \u003cstrong\u003edéodorant solide bio sans huiles essentielles\u003c\/strong\u003e répond parfaitement à vos attentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 1.5rem; color: var(--edm-text-light); font-size: 15px;\"\u003eLe parfum monoï utilisé est d'origine naturelle et soigneusement sélectionné pour sa tolérance cutanée. Il évoque les vacances au soleil avec ses \u003cstrong\u003enotes chaudes de tiaré et de coco\u003c\/strong\u003e, sans aucun risque de sensibilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"edm-section\"\u003e\n\u003ch2\u003eComposition complète : des ingrédients nobles et transparents\u003c\/h2\u003e\n\u003cdiv class=\"edm-grid\"\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n\u003cp\u003eNourrissante et antibactérienne naturelle, elle apaise les aisselles tout en formant un léger film protecteur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🌽 Fécule de maïs bio\u003c\/h3\u003e\n\u003cp\u003eCette poudre végétale absorbe l'excès d'humidité et laisse votre peau délicatement satinée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e⚗️ Hydroxyde de magnésium\u003c\/h3\u003e\n\u003cp\u003eRégulateur de pH qui empêche la prolifération des bactéries sans agresser la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🧈 Alcool béhénique\u003c\/h3\u003e\n\u003cp\u003eÉmollient végétal qui stabilise la texture du baume et adoucit la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🌴 Cire de carnauba bio\u003c\/h3\u003e\n\u003cp\u003eIssue du palmier brésilien, elle donne au baume sa consistance parfaite et facilite l'application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🎯 Ricinoléate de zinc\u003c\/h3\u003e\n\u003cp\u003eCapteur d'odeurs haute performance, issu de l'huile de ricin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🌺 Parfum monoï naturel\u003c\/h3\u003e\n\u003cp\u003eFragrance douce et ensoleillée, sans allergènes majeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🌻 Vitamine E \u0026amp; tournesol\u003c\/h3\u003e\n\u003cp\u003eAntioxydants naturels qui préservent la fraîcheur de la formule et apportent nutrition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"edm-section\"\u003e\n\u003ch2\u003eListe INCI complète\u003c\/h2\u003e\n\u003cdiv class=\"edm-inci-box\"\u003e\n\u003cp class=\"edm-inci-text\"\u003eCOCOS NUCIFERA (COCONUT) OIL*, ZEA MAYS (CORN) STARCH*, MAGNESIUM HYDROXIDE, BEHENYL ALCOHOL, COPERNICIA CERIFERA (CARNAUBA) WAX*, ZINC RICINOLEATE, PARFUM (FRAGRANCE), MAGNESIUM CARBONATE HYDROXIDE, TOCOPHEROL, HELIANTHUS ANNUUS (SUNFLOWER) SEED OIL.\u003c\/p\u003e\n\u003cp class=\"edm-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"edm-inci-badge\"\u003e\n\u003cspan\u003e🌿 75% du total des ingrédients sont biologiques\u003c\/span\u003e \u003cspan\u003eCertification Cosmos Organic par Ecocert\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"edm-section\"\u003e\n\u003ch2\u003eComment bien appliquer votre déodorant solide ?\u003c\/h2\u003e\n\u003cp class=\"edm-section-intro\"\u003eL'application d'un déodorant en baume diffère légèrement d'un stick classique. Voici la méthode pour une efficacité optimale :\u003c\/p\u003e\n\u003cdiv class=\"edm-timeline\"\u003e\n\u003cdiv class=\"edm-timeline-item\"\u003e\n\u003cspan class=\"edm-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"edm-timeline-content\"\u003e\n\u003ch3\u003ePréparez vos aisselles\u003c\/h3\u003e\n\u003cp\u003eAssurez-vous qu'elles sont propres et parfaitement sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-timeline-item\"\u003e\n\u003cspan class=\"edm-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"edm-timeline-content\"\u003e\n\u003ch3\u003ePrélevez une petite quantité\u003c\/h3\u003e\n\u003cp\u003eL'équivalent d'un petit pois du bout de vos doigts propres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-timeline-item\"\u003e\n\u003cspan class=\"edm-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"edm-timeline-content\"\u003e\n\u003ch3\u003eRéchauffez et appliquez\u003c\/h3\u003e\n\u003cp\u003eRéchauffez légèrement entre vos doigts si nécessaire, puis massez délicatement sous chaque aisselle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-timeline-item\"\u003e\n\u003cspan class=\"edm-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"edm-timeline-content\"\u003e\n\u003ch3\u003ePatientez avant de vous habiller\u003c\/h3\u003e\n\u003cp\u003eAttendez 1 à 2 minutes pour permettre au baume de pénétrer complètement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-tip\"\u003e\n\u003cspan class=\"edm-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil d'utilisation\u003c\/strong\u003e : évitez d'appliquer ce déodorant juste après le rasage ou l'épilation. Attendez idéalement 24 heures pour laisser votre peau se régénérer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"edm-section\"\u003e\n\u003ch2\u003eConservation et durée de vie\u003c\/h2\u003e\n\u003cdiv class=\"edm-grid\"\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🌡️ Température\u003c\/h3\u003e\n\u003cp\u003eConservez à l'abri de la chaleur excessive (au-dessus de 30°C, le baume peut ramollir).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🔒 Fermeture\u003c\/h3\u003e\n\u003cp\u003eRefermez bien le couvercle après chaque utilisation pour préserver la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🥄 Hygiène\u003c\/h3\u003e\n\u003cp\u003eUtilisez toujours une spatule ou des doigts propres pour éviter toute contamination.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-tip\"\u003e\n\u003cspan class=\"edm-tip-icon\"\u003e📅\u003c\/span\u003e\n\u003cp\u003eLe pot de 50 ml vous accompagne environ \u003cstrong\u003e3 à 4 mois\u003c\/strong\u003e avec une utilisation quotidienne, ce qui en fait un choix économique et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"edm-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"edm-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce déodorant au Monoï ?\u003c\/h2\u003e\n\u003cp class=\"edm-section-intro\"\u003eCe \u003cstrong\u003edéodorant solide bio\u003c\/strong\u003e conviendra particulièrement si vous :\u003c\/p\u003e\n\u003cdiv class=\"edm-grid-compact\"\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n\u003cp\u003eRéactive aux déodorants classiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🚫 Sans bicarbonate\u003c\/h3\u003e\n\u003cp\u003eRecherchez une alternative efficace\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🤰 Grossesse\/Allaitement\u003c\/h3\u003e\n\u003cp\u003eSouhaitez éviter les huiles essentielles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🌺 Parfums doux\u003c\/h3\u003e\n\u003cp\u003eAimez les notes exotiques subtiles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eVoulez une routine plus naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edm-card\"\u003e\n\u003ch3\u003e👫 Unisexe\u003c\/h3\u003e\n\u003cp\u003eCherchez un parfum homme ou femme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 10 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"edm-section\"\u003e\n\u003cdiv class=\"edm-cta-box\"\u003e\n\u003cp\u003e🌺 Offrez à vos aisselles la douceur qu'elles méritent.\u003cbr\u003e\u003cstrong\u003e48h de fraîcheur tropicale, 0 irritation.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"edm-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --edm-cream: #FDF6EE;\n --edm-white: #ffffff;\n --edm-primary: #C75B2A;\n --edm-primary-dark: #9A4520;\n --edm-primary-light: #FEF0E6;\n --edm-secondary: #F5C896;\n --edm-accent: #E8A857;\n --edm-text: #1a1a1a;\n --edm-text-light: #5a5a5a;\n --edm-border: #e8e0d8;\n --edm-shadow: 0 4px 24px rgba(199,91,42,.08);\n --edm-shadow-lg: 0 12px 48px rgba(199,91,42,.15);\n --edm-radius: 20px;\n --edm-radius-sm: 12px;\n}\n\n.edm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--edm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.edm-hero {\n position: relative;\n background: linear-gradient(135deg, #C75B2A 0%, #E8A857 50%, #F5C896 100%);\n border-radius: var(--edm-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(--edm-shadow-lg);\n}\n\n.edm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c2 0 3.5 8 3.5 10s-1.5 3-3.5 3-3.5-1-3.5-3 1.5-10 3.5-10zm10 17.3c1.7 1 .5 9 0 11-0.5 2-2.5 2.5-4 1.5s-2-3-1.5-5c.5-2 3.8-8.5 5.5-7.5zm-20 0c1.7-1 5 5.5 5.5 7.5.5 2 0 4-1.5 5s-3.5.5-4-1.5c-.5-2-1.7-10 0-11z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.edm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.edm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.edm-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(--edm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.edm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.edm-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.edm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.edm-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.edm-hero-highlights {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.edm-highlight {\n padding: 10px 18px;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.3);\n border-radius: 999px;\n color: white;\n font-size: 14px;\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.edm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.edm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--edm-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.edm-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(--edm-primary), var(--edm-accent));\n border-radius: 2px;\n}\n\n.edm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--edm-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.edm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.edm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.edm-card {\n background: var(--edm-white);\n border-radius: var(--edm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--edm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.edm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--edm-shadow-lg);\n border-color: var(--edm-primary);\n}\n\n.edm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--edm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.edm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--edm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.edm-card-featured {\n border-left: 4px solid var(--edm-primary);\n text-align: left;\n}\n\n.edm-grid-compact .edm-card {\n padding: 1rem;\n}\n\n.edm-grid-compact .edm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.edm-grid-compact .edm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.edm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.edm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.edm-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--edm-primary), var(--edm-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(199,91,42,.3);\n}\n\n.edm-timeline-content {\n flex: 1;\n background: var(--edm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--edm-radius-sm);\n box-shadow: var(--edm-shadow);\n}\n\n.edm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--edm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.edm-timeline-content p {\n font-size: 14px;\n color: var(--edm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.edm-testimonial {\n background: var(--edm-white);\n border-radius: var(--edm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--edm-shadow);\n border-left: 4px solid var(--edm-primary);\n}\n\n.edm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--edm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.edm-inci-box {\n background: var(--edm-white);\n border-radius: var(--edm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--edm-shadow);\n text-align: center;\n}\n\n.edm-inci-text {\n font-size: 13px;\n color: var(--edm-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n word-break: break-word;\n}\n\n.edm-inci-note {\n font-size: 13px;\n color: var(--edm-text-light);\n margin: 0 0 1.25rem 0;\n}\n\n.edm-inci-badge {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n padding: 1rem;\n background: linear-gradient(135deg, var(--edm-primary-light), var(--edm-secondary));\n border-radius: var(--edm-radius-sm);\n}\n\n.edm-inci-badge span {\n font-size: 14px;\n font-weight: 700;\n color: var(--edm-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.edm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--edm-primary-light);\n border-radius: var(--edm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.edm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.edm-tip p {\n font-size: 14px;\n color: var(--edm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.edm-accordion {\n background: var(--edm-white);\n border-radius: var(--edm-radius);\n box-shadow: var(--edm-shadow);\n overflow: hidden;\n}\n\n.edm-accordion-item {\n border-bottom: 1px solid var(--edm-border);\n margin: 0;\n padding: 0;\n}\n\n.edm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.edm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--edm-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.edm-accordion-header:hover {\n background: var(--edm-primary-light);\n}\n\n.edm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.edm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--edm-primary);\n transition: transform .2s ease;\n}\n\n.edm-accordion-item[open] .edm-accordion-header::after {\n content: '−';\n}\n\n.edm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--edm-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.edm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.edm-cta-box {\n background: linear-gradient(135deg, var(--edm-primary) 0%, var(--edm-primary-dark) 100%);\n border-radius: var(--edm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 2rem;\n}\n\n.edm-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.edm-disclaimer {\n font-size: 12px;\n color: var(--edm-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 .edm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .edm-card {\n padding: 1.125rem;\n }\n \n .edm-card-featured {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--edm-primary);\n }\n \n .edm-section {\n margin-bottom: 1.75rem;\n }\n \n .edm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--edm-radius-sm);\n }\n \n .edm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .edm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .edm-grid-compact {\n gap: .625rem;\n }\n \n .edm-grid-compact .edm-card {\n padding: .75rem;\n }\n \n .edm-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .edm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .edm-timeline-content h3 {\n font-size: 14px;\n }\n \n .edm-timeline-content p {\n font-size: 13px;\n }\n \n .edm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .edm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .edm-testimonial {\n padding: 1.25rem;\n }\n \n .edm-testimonial-text {\n font-size: 14px;\n }\n \n .edm-hero-highlights {\n gap: 8px;\n }\n \n .edm-highlight {\n padding: 8px 14px;\n font-size: 12px;\n }\n \n .edm-badges-top {\n gap: 6px;\n }\n \n .edm-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .edm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .edm-card:nth-child(1) { animation-delay: .05s; }\n .edm-card:nth-child(2) { animation-delay: .1s; }\n .edm-card:nth-child(3) { animation-delay: .15s; }\n .edm-card:nth-child(4) { animation-delay: .2s; }\n .edm-card:nth-child(5) { animation-delay: .25s; }\n .edm-card:nth-child(6) { animation-delay: .3s; }\n .edm-card:nth-child(7) { animation-delay: .35s; }\n .edm-card:nth-child(8) { animation-delay: .4s; }\n \n .edm-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .edm-timeline-item:nth-child(1) { animation-delay: .1s; }\n .edm-timeline-item:nth-child(2) { animation-delay: .2s; }\n .edm-timeline-item:nth-child(3) { animation-delay: .3s; }\n .edm-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .edm-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":55563193581945,"sku":"NBAIEND0115","price":9.8,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-monoi-peaux-sensibles-endro-lifestyle.webp?v=1769701856"},{"product_id":"dentifrice-en-pate-menthe-100-ml-endro","title":"Dentifrice en pâte goût Menthe - 100 ml - Endro","description":"\u003cdiv class=\"edr-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"edr-hero\"\u003e\n\u003cdiv class=\"edr-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"edr-hero-content\"\u003e\n\u003cdiv class=\"edr-badges-top\"\u003e\n\u003cspan class=\"edr-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"edr-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e \u003cspan class=\"edr-badge\"\u003e🍃 Certifié Bio\u003c\/span\u003e \u003cspan class=\"edr-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"edr-hero-title\"\u003eDentifrice en pâte goût Menthe\u003c\/span\u003e\n\u003cp class=\"edr-subtitle\"\u003eLa fraîcheur intense d'une formule 100% naturelle\u003c\/p\u003e\n\u003cp class=\"edr-description\"\u003eFabriqué artisanalement en Bretagne par Endro Cosmétiques, ce dentifrice bio allie efficacité, transparence et démarche éco-responsable. Seulement 8 ingrédients pour des dents propres et une haleine fraîche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003ePourquoi choisir un dentifrice en pâte naturel ?\u003c\/h2\u003e\n\u003cp class=\"edr-section-intro\"\u003eLes dentifrices conventionnels regorgent souvent d'ingrédients controversés : agents moussants agressifs, colorants synthétiques, conservateurs douteux. Avec ce dentifrice menthe bio, vous faites le choix d'une formule transparente.\u003c\/p\u003e\n\u003cdiv class=\"edr-grid\"\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e💊 Sans fluor\u003c\/h3\u003e\n\u003cp\u003eIdéal pour accompagner un traitement homéopathique en toute sérénité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌱 Alternative naturelle\u003c\/h3\u003e\n\u003cp\u003eRemplacez les dentifrices classiques par une formule 100% transparente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e❄️ Menthe intense\u003c\/h3\u003e\n\u003cp\u003eSensation de fraîcheur durable grâce à la menthe poivrée et au menthol bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🐰 Végan \u0026amp; cruelty-free\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient d'origine animale, jamais testé sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eUne formule courte aux ingrédients soigneusement sélectionnés\u003c\/h2\u003e\n\u003cp class=\"edr-section-intro\"\u003eChez Endro, la transparence est une valeur fondamentale. Ce dentifrice ne contient que 8 ingrédients, chacun choisi pour son efficacité et sa douceur.\u003c\/p\u003e\n\u003cdiv class=\"edr-grid\"\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003eite Carbonate de calcium\u003c\/h3\u003e\n\u003cp\u003eAgent polissant naturel qui élimine délicatement la plaque dentaire sans rayer l'émail\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e💧 Glycérine végétale bio\u003c\/h3\u003e\n\u003cp\u003eApporte onctuosité et forme un film protecteur sur l'émail pour un confort optimal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌿 Huile essentielle de menthe poivrée bio\u003c\/h3\u003e\n\u003cp\u003ePropriétés antibactériennes naturelles pour une haleine fraîche et purifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e❄️ Menthol bio\u003c\/h3\u003e\n\u003cp\u003eAmplifie la sensation de fraîcheur pour un effet « menthe givrée » revigorant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🥥 Sodium cocoyl glutamate\u003c\/h3\u003e\n\u003cp\u003eAgent moussant ultra-doux dérivé de la noix de coco, respectueux des gencives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌊 Carraghénane\u003c\/h3\u003e\n\u003cp\u003eÉpaississant naturel extrait d'algues rouges bretonnes pour une texture parfaite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eListe INCI complète\u003c\/h2\u003e\n\u003cdiv class=\"edr-inci-box\"\u003e\n\u003cp class=\"edr-inci-list\"\u003eCALCIUM CARBONATE, GLYCERIN**, AQUA (WATER\/EAU), SODIUM COCOYL GLUTAMATE, MENTHOL*, MENTHA PIPERITA (PEPPERMINT) OIL*, CARRAGEENAN, SODIUM CHLORIDE\u003c\/p\u003e\n\u003cdiv class=\"edr-inci-legend\"\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e**Transformé à partir d'ingrédients biologiques\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-certification\"\u003e\n\u003cspan class=\"edr-cert-badge\"\u003e🏆 Certification Cosmos Organic\u003c\/span\u003e\n\u003cp\u003e33,5% des ingrédients bio • 100% d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eComment utiliser ce dentifrice en pâte ?\u003c\/h2\u003e\n\u003cp class=\"edr-section-intro\"\u003eL'utilisation diffère légèrement d'un dentifrice en tube classique, mais vous allez vite adopter cette nouvelle habitude.\u003c\/p\u003e\n\u003cdiv class=\"edr-timeline\"\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003ePrélevez une noisette de pâte\u003c\/h3\u003e\n\u003cp\u003eÀ l'aide de la spatule en bois fournie, prélevez environ la taille d'un petit pois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003eDéposez sur brosse sèche\u003c\/h3\u003e\n\u003cp\u003eImportant : utilisez une brosse à dents sèche pour préserver la texture du produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003eBrossez 2 à 3 minutes\u003c\/h3\u003e\n\u003cp\u003eEffectuez des mouvements circulaires doux, des gencives vers les dents\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eProfitez de cette agréable sensation de fraîcheur longue durée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-tip\"\u003e\n\u003cspan class=\"edr-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e gardez toujours la spatule propre et sèche entre chaque utilisation. N'introduisez jamais d'eau ni de brosse à dents humide directement dans le pot.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eDurée de vie et conservation\u003c\/h2\u003e\n\u003cdiv class=\"edr-grid-compact\"\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e📦 100 ml\u003c\/h3\u003e\n\u003cp\u003e2 à 3 mois d'utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🪥 2x\/jour\u003c\/h3\u003e\n\u003cp\u003eDeux brossages quotidiens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🏠 Endroit sec\u003c\/h3\u003e\n\u003cp\u003eÀ l'abri de l'humidité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e⏱️ 6 mois PAO\u003c\/h3\u003e\n\u003cp\u003eAprès ouverture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-tip\"\u003e\n\u003cspan class=\"edr-tip-icon\"\u003e📌\u003c\/span\u003e\n\u003cp\u003ePour une conservation optimale, stockez le pot loin de la douche et refermez bien le couvercle après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eDentifrice sans fluor : pour qui ?\u003c\/h2\u003e\n\u003cdiv class=\"edr-testimonial\"\u003e\n\u003cp class=\"edr-testimonial-text\"\u003eCe dentifrice sans fluor convient parfaitement aux personnes suivant un traitement homéopathique. La menthe n'interfère pas avec l'homéopathie contrairement à certaines idées reçues — c'est le fluor et certains excipients qui posent problème.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 1.5rem; color: var(--edr-text-light); font-size: 15px;\"\u003eCe dentifrice est également idéal pour ceux qui souhaitent simplement réduire leur exposition aux substances synthétiques ou qui préfèrent une approche plus naturelle de l'hygiène bucco-dentaire. Si vous cherchez un dentifrice sans menthe pour homéopathie, Endro propose également d'autres parfums dans sa gamme.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n\u003cdiv class=\"edr-accordion\"\u003e\n\u003cdetails class=\"edr-accordion-item\"\u003e\n\u003csummary class=\"edr-accordion-header\"\u003e👶 Enfants de moins de 7 ans\u003c\/summary\u003e\n\u003cdiv class=\"edr-accordion-content\"\u003e\n\u003cp\u003eDéconseillé aux enfants de moins de 7 ans en raison de la présence de menthol et d'huile essentielle de menthe poivrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"edr-accordion-item\"\u003e\n\u003csummary class=\"edr-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"edr-accordion-content\"\u003e\n\u003cp\u003eNon recommandé par principe de précaution lié aux huiles essentielles. Consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"edr-accordion-item\"\u003e\n\u003csummary class=\"edr-accordion-header\"\u003e⚠️ Allergies\u003c\/summary\u003e\n\u003cdiv class=\"edr-accordion-content\"\u003e\n\u003cp\u003eEn cas d'antécédents d'allergie à l'un des composants, effectuez un test préalable ou consultez votre dentiste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"edr-disclaimer\"\u003eCe dentifrice contribue à l'hygiène bucco-dentaire quotidienne mais ne remplace pas les visites régulières chez votre dentiste.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"edr-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"edr-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eCe que vous allez apprécier\u003c\/h2\u003e\n\u003cdiv class=\"edr-grid\"\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e❄️ Fraîcheur intense\u003c\/h3\u003e\n\u003cp\u003eSensation durable grâce à la menthe poivrée et au menthol bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e✨ Texture agréable\u003c\/h3\u003e\n\u003cp\u003eMousse légèrement sans agresser les gencives sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌿 Goût authentique\u003c\/h3\u003e\n\u003cp\u003eVraie menthe, sans arrière-goût chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌍 Geste éco-responsable\u003c\/h3\u003e\n\u003cp\u003eRéduisez vos déchets plastiques dans la salle de bain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-cta-box\"\u003e\n\u003cp\u003e🪥 Adoptez une routine dentaire naturelle, efficace et responsable avec le dentifrice en pâte Menthe d'Endro !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --edr-cream: #F7FAF9;\n --edr-white: #ffffff;\n --edr-primary: #5B8A7D;\n --edr-primary-dark: #3D5A4C;\n --edr-primary-light: #E8F4F0;\n --edr-secondary: #7BA899;\n --edr-accent: #A8D5C2;\n --edr-text: #1a1a1a;\n --edr-text-light: #5a5a5a;\n --edr-border: #e0e0e0;\n --edr-shadow: 0 4px 24px rgba(61,90,76,.08);\n --edr-shadow-lg: 0 12px 48px rgba(61,90,76,.15);\n --edr-radius: 20px;\n --edr-radius-sm: 12px;\n}\n\n.edr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--edr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.edr-hero {\n position: relative;\n background: linear-gradient(135deg, #5B8A7D 0%, #3D5A4C 50%, #2D4438 100%);\n border-radius: var(--edr-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(--edr-shadow-lg);\n}\n\n.edr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.edr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.edr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.edr-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(--edr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.edr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.edr-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.edr-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.edr-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.edr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.edr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--edr-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.edr-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(--edr-primary), var(--edr-accent));\n border-radius: 2px;\n}\n\n.edr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--edr-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.edr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.edr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.edr-grid-compact .edr-card {\n padding: 1rem;\n}\n\n.edr-grid-compact .edr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.edr-grid-compact .edr-card p {\n font-size: 12px;\n}\n\n.edr-card {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--edr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.edr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--edr-shadow-lg);\n border-color: var(--edr-primary);\n}\n\n.edr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--edr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.edr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--edr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.edr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.edr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.edr-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--edr-primary), var(--edr-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(91,138,125,.3);\n}\n\n.edr-timeline-content {\n flex: 1;\n background: var(--edr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--edr-radius-sm);\n box-shadow: var(--edr-shadow);\n}\n\n.edr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--edr-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.edr-timeline-content p {\n font-size: 14px;\n color: var(--edr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.edr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--edr-primary-light);\n border-radius: var(--edr-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.edr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.edr-tip p {\n font-size: 14px;\n color: var(--edr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.edr-inci-box {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--edr-shadow);\n text-align: center;\n}\n\n.edr-inci-list {\n font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n font-size: clamp(12px, 2vw, 14px);\n color: var(--edr-text);\n background: var(--edr-primary-light);\n padding: 1rem 1.25rem;\n border-radius: var(--edr-radius-sm);\n margin: 0 0 1rem 0;\n line-height: 1.8;\n word-break: break-word;\n}\n\n.edr-inci-legend {\n margin-bottom: 1.25rem;\n}\n\n.edr-inci-legend p {\n font-size: 13px;\n color: var(--edr-text-light);\n margin: .25rem 0;\n}\n\n.edr-certification {\n background: linear-gradient(135deg, var(--edr-primary-light), #d4ebe3);\n border-radius: var(--edr-radius-sm);\n padding: 1rem 1.25rem;\n display: inline-block;\n}\n\n.edr-cert-badge {\n display: block;\n font-weight: 800;\n color: var(--edr-primary-dark);\n font-size: 15px;\n margin-bottom: .35rem;\n}\n\n.edr-certification p {\n font-size: 13px;\n color: var(--edr-text-light);\n margin: 0;\n}\n\n.edr-testimonial {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--edr-shadow);\n border-left: 4px solid var(--edr-primary);\n max-width: 800px;\n margin: 0 auto;\n}\n\n.edr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--edr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.edr-accordion {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n box-shadow: var(--edr-shadow);\n overflow: hidden;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.edr-accordion-item {\n border-bottom: 1px solid var(--edr-border);\n margin: 0;\n padding: 0;\n}\n\n.edr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.edr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--edr-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.edr-accordion-header:hover {\n background: var(--edr-primary-light);\n}\n\n.edr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.edr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--edr-primary);\n transition: transform .2s ease;\n}\n\n.edr-accordion-item[open] .edr-accordion-header::after {\n content: '−';\n}\n\n.edr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--edr-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.edr-accordion-content p {\n margin: 0;\n}\n\n.edr-disclaimer {\n font-size: 12px;\n color: var(--edr-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n.edr-cta-box {\n background: linear-gradient(135deg, var(--edr-primary) 0%, var(--edr-primary-dark) 100%);\n border-radius: var(--edr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 2rem;\n}\n\n.edr-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 .edr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .edr-card {\n padding: 1.125rem;\n }\n \n .edr-section {\n margin-bottom: 1.75rem;\n }\n \n .edr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--edr-radius-sm);\n }\n \n .edr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .edr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .edr-grid-compact {\n gap: .625rem;\n }\n \n .edr-grid-compact .edr-card {\n padding: .75rem;\n }\n \n .edr-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .edr-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .edr-timeline-content h3 {\n font-size: 14px;\n }\n \n .edr-timeline-content p {\n font-size: 13px;\n }\n \n .edr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .edr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .edr-testimonial {\n padding: 1.25rem;\n }\n \n .edr-testimonial-text {\n font-size: 14px;\n }\n \n .edr-tip {\n padding: 1rem;\n gap: .75rem;\n }\n \n .edr-tip-icon {\n font-size: 20px;\n }\n \n .edr-tip p {\n font-size: 13px;\n }\n \n .edr-inci-box {\n padding: 1.25rem;\n }\n \n .edr-inci-list {\n font-size: 11px;\n padding: .875rem 1rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .edr-card {\n animation: fadeInUp .5s ease backwards;\n }\n .edr-card:nth-child(1) { animation-delay: .05s; }\n .edr-card:nth-child(2) { animation-delay: .1s; }\n .edr-card:nth-child(3) { animation-delay: .15s; }\n .edr-card:nth-child(4) { animation-delay: .2s; }\n .edr-card:nth-child(5) { animation-delay: .25s; }\n .edr-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 .edr-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":55563260100985,"sku":"NBAIEND0141","price":10.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-en-pate-gout-menthe-100-ml-endro-lifestyle.webp?v=1769762040"},{"product_id":"deodorant-solide-aloe-vera-peaux-sensibles-endro","title":"Déodorant Solide Aloe Vera - Peaux Sensibles - Endro","description":"\u003cdiv class=\"endo-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"endo-hero\"\u003e\n\u003cdiv class=\"endo-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"endo-hero-content\"\u003e\n\u003cdiv class=\"endo-badges-top\"\u003e\n\u003cspan class=\"endo-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"endo-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e \u003cspan class=\"endo-badge\"\u003e⏱️ Efficacité 48h\u003c\/span\u003e \u003cspan class=\"endo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"endo-hero-title\"\u003eDéodorant Solide Aloe Vera\u003c\/span\u003e\n\u003cp class=\"endo-subtitle\"\u003ePeaux Sensibles • Sans bicarbonate • Sans huiles essentielles\u003c\/p\u003e\n\u003cp class=\"endo-description\"\u003eLa douceur absolue pour les aisselles les plus délicates. Une protection naturelle 48h au parfum frais concombre-aloe vera.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"endo-section\"\u003e\n\u003ch2\u003eDéodorant solide bio Aloe Vera Endro : la douceur absolue pour les peaux sensibles\u003c\/h2\u003e\n\u003cp class=\"endo-section-intro\"\u003eVous avez la peau réactive et les déodorants classiques vous irritent ? Ce baume déodorant bio a été pensé spécifiquement pour vous.\u003c\/p\u003e\n\u003cdiv class=\"endo-grid-compact\"\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e🚫 Sans bicarbonate\u003c\/h3\u003e\n\u003cp\u003eFini les irritations liées au pH alcalin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e🌸 Sans huiles essentielles\u003c\/h3\u003e\n\u003cp\u003eAdapté aux peaux allergiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e⏱️ Efficacité 48h\u003c\/h3\u003e\n\u003cp\u003eProtection longue durée testée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e🥒 Parfum frais\u003c\/h3\u003e\n\u003cp\u003eNotes concombre \u0026amp; aloe vera\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"endo-section\"\u003e\n\u003ch2\u003ePourquoi choisir un déodorant solide naturel pour peaux sensibles ?\u003c\/h2\u003e\n\u003cp class=\"endo-section-intro\"\u003eSi vous avez déjà vécu rougeurs, picotements ou démangeaisons après l'application d'un déodorant, vous savez que trouver le bon produit est un vrai parcours du combattant.\u003c\/p\u003e\n\u003cdiv class=\"endo-problem-solution\"\u003e\n\u003cdiv class=\"endo-problem-box\"\u003e\n\u003ch3\u003e❌ Les problèmes courants\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBicarbonate de sodium :\u003c\/strong\u003e efficace mais son pH alcalin irrite les peaux fragiles\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuiles essentielles :\u003c\/strong\u003e naturelles mais potentiellement allergènes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-solution-box\"\u003e\n\u003ch3\u003e✅ La solution Endro\u003c\/h3\u003e\n\u003cp\u003eL'\u003cstrong\u003ehydroxyde de magnésium\u003c\/strong\u003e neutralise les bactéries malodorantes sans agresser votre peau. Une protection fiable et un confort optimal, même pour les peaux les plus exigeantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"endo-section\"\u003e\n\u003ch2\u003eUne formule 100% naturelle aux actifs ciblés\u003c\/h2\u003e\n\u003cdiv class=\"endo-grid\"\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n\u003cp\u003eAntibactérienne naturelle, nourrit la peau et lutte contre les odeurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n\u003cp\u003eAbsorbe l'excès d'humidité sans boucher les pores\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e✨ Hydroxyde de magnésium\u003c\/h3\u003e\n\u003cp\u003eLe secret ! Régule le pH et empêche la prolifération bactérienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e🧬 Ricinoléate de zinc\u003c\/h3\u003e\n\u003cp\u003ePiège et neutralise les molécules odorantes formées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e🌴 Cire de carnauba bio\u003c\/h3\u003e\n\u003cp\u003eTexture fondante et agréable à l'application\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n\u003cp\u003eAntioxydant protecteur qui apaise la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"endo-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"endo-inci-box\"\u003e\n\u003cp class=\"endo-inci-list\"\u003eCOCOS NUCIFERA (COCONUT) OIL*, ZEA MAYS (CORN) STARCH*, MAGNESIUM HYDROXIDE, BEHENYL ALCOHOL, COPERNICIA CERIFERA (CARNAUBA) WAX*, ZINC RICINOLEATE, PARFUM (FRAGRANCE), MAGNESIUM CARBONATE HYDROXIDE, TOCOPHEROL, HELIANTHUS ANNUUS (SUNFLOWER) SEED OIL\u003c\/p\u003e\n\u003cp class=\"endo-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"endo-certif-badges\"\u003e\n\u003cspan class=\"endo-certif\"\u003e🏆 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"endo-certif\"\u003e🌱 76% bio\u003c\/span\u003e \u003cspan class=\"endo-certif\"\u003e💚 100% naturel\u003c\/span\u003e \u003cspan class=\"endo-certif\"\u003e🐰 Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"endo-section\"\u003e\n\u003ch2\u003eComment utiliser ce déodorant en baume ?\u003c\/h2\u003e\n\u003cdiv class=\"endo-timeline\"\u003e\n\u003cdiv class=\"endo-timeline-item\"\u003e\n\u003cspan class=\"endo-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"endo-timeline-content\"\u003e\n\u003ch3\u003ePrélevez\u003c\/h3\u003e\n\u003cp\u003eUne petite quantité de baume (équivalent d'un petit pois) avec le bout du doigt ou une spatule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-timeline-item\"\u003e\n\u003cspan class=\"endo-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"endo-timeline-content\"\u003e\n\u003ch3\u003eRéchauffez\u003c\/h3\u003e\n\u003cp\u003eLégèrement le produit entre vos doigts pour le faire fondre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-timeline-item\"\u003e\n\u003cspan class=\"endo-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"endo-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eSur des aisselles propres et parfaitement sèches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-timeline-item\"\u003e\n\u003cspan class=\"endo-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"endo-timeline-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eDoucement jusqu'à absorption complète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-tip\"\u003e\n\u003cspan class=\"endo-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Attendez quelques minutes avant de vous habiller pour laisser le produit pénétrer. Cela évite tout transfert sur vos vêtements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"endo-section\"\u003e\n\u003ch2\u003eUne efficacité 48h prouvée : comment ça marche ?\u003c\/h2\u003e\n\u003cp class=\"endo-section-intro\"\u003eContrairement aux anti-transpirants qui bloquent la sudation, ce déodorant bio laisse votre corps transpirer naturellement. Son action se concentre sur les odeurs.\u003c\/p\u003e\n\u003cdiv class=\"endo-grid\"\u003e\n\u003cdiv class=\"endo-card endo-card-highlight\"\u003e\n\u003ch3\u003e🛡️ Hydroxyde de magnésium\u003c\/h3\u003e\n\u003cp\u003eCrée un environnement défavorable aux bactéries qui transforment la sueur en composés malodorants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-card endo-card-highlight\"\u003e\n\u003ch3\u003e🎯 Ricinoléate de zinc\u003c\/h3\u003e\n\u003cp\u003eCapture les molécules odorantes pour les neutraliser efficacement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-card endo-card-highlight\"\u003e\n\u003ch3\u003e💧 Amidon de maïs\u003c\/h3\u003e\n\u003cp\u003eAbsorbe l'humidité pour une sensation de fraîcheur prolongée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-highlight-box\"\u003e\n\u003cp\u003e✨ \u003cstrong\u003eRésultat :\u003c\/strong\u003e Vous transpirez naturellement, mais sans les désagréments olfactifs. Une approche plus respectueuse de votre physiologie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"endo-section\"\u003e\n\u003ch2\u003ePour qui est fait ce déodorant Aloe Vera ?\u003c\/h2\u003e\n\u003cdiv class=\"endo-grid-compact\"\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e🌸 Peaux réactives\u003c\/h3\u003e\n\u003cp\u003eSujettes aux irritations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n\u003cp\u003eSans huiles essentielles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e🪒 Post-épilation\u003c\/h3\u003e\n\u003cp\u003eDoux après le rasage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e👨 Hommes \u0026amp; femmes\u003c\/h3\u003e\n\u003cp\u003eParfum unisexe frais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e🌿 Éco-conscients\u003c\/h3\u003e\n\u003cp\u003eRoutine plus naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-card\"\u003e\n\u003ch3\u003e💪 Sans compromis\u003c\/h3\u003e\n\u003cp\u003eEfficacité garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"endo-section\"\u003e\n\u003ch2\u003eUn format économique et écologique\u003c\/h2\u003e\n\u003cdiv class=\"endo-eco-grid\"\u003e\n\u003cdiv class=\"endo-eco-card\"\u003e\n\u003cspan class=\"endo-eco-icon\"\u003e📦\u003c\/span\u003e \u003cspan class=\"endo-eco-value\"\u003e50 ml\u003c\/span\u003e \u003cspan class=\"endo-eco-label\"\u003eFormat concentré\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-eco-card\"\u003e\n\u003cspan class=\"endo-eco-icon\"\u003e📅\u003c\/span\u003e \u003cspan class=\"endo-eco-value\"\u003e~3 mois\u003c\/span\u003e \u003cspan class=\"endo-eco-label\"\u003eD'utilisation quotidienne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-eco-card\"\u003e\n\u003cspan class=\"endo-eco-icon\"\u003e⏳\u003c\/span\u003e \u003cspan class=\"endo-eco-value\"\u003e14 mois\u003c\/span\u003e \u003cspan class=\"endo-eco-label\"\u003eConservation (PAO)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-eco-card\"\u003e\n\u003cspan class=\"endo-eco-icon\"\u003e♻️\u003c\/span\u003e \u003cspan class=\"endo-eco-value\"\u003e100%\u003c\/span\u003e \u003cspan class=\"endo-eco-label\"\u003eRecyclable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-highlight-box\"\u003e\n\u003cp\u003e🌍 Pot en verre recyclable et réutilisable, couvercle en aluminium. Un geste pour votre peau ET pour l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"endo-section\"\u003e\n\u003ch2\u003eFabriqué artisanalement en Bretagne par Endro\u003c\/h2\u003e\n\u003cdiv class=\"endo-brand-box\"\u003e\n\u003cp class=\"endo-brand-intro\"\u003eEndro Cosmétiques est une entreprise familiale basée à \u003cstrong\u003eLannion, en Bretagne\u003c\/strong\u003e. Chaque produit est fabriqué à la main, en petites séries, avec une attention particulière à la qualité.\u003c\/p\u003e\n\u003cdiv class=\"endo-values-grid\"\u003e\n\u003cdiv class=\"endo-value-item\"\u003e\n\u003cspan\u003e📝\u003c\/span\u003e\n\u003cp\u003eFormules courtes et transparentes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-value-item\"\u003e\n\u003cspan\u003e🌱\u003c\/span\u003e\n\u003cp\u003eIngrédients bio et locaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-value-item\"\u003e\n\u003cspan\u003e📦\u003c\/span\u003e\n\u003cp\u003eEmballages minimalistes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-value-item\"\u003e\n\u003cspan\u003e🇫🇷\u003c\/span\u003e\n\u003cp\u003eProduction française artisanale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endo-value-item\"\u003e\n\u003cspan\u003e🐰\u003c\/span\u003e\n\u003cp\u003eAucun test sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 10 --\u003e\n\u003csection class=\"endo-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"endo-accordion\"\u003e\n\u003cdetails class=\"endo-accordion-item\"\u003e\n\u003csummary class=\"endo-accordion-header\"\u003e⚠️ Usage et application\u003c\/summary\u003e\n\u003cdiv class=\"endo-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eUsage externe uniquement\u003c\/li\u003e\n\u003cli\u003eÉvitez le contact avec les yeux et les muqueuses\u003c\/li\u003e\n\u003cli\u003eN'appliquez pas sur une peau lésée ou irritée\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endo-accordion-item\"\u003e\n\u003csummary class=\"endo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"endo-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eConservez à l'abri de la chaleur et de la lumière directe\u003c\/li\u003e\n\u003cli\u003eDurée de conservation : 14 mois après ouverture\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endo-accordion-item\"\u003e\n\u003csummary class=\"endo-accordion-header\"\u003e🩺 En cas de réaction\u003c\/summary\u003e\n\u003cdiv class=\"endo-accordion-content\"\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\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 11 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"endo-section\"\u003e\n\u003cdiv class=\"endo-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à vos aisselles la douceur qu'elles méritent avec ce déodorant naturel certifié bio, fabriqué avec amour en Bretagne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"endo-disclaimer\"\u003eLes informations fournies ne remplacent pas l'avis d'un professionnel de santé. Les cosmétiques naturels sont des soins externes complémentaires.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --endo-cream: #F7FAFA;\n --endo-white: #ffffff;\n --endo-primary: #4A7C8C;\n --endo-primary-dark: #3A6270;\n --endo-primary-light: #E8F4F6;\n --endo-secondary: #7FB5C5;\n --endo-accent: #A8D5BA;\n --endo-text: #1a1a1a;\n --endo-text-light: #5a6a70;\n --endo-border: #d8e8eb;\n --endo-shadow: 0 4px 24px rgba(74,124,140,.08);\n --endo-shadow-lg: 0 12px 48px rgba(74,124,140,.15);\n --endo-radius: 20px;\n --endo-radius-sm: 12px;\n}\n\n.endo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--endo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.endo-hero {\n position: relative;\n background: linear-gradient(135deg, #3A6270 0%, #4A7C8C 40%, #7FB5C5 100%);\n border-radius: var(--endo-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(--endo-shadow-lg);\n}\n\n.endo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.endo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.endo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.endo-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(--endo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.endo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.endo-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.endo-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.endo-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.endo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.endo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--endo-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.endo-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(--endo-primary), var(--endo-accent));\n border-radius: 2px;\n}\n\n.endo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--endo-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.endo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.endo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.endo-card {\n background: var(--endo-white);\n border-radius: var(--endo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--endo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.endo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--endo-shadow-lg);\n border-color: var(--endo-primary);\n}\n\n.endo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--endo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.endo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--endo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.endo-card-highlight {\n background: linear-gradient(135deg, var(--endo-primary-light) 0%, var(--endo-white) 100%);\n border-left: 4px solid var(--endo-primary);\n}\n\n.endo-grid-compact .endo-card {\n padding: 1rem;\n}\n\n.endo-grid-compact .endo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.endo-grid-compact .endo-card p {\n font-size: 12px;\n}\n\n\/* === PROBLEM\/SOLUTION === *\/\n.endo-problem-solution {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.endo-problem-box,\n.endo-solution-box {\n padding: 1.5rem;\n border-radius: var(--endo-radius);\n}\n\n.endo-problem-box {\n background: #FFF5F5;\n border: 2px solid #FFCCCC;\n}\n\n.endo-solution-box {\n background: #F0FFF4;\n border: 2px solid var(--endo-accent);\n}\n\n.endo-problem-box h3,\n.endo-solution-box h3 {\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 1rem 0;\n}\n\n.endo-problem-box h3 {\n color: #C53030;\n}\n\n.endo-solution-box h3 {\n color: #276749;\n}\n\n.endo-problem-box ul,\n.endo-solution-box ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.endo-problem-box li,\n.endo-solution-box p {\n font-size: 14px;\n line-height: 1.7;\n color: var(--endo-text);\n margin-bottom: .5rem;\n}\n\n.endo-solution-box p {\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.endo-inci-box {\n background: var(--endo-white);\n border-radius: var(--endo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--endo-shadow);\n text-align: center;\n}\n\n.endo-inci-list {\n font-size: 13px;\n color: var(--endo-text-light);\n line-height: 1.8;\n font-family: 'Courier New', monospace;\n word-break: break-word;\n margin: 0 0 1rem 0;\n}\n\n.endo-inci-note {\n font-size: 13px;\n color: var(--endo-primary);\n margin: 0 0 1.5rem 0;\n}\n\n.endo-certif-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n}\n\n.endo-certif {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: var(--endo-primary-light);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--endo-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.endo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.endo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.endo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--endo-primary), var(--endo-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.endo-timeline-content {\n flex: 1;\n background: var(--endo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--endo-radius-sm);\n box-shadow: var(--endo-shadow);\n}\n\n.endo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--endo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.endo-timeline-content p {\n font-size: 14px;\n color: var(--endo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.endo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--endo-primary-light);\n border-radius: var(--endo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.endo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.endo-tip p {\n font-size: 14px;\n color: var(--endo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.endo-highlight-box {\n background: linear-gradient(135deg, var(--endo-primary-light) 0%, #E0F4E8 100%);\n border-radius: var(--endo-radius-sm);\n padding: 1.25rem 1.5rem;\n text-align: center;\n margin-top: 1.5rem;\n border: 2px solid var(--endo-accent);\n}\n\n.endo-highlight-box p {\n font-size: 15px;\n color: var(--endo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ECO GRID === *\/\n.endo-eco-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n}\n\n.endo-eco-card {\n background: var(--endo-white);\n border-radius: var(--endo-radius);\n padding: 1.5rem 1rem;\n box-shadow: var(--endo-shadow);\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n}\n\n.endo-eco-icon {\n font-size: 28px;\n}\n\n.endo-eco-value {\n font-size: 22px;\n font-weight: 900;\n color: var(--endo-primary-dark);\n}\n\n.endo-eco-label {\n font-size: 12px;\n color: var(--endo-text-light);\n line-height: 1.4;\n}\n\n\/* === BRAND BOX === *\/\n.endo-brand-box {\n background: var(--endo-white);\n border-radius: var(--endo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--endo-shadow);\n}\n\n.endo-brand-intro {\n font-size: 15px;\n color: var(--endo-text);\n line-height: 1.7;\n text-align: center;\n margin: 0 0 1.5rem 0;\n}\n\n.endo-values-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 1rem;\n}\n\n.endo-value-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n padding: .75rem 1rem;\n background: var(--endo-primary-light);\n border-radius: var(--endo-radius-sm);\n}\n\n.endo-value-item span {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.endo-value-item p {\n font-size: 13px;\n color: var(--endo-text);\n margin: 0;\n line-height: 1.4;\n}\n\n\/* === ACCORDÉON === *\/\n.endo-accordion {\n background: var(--endo-white);\n border-radius: var(--endo-radius);\n box-shadow: var(--endo-shadow);\n overflow: hidden;\n}\n\n.endo-accordion-item {\n border-bottom: 1px solid var(--endo-border);\n margin: 0;\n padding: 0;\n}\n\n.endo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.endo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--endo-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.endo-accordion-header:hover {\n background: var(--endo-primary-light);\n}\n\n.endo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.endo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--endo-primary);\n transition: transform .2s ease;\n}\n\n.endo-accordion-item[open] .endo-accordion-header::after {\n content: '−';\n}\n\n.endo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--endo-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.endo-accordion-content p {\n margin: 0;\n}\n\n.endo-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.endo-accordion-content li {\n margin-bottom: .5rem;\n}\n\n\/* === CTA === *\/\n.endo-cta-box {\n background: linear-gradient(135deg, var(--endo-primary) 0%, var(--endo-primary-dark) 100%);\n border-radius: var(--endo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n margin-top: 2rem;\n position: relative;\n overflow: hidden;\n}\n\n.endo-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%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.05'\/%3E%3C\/svg%3E\");\n}\n\n.endo-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.endo-disclaimer {\n font-size: 12px;\n color: var(--endo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .endo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .endo-card {\n padding: 1.125rem;\n }\n \n .endo-section {\n margin-bottom: 1.75rem;\n }\n \n .endo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--endo-radius-sm);\n }\n \n .endo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .endo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .endo-grid-compact {\n gap: .625rem;\n }\n \n .endo-grid-compact .endo-card {\n padding: .75rem;\n }\n \n .endo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .endo-timeline-content {\n padding: .875rem 1rem;\n }\n \n .endo-timeline-content h3 {\n font-size: 14px;\n }\n \n .endo-timeline-content p {\n font-size: 13px;\n }\n \n .endo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .endo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .endo-eco-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .endo-eco-card {\n padding: 1rem .75rem;\n }\n \n .endo-eco-value {\n font-size: 18px;\n }\n \n .endo-problem-solution {\n gap: 1rem;\n }\n \n .endo-problem-box,\n .endo-solution-box {\n padding: 1.25rem;\n }\n \n .endo-values-grid {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .endo-card {\n animation: fadeInUp .5s ease backwards;\n }\n .endo-card:nth-child(1) { animation-delay: .05s; }\n .endo-card:nth-child(2) { animation-delay: .1s; }\n .endo-card:nth-child(3) { animation-delay: .15s; }\n .endo-card:nth-child(4) { animation-delay: .2s; }\n .endo-card:nth-child(5) { animation-delay: .25s; }\n .endo-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 .endo-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":55563262034297,"sku":"NBAIEND0116","price":9.8,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-aloe-vera-peaux-sensibles-endro-lifestyle_f302ff74-c4e8-45b7-b3d4-7e36f1586c3b.webp?v=1769698690"},{"product_id":"deodorant-solide-bergamote-endro","title":"Déodorant Solide Bergamote \u0026 Arbre à Thé - Endro","description":"\u003cdiv class=\"endro-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"endro-hero\"\u003e\n\u003cdiv class=\"endro-hero-pattern\"\u003e\u003cbr\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% naturel\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e⏱️ Efficacité 48h\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"endro-hero-title\"\u003eDéodorant Solide Bergamote \u0026amp; Arbre à Thé\u003c\/span\u003e\n\u003cp class=\"endro-subtitle\"\u003ePar Endro Cosmétiques\u003c\/p\u003e\n\u003cp class=\"endro-description\"\u003eUn baume déodorant certifié bio qui neutralise les odeurs jusqu'à 48h, avec seulement 8 ingrédients naturels. Fraîcheur d'agrumes, zéro compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003ePourquoi choisir un déodorant solide plutôt qu'un déodorant classique ?\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eLa transition vers un déodorant solide naturel représente bien plus qu'un simple changement de routine. C'est un choix conscient pour votre santé et pour la planète.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e♻️ Zéro déchet plastique\u003c\/h3\u003e\n\u003cp\u003eLe pot en verre est réutilisable et recyclable à l'infini\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧪 Formule minimaliste\u003c\/h3\u003e\n\u003cp\u003eSeulement 8 ingrédients actifs, tous d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e✅ Efficacité prouvée\u003c\/h3\u003e\n\u003cp\u003eLe bicarbonate neutralise les bactéries responsables des odeurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💚 Respect de votre peau\u003c\/h3\u003e\n\u003cp\u003eSans perturbateurs endocriniens ni substances controversées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💰 Économique\u003c\/h3\u003e\n\u003cp\u003eUn pot de 50 mL dure 2 à 3 mois d'utilisation quotidienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌬️ Laisse respirer\u003c\/h3\u003e\n\u003cp\u003eContrairement aux antitranspirants, respecte le processus naturel de sudation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eLa puissance de la bergamote et de l'arbre à thé\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eL'association de ces deux huiles essentielles forme un duo redoutablement efficace, choisi avec soin pour leurs propriétés complémentaires.\u003c\/p\u003e\n\u003cdiv class=\"endro-duo-grid\"\u003e\n\u003cdiv class=\"endro-duo-card endro-duo-bergamote\"\u003e\n\u003cdiv class=\"endro-duo-icon\"\u003e🍋\u003c\/div\u003e\n\u003ch3\u003eHuile essentielle de bergamote\u003c\/h3\u003e\n\u003cp\u003eApporte sa fraîcheur caractéristique, légèrement citronnée et florale. Au-delà de son parfum envoûtant, elle possède des \u003cstrong\u003epropriétés antibactériennes\u003c\/strong\u003e reconnues qui complètent l'action du bicarbonate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-duo-card endro-duo-teatree\"\u003e\n\u003cdiv class=\"endro-duo-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eHuile essentielle d'arbre à thé\u003c\/h3\u003e\n\u003cp\u003eCélèbre pour ses \u003cstrong\u003evertus purifiantes et assainissantes\u003c\/strong\u003e. Elle contribue à maintenir l'équilibre de la flore cutanée, limitant la prolifération des bactéries responsables des odeurs désagréables.\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\u003eLe résultat ?\u003c\/strong\u003e Un parfum frais et tonique qui vous accompagne tout au long de la journée, sans jamais être entêtant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eChez Endro, la transparence est une valeur fondamentale. Voici la liste exhaustive des ingrédients de ce déodorant solide.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n\u003cp\u003eBase nourrissante qui adoucit la peau et facilite l'application\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n\u003cp\u003eAbsorbe naturellement l'humidité pour un confort optimal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧂 Bicarbonate de sodium\u003c\/h3\u003e\n\u003cp\u003eNeutralise efficacement les bactéries responsables des odeurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌴 Cire de carnauba bio\u003c\/h3\u003e\n\u003cp\u003eConfère au baume sa texture fondante et sa tenue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🍊 HE de bergamote bio\u003c\/h3\u003e\n\u003cp\u003eParfum frais et propriétés antibactériennes naturelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🍃 HE d'arbre à thé bio\u003c\/h3\u003e\n\u003cp\u003eAction purifiante et assainissante reconnue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-info-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eAllergènes naturellement présents :\u003c\/strong\u003e Linalool, Citral, Limonene (issus des huiles essentielles)\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e80% des ingrédients sont issus de l'agriculture biologique. Certification Cosmos Organic par Cosmébio.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eComment utiliser votre déodorant baume ?\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eL'application d'un déodorant solide diffère légèrement d'un spray ou d'un stick classique. Voici la méthode pour une efficacité maximale.\u003c\/p\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\u003ePrélevez une petite quantité\u003c\/h3\u003e\n\u003cp\u003eL'équivalent d'un petit pois, à l'aide du bout des doigts\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\u003eRéchauffez légèrement\u003c\/h3\u003e\n\u003cp\u003eLe baume fond instantanément au contact de la chaleur corporelle entre vos doigts\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\u003eAppliquez sous les aisselles\u003c\/h3\u003e\n\u003cp\u003eSur peau propre et parfaitement sèche pour une efficacité optimale\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\u003eMassez doucement\u003c\/h3\u003e\n\u003cp\u003eJusqu'à absorption complète du produit\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\u003eAstuce :\u003c\/strong\u003e Pour une efficacité optimale, attendez quelques minutes avant de vous habiller. Le baume pénètre rapidement et ne tache pas les vêtements une fois absorbé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eCe déodorant solide convient-il à tout le monde ?\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eAbsolument ! Ce déodorant solide convient parfaitement à tous, quel que soit le genre. Son parfum bergamote et arbre à thé est frais et neutre, apprécié aussi bien par les hommes que par les femmes.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e⏱️ Longue durée\u003c\/h3\u003e\n\u003cp\u003eEfficace même en cas d'activité physique modérée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🖐️ Non collant\u003c\/h3\u003e\n\u003cp\u003eTexture qui sèche rapidement sans résidu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌸 Parfum discret\u003c\/h3\u003e\n\u003cp\u003eNe masque pas votre parfum ou eau de toilette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e👔 Sans traces\u003c\/h3\u003e\n\u003cp\u003eAucune marque visible sur les vêtements\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n\u003cdiv class=\"endro-accordion\"\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eNe pas appliquer sur une peau irritée, lésée ou fraîchement épilée (attendez 24 à 48 heures après l'épilation). Évitez tout contact avec les yeux ; en cas de contact, rincez abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes en raison de la présence d'huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eRéalisez un test cutané dans le pli du coude 48h avant la première utilisation si vous avez la peau sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eGardez votre pot à l'abri de la chaleur et de la lumière directe. En été, si la température dépasse 25°C, placez-le au réfrigérateur pour préserver sa texture. \u003cstrong\u003ePAO : 14 mois après ouverture.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eLa période d'adaptation : ce qu'il faut savoir\u003c\/h2\u003e\n\u003cdiv class=\"endro-testimonial\"\u003e\n\u003cp class=\"endro-testimonial-text\"\u003e\"Vous passez d'un antitranspirant conventionnel à ce déodorant naturel ? Une période d'adaptation de 2 à 4 semaines est parfois nécessaire. Votre corps doit se réhabituer à transpirer normalement et à éliminer les résidus des produits précédents.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-tip\"\u003e\n\u003cspan class=\"endro-tip-icon\"\u003e🔄\u003c\/span\u003e\n\u003cp\u003ePendant cette transition, vous pourriez remarquer une transpiration plus importante ou des odeurs différentes. \u003cstrong\u003eC'est tout à fait normal !\u003c\/strong\u003e Persistez, et vous constaterez rapidement que votre corps retrouve son équilibre naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eEndro : l'engagement d'une cosmétique bretonne responsable\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eCe déodorant est fabriqué artisanalement à Lannion, en Bretagne, par une équipe passionnée qui place l'éthique au cœur de chaque formulation.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification garantissant des ingrédients de qualité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🐰 100% vegan\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e♻️ Packaging éco\u003c\/h3\u003e\n\u003cp\u003ePot en verre, étiquette papier\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eSoutient l'économie locale bretonne\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\u003eEn choisissant Endro, vous optez pour une cosmétique qui fait sens, sans compromis sur l'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"endro-section\"\u003e\n\u003cdiv class=\"endro-cta-box\"\u003e\n\u003cp\u003e🌿 Prêt à adopter une routine naturelle et efficace ?\u003cbr\u003eFaites confiance à la puissance de la bergamote et de l'arbre à thé pour des aisselles fraîches jusqu'à 48h !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"endro-disclaimer\"\u003eLes informations fournies ne remplacent pas l'avis d'un professionnel de santé. Contient des huiles essentielles, respectez les précautions d'usage.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --endro-cream: #F7F4EE;\n --endro-white: #ffffff;\n --endro-primary: #C4A035;\n --endro-primary-dark: #8B7226;\n --endro-primary-light: #FDF8E8;\n --endro-secondary: #5A7A4A;\n --endro-secondary-light: #E8F0E4;\n --endro-accent: #E8DFC4;\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,.12);\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\/* === HERO === *\/\n.endro-hero {\n position: relative;\n background: linear-gradient(135deg, #C4A035 0%, #8B7226 50%, #5A7A4A 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,0.08) 0%, transparent 40%);\n opacity: 1;\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, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.endro-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\/* === SECTIONS === *\/\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\/* === GRILLES === *\/\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\/* === CARDS === *\/\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\/* === DUO GRID (bergamote\/tea tree) === *\/\n.endro-duo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.endro-duo-card {\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 text-align: center;\n border-top: 4px solid var(--endro-primary);\n transition: all .3s ease;\n}\n\n.endro-duo-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--endro-shadow-lg);\n}\n\n.endro-duo-bergamote {\n border-top-color: var(--endro-primary);\n}\n\n.endro-duo-teatree {\n border-top-color: var(--endro-secondary);\n}\n\n.endro-duo-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.endro-duo-card h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--endro-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.endro-duo-card p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--endro-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\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: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--endro-primary), var(--endro-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(196,160,53,.3);\n}\n\n.endro-timeline-content {\n flex: 1;\n background: var(--endro-white);\n padding: 1.25rem 1.5rem;\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 .35rem 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.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.endro-testimonial {\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: 4px solid var(--endro-primary);\n margin-bottom: 1.5rem;\n}\n\n.endro-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--endro-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.endro-accordion {\n background: var(--endro-white);\n border-radius: var(--endro-radius);\n box-shadow: var(--endro-shadow);\n overflow: hidden;\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 margin-top: 10px;\n}\n\n.endro-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\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\/* === INFO BOX === *\/\n.endro-info-box {\n background: var(--endro-secondary-light);\n border-radius: var(--endro-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n text-align: center;\n}\n\n.endro-info-box p {\n font-size: 14px;\n color: var(--endro-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.endro-info-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\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: 2rem;\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\/* === DISCLAIMER === *\/\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\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .endro-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .endro-duo-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: 36px;\n height: 36px;\n font-size: 15px;\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-testimonial {\n padding: 1.25rem;\n }\n \n .endro-testimonial-text {\n font-size: 14px;\n }\n \n .endro-duo-card {\n padding: 1.25rem;\n }\n \n .endro-duo-icon {\n font-size: 36px;\n margin-bottom: .75rem;\n }\n \n .endro-tip {\n padding: .875rem 1rem;\n }\n \n .endro-tip-icon {\n font-size: 20px;\n }\n \n .endro-tip p {\n font-size: 13px;\n }\n \n .endro-info-box {\n padding: 1rem;\n }\n \n .endro-info-box p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\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 .endro-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .endro-timeline-item:nth-child(1) { animation-delay: .1s; }\n .endro-timeline-item:nth-child(2) { animation-delay: .2s; }\n .endro-timeline-item:nth-child(3) { animation-delay: .3s; }\n .endro-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .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":55563361583481,"sku":"NBAIEND0118","price":9.8,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-bergamote-arbre-a-the-endro-lifestyle.webp?v=1769700175"},{"product_id":"deodorant-solide-palmarosa-geranium-endro","title":"Déodorant Solide Palmarosa \u0026 Géranium - Endro","description":"\u003cdiv class=\"endro-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"endro-hero\"\u003e\n\u003cdiv class=\"endro-hero-pattern\"\u003e\u003cbr\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% naturel\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e⏱️ Protection 48h\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"endro-hero-title\"\u003eDéodorant Solide Palmarosa \u0026amp; Géranium\u003c\/span\u003e\n\u003cp class=\"endro-subtitle\"\u003ePar Endro • Certifié Cosmos Organic\u003c\/p\u003e\n\u003cp class=\"endro-description\"\u003eUn véritable soin aisselles au parfum floral subtil, entre rose et géranium. Formulé avec des ingrédients d’origine naturelle, des huiles végétales, des poudres absorbantes et des huiles essentielles bio, pour une efficacité quotidienne contre les odeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce déodorant solide bio ?\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eLes déodorants conventionnels contiennent souvent des ingrédients controversés. Ce déodorant bio en baume offre une approche différente : il aide à neutraliser les mauvaises odeurs sans bloquer la transpiration naturelle.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🚫 Sans sels d'aluminium\u003c\/h3\u003e\n\u003cp\u003eIl n’obstrue pas les pores et laisse votre peau respirer naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌸 Parfum floral naturel\u003c\/h3\u003e\n\u003cp\u003eLes huiles essentielles de palmarosa et de géranium rosat apportent une senteur fraîche, végétale et légèrement rosée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💧 Sans alcool dénaturé\u003c\/h3\u003e\n\u003cp\u003eLa formule ne contient pas d’alcool dénaturé, d’éthanol ou d’alcool isopropylique, souvent associés à un effet asséchant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e✨ Efficacité naturelle\u003c\/h3\u003e\n\u003cp\u003eLe bicarbonate de sodium aide à neutraliser les odeurs, tandis que l’amidon de maïs absorbe l’excès d’humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eLes ingrédients clés et leurs bienfaits\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eLa formule associe des poudres absorbantes, des corps gras végétaux, des agents de texture et des huiles essentielles pour offrir un déodorant solide efficace, agréable à appliquer et confortable au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n\u003cp\u003eBase végétale douce, elle aide à nourrir la peau et apporte une texture agréable au baume.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n\u003cp\u003eIl absorbe l’excès d’humidité sans bloquer la transpiration naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e⚗️ Bicarbonate de sodium\u003c\/h3\u003e\n\u003cp\u003eIl aide à limiter les mauvaises odeurs en agissant sur leur développement, sans empêcher la peau de transpirer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n\u003cp\u003eIl apporte confort et souplesse à la peau, tout en participant à la texture fondante du déodorant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌿 Alcool béhénylique\u003c\/h3\u003e\n\u003cp\u003eIl s’agit d’un alcool gras utilisé comme agent de texture et stabilisant. Il ne doit pas être confondu avec les alcools asséchants comme l’alcool dénaturé ou l’éthanol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌴 Cire de carnauba bio\u003c\/h3\u003e\n\u003cp\u003eElle contribue à la tenue du déodorant solide et aide à conserver une texture stable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌹 Huile essentielle de palmarosa bio\u003c\/h3\u003e\n\u003cp\u003eElle apporte une note florale fraîche et participe au parfum naturel du déodorant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌺 Huile essentielle de géranium rosat bio\u003c\/h3\u003e\n\u003cp\u003eElle complète le parfum avec une touche végétale, douce et légèrement rosée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eComment utiliser ce déodorant baume ?\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eL'application d'un déodorant solide diffère légèrement d'un spray classique, mais vous allez vite adopter ce nouveau rituel.\u003c\/p\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\u003ePréparez la zone\u003c\/h3\u003e\n\u003cp\u003eAssurez-vous que vos aisselles sont propres et parfaitement sèches.\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\u003ePrélevez la dose\u003c\/h3\u003e\n\u003cp\u003ePrélevez une quantité équivalente à un petit pois du bout des doigts.\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\u003eFaites fondre\u003c\/h3\u003e\n\u003cp\u003eRéchauffez le baume quelques secondes entre vos doigts si nécessaire.\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\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement jusqu'à complète absorption.\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\u003eAstuce :\u003c\/strong\u003e une toute petite quantité suffit. Le bicarbonate fait son travail même en fine couche. Si vous transpirez abondamment, vous pouvez renouveler l'application en milieu de journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003ePériode de transition : ce qu'il faut savoir\u003c\/h2\u003e\n\u003cdiv class=\"endro-testimonial\"\u003e\n\u003cp class=\"endro-testimonial-text\"\u003eSi vous passez d'un antitranspirant classique à ce déodorant naturel, votre corps peut avoir besoin d'une \u003cstrong\u003epériode d'adaptation de 2 à 4 semaines\u003c\/strong\u003e. Pendant cette phase, vos aisselles peuvent se rééquilibrer et la transpiration peut temporairement évoluer. C'est une réaction fréquente lorsque l’on arrête les formules qui bloquent la transpiration.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003ePersévérez si votre peau le tolère bien.\u003c\/strong\u003e Une fois cette transition passée, vous pourrez mieux apprécier l’efficacité du déodorant au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eCe déodorant contient du bicarbonate de sodium et des huiles essentielles. Quelques précautions sont donc utiles, notamment pour les peaux sensibles.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧴 Peau sensible\u003c\/h3\u003e\n\u003cp\u003eSi des picotements ou rougeurs persistent, espacez les applications ou arrêtez l’utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e✂️ Après épilation\u003c\/h3\u003e\n\u003cp\u003eAttendez 24h avant d'appliquer le déodorant sur une peau fraîchement épilée ou rasée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🤰 Grossesse\u003c\/h3\u003e\n\u003cp\u003eDéconseillé pendant la grossesse et l'allaitement en raison de la présence d'huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e👁️ Contact yeux\u003c\/h3\u003e\n\u003cp\u003eÉvitez le contact avec les yeux et n'appliquez pas sur une peau lésée ou irritée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"endro-accordion\"\u003e\n\u003cdetails open=\"\" class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eHELIANTHUS ANNUUS (SUNFLOWER) SEED OIL*, ZEA MAYS (CORN) STARCH*, SODIUM BICARBONATE, BUTYROSPERMUM PARKII (SHEA) BUTTER, BEHENYL ALCOHOL, COPERNICIA CERIFERA (CARNAUBA) WAX*, TOCOPHEROL, GERANIOL, CYMBOPOGON MARTINI HERB OIL*, PELARGONIUM GRAVEOLENS FLOWER OIL*, CITRONELLOL, LINALOOL, GERANYL ACETATE, BETA-CARYOPHYLLENE, CITRAL, TERPINEOL, FARNESOL, LINALYL ACETATE, LIMONENE, PINENE, MENTHOL, TERPINOLENE.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: .75rem; font-size: 13px;\"\u003e\u003cem\u003e*Ingrédients issus de l’agriculture biologique.\u003c\/em\u003e\u003cbr\u003e\u003cem\u003eLes composés comme le géraniol, le citronellol, le linalol, le citral, le limonène ou le farnésol sont des allergènes naturellement présents dans les huiles essentielles.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endro-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e🌿 À propos de l’alcool béhénylique\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eLa formule contient de l’alcool béhénylique. Il s’agit d’un alcool gras utilisé en cosmétique pour améliorer la texture, la stabilité et le confort d’application du produit. Il ne s’agit pas d’alcool dénaturé, d’éthanol ou d’alcool isopropylique, qui sont les alcools généralement associés à un effet asséchant ou irritant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e🏅 Certification\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003e80% du total des ingrédients\u003c\/strong\u003e sont issus de l’Agriculture Biologique. Produit certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e par Ecocert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eFormat et durée d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n\u003cp\u003e50 mL\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e⏳ Durée moyenne\u003c\/h3\u003e\n\u003cp\u003e2 à 3 mois d'utilisation selon la quantité appliquée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e📅 PAO\u003c\/h3\u003e\n\u003cp\u003e14 mois après ouverture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧊 Conservation\u003c\/h3\u003e\n\u003cp\u003eÀ conserver à l'abri de la chaleur. Placer au frais si la texture devient trop molle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eLes engagements Endro\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eEn choisissant ce déodorant bio, vous soutenez une marque française engagée, attachée aux formules naturelles et aux emballages plus durables.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🏭 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eChaque pot est produit à Lannion, en Bretagne, dans les Côtes-d'Armor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🐰 Certification vegan\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient d'origine animale, aucun test sur les animaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e♻️ Démarche zéro déchet\u003c\/h3\u003e\n\u003cp\u003ePot en verre réutilisable et recyclable, pensé pour limiter les emballages jetables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧪 Formule certifiée bio\u003c\/h3\u003e\n\u003cp\u003eUne formule courte, certifiée bio, pensée pour l’efficacité et le confort d’application.\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\u003eVous pouvez réutiliser le pot vide pour y ranger de petits objets, ou le rapporter en magasin si un système de consigne est proposé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"endro-section\"\u003e\n\u003ch2\u003eQuestions fréquentes sur ce déodorant naturel\u003c\/h2\u003e\n\u003cdiv class=\"endro-accordion\"\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e🚿 Ce déodorant empêche-t-il de transpirer ?\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eNon, et c'est volontaire. La transpiration est un processus naturel essentiel à la régulation thermique du corps. Ce déodorant aide à neutraliser les odeurs sans bloquer la sudation, contrairement aux antitranspirants à base de sels d'aluminium.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e👟 Puis-je l'utiliser pour les chaussures ?\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eCe produit est formulé spécifiquement pour les aisselles. Pour les chaussures, il vaut mieux privilégier un produit adapté à cet usage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e🧈 La texture est-elle grasse ?\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eLe baume fond rapidement au contact de la peau. En appliquant une petite quantité, il pénètre facilement et limite les traces sur les vêtements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e🌸 Convient-il aux peaux sensibles ?\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eLe bicarbonate de sodium et les huiles essentielles peuvent ne pas convenir à certaines peaux très réactives. Il est conseillé de faire un test dans le pli du coude 24h avant la première utilisation. En cas d’inconfort persistant, arrêtez l’utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endro-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e🌿 Pourquoi y a-t-il de l’alcool béhénylique dans la composition ?\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eL’alcool béhénylique est un alcool gras utilisé comme agent de texture et stabilisant. Il ne s’agit pas d’un alcool dénaturé, d’éthanol ou d’alcool isopropylique. Sa présence permet d’améliorer la tenue et le confort d’application du déodorant solide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à vos aisselles un soin naturel et efficace.\u003cbr\u003eFabriqué en Bretagne, certifié bio et vegan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"endro-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. 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 --endro-cream: #F9F6F3;\n --endro-white: #ffffff;\n --endro-primary: #C4847A;\n --endro-primary-dark: #9B635A;\n --endro-primary-light: #F5EBE8;\n --endro-secondary: #E85A4F;\n --endro-accent: #8B6B61;\n --endro-text: #1a1a1a;\n --endro-text-light: #5a5a5a;\n --endro-border: #e8e0dc;\n --endro-shadow: 0 4px 24px rgba(156,99,90,.1);\n --endro-shadow-lg: 0 12px 48px rgba(156,99,90,.18);\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\/* === HERO === *\/\n.endro-hero {\n position: relative;\n background: linear-gradient(135deg, #C4847A 0%, #D4968C 40%, #E85A4F 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%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: .6;\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 .75rem 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(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.endro-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\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: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\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-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\/* === CARDS === *\/\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\/* === TIMELINE === *\/\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: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--endro-primary), var(--endro-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(200,132,122,.3);\n}\n\n.endro-timeline-content {\n flex: 1;\n background: var(--endro-white);\n padding: 1.25rem 1.5rem;\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 .35rem 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.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.endro-testimonial {\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: 4px solid var(--endro-primary);\n}\n\n.endro-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--endro-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TIP === *\/\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\/* === ACCORDÉON === *\/\n.endro-accordion {\n background: var(--endro-white);\n border-radius: var(--endro-radius);\n box-shadow: var(--endro-shadow);\n overflow: hidden;\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\/* === CTA === *\/\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: 2rem;\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\/* === DISCLAIMER === *\/\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\/* === RESPONSIVE MOBILE === *\/\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: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .endro-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .endro-timeline-content h3 {\n font-size: 15px;\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-testimonial {\n padding: 1.25rem;\n }\n \n .endro-testimonial-text {\n font-size: 14px;\n }\n \n .endro-tip {\n padding: .875rem 1rem;\n gap: .75rem;\n }\n \n .endro-tip-icon {\n font-size: 20px;\n }\n \n .endro-tip p {\n font-size: 13px;\n }\n \n .endro-badges-top {\n gap: 6px;\n }\n \n .endro-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .endro-card {\n animation: endroFadeInUp .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 .endro-timeline-item {\n animation: endroFadeInUp .5s ease backwards;\n }\n .endro-timeline-item:nth-child(1) { animation-delay: .1s; }\n .endro-timeline-item:nth-child(2) { animation-delay: .2s; }\n .endro-timeline-item:nth-child(3) { animation-delay: .3s; }\n .endro-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes endroFadeInUp {\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 .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":55563397857657,"sku":"NBAIEND0117","price":9.8,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-palmarosa-geranium-endro-lifestyle.webp?v=1769759560"},{"product_id":"deodorant-solide-coco-endro","title":"Déodorant Solide Coco - Endro","description":"\u003cdiv class=\"deo-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"deo-hero\"\u003e\n\u003cdiv class=\"deo-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"deo-hero-content\"\u003e\n\u003cdiv class=\"deo-badges-top\"\u003e\n\u003cspan class=\"deo-badge\"\u003e🥥 Notes de coco\u003c\/span\u003e \u003cspan class=\"deo-badge\"\u003e⏱️ 48h d'efficacité\u003c\/span\u003e \u003cspan class=\"deo-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"deo-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"deo-hero-title\"\u003eDéodorant Solide Coco Endro\u003c\/span\u003e\n\u003cp class=\"deo-subtitle\"\u003eLe baume onctueux qui neutralise les odeurs naturellement\u003c\/p\u003e\n\u003cp class=\"deo-description\"\u003eSeulement 4 ingrédients bio pour une protection longue durée. Certifié bio, fabriqué artisanalement en Bretagne, conditionné en pot de verre consigné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce déodorant solide naturel ?\u003c\/h2\u003e\n\u003cp class=\"deo-section-intro\"\u003eFace à la multitude de déodorants disponibles, voici ce qui rend celui-ci différent pour votre routine quotidienne.\u003c\/p\u003e\n\u003cdiv class=\"deo-grid\"\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e⏱️ Efficacité 48 heures\u003c\/h3\u003e\n\u003cp\u003eL'huile de coco bio et le bicarbonate créent un environnement défavorable aux bactéries responsables des odeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🔍 Formule 100% transparente\u003c\/h3\u003e\n\u003cp\u003eSeulement 4 ingrédients, tous d'origine naturelle, dont 80% issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e✨ Confort remarquable\u003c\/h3\u003e\n\u003cp\u003eTexture baume fondante au contact de la peau, fini poudré grâce à l'amidon de maïs. Zéro sensation grasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Adapté à tous\u003c\/h3\u003e\n\u003cp\u003eSans huiles essentielles ni allergènes majeurs : peaux sensibles, femmes enceintes, enfants dès 3 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌍 Engagement écologique\u003c\/h3\u003e\n\u003cp\u003ePot en verre consigné et réutilisable, fabrication artisanale et locale en Bretagne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e👗 Vêtements préservés\u003c\/h3\u003e\n\u003cp\u003eAucune trace sur vos vêtements quand vous respectez le dosage. Moins, c'est mieux !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eComment fonctionne ce déodorant bio solide ?\u003c\/h2\u003e\n\u003cp class=\"deo-section-intro\"\u003eLa transpiration elle-même n'a pas d'odeur. Ce sont les bactéries qui, en dégradant la sueur, produisent ces odeurs désagréables. Ce déodorant agit intelligemment sur ce mécanisme.\u003c\/p\u003e\n\u003cdiv class=\"deo-grid\"\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n\u003cp\u003ePropriétés antibactériennes naturelles grâce à sa richesse en acide laurique. Limite la prolifération des bactéries tout en nourrissant la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e⚗️ Bicarbonate de sodium\u003c\/h3\u003e\n\u003cp\u003eNeutralise les acides responsables des odeurs et maintient un pH défavorable au développement bactérien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌽 Amidon de maïs bio\u003c\/h3\u003e\n\u003cp\u003eAbsorbe l'excès d'humidité pour vous garder au sec, tout en offrant cette texture poudrée si agréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌴 Cire de carnauba bio\u003c\/h3\u003e\n\u003cp\u003eAssure la cohésion du baume et lui confère sa texture fondante caractéristique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-tip\"\u003e\n\u003cspan class=\"deo-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e votre corps transpire normalement (essentiel pour réguler votre température), mais sans aucune odeur gênante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eComposition complète du Déodorant Solide Coco\u003c\/h2\u003e\n\u003cp class=\"deo-section-intro\"\u003eLa transparence est au cœur de la philosophie Endro. Voici la liste exhaustive des ingrédients.\u003c\/p\u003e\n\u003cdiv class=\"deo-composition-box\"\u003e\n\u003cdiv class=\"deo-inci\"\u003e\n\u003cstrong\u003eINCI :\u003c\/strong\u003e Cocos Nucifera Oil*, Zea Mays Starch*, Sodium Bicarbonate, Copernicia Cerifera Wax* \u003cbr\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-grid\"\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🥥 Cocos Nucifera Oil\u003c\/h3\u003e\n\u003cp\u003eHuile de coco bio : base nourrissante et antibactérienne, parfum naturel de noix de coco sans ajout synthétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌽 Zea Mays Starch\u003c\/h3\u003e\n\u003cp\u003eAmidon de maïs bio : poudre absorbante végétale qui régule l'humidité et procure un toucher sec.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e⚗️ Sodium Bicarbonate\u003c\/h3\u003e\n\u003cp\u003eBicarbonate de sodium : agent neutralisant qui élimine les odeurs sans irriter grâce à un dosage équilibré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌴 Copernicia Cerifera Wax\u003c\/h3\u003e\n\u003cp\u003eCire de carnauba bio : cire végétale brésilienne qui structure le baume et facilite son application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-sans-box\"\u003e\n\u003cstrong\u003e🚫 Ce que ce déodorant ne contient PAS :\u003c\/strong\u003e\n\u003cp\u003eAluminium, alcool, parfum de synthèse, huiles essentielles, conservateurs, parabènes, phénoxyéthanol, PEG, silicones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eComment appliquer votre déodorant solide ?\u003c\/h2\u003e\n\u003cp class=\"deo-section-intro\"\u003eL'utilisation d'un déodorant solide en baume peut sembler déroutante au début. Rassurez-vous, c'est très simple !\u003c\/p\u003e\n\u003cdiv class=\"deo-timeline\"\u003e\n\u003cdiv class=\"deo-timeline-item\"\u003e\n\u003cdiv class=\"deo-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-content\"\u003e\n\u003ch3\u003ePrélevez une petite quantité\u003c\/h3\u003e\n\u003cp\u003eL'équivalent d'une petite noisette suffit pour les deux aisselles. Avec le bout des doigts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-item\"\u003e\n\u003cdiv class=\"deo-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-content\"\u003e\n\u003ch3\u003eFaites fondre entre vos doigts\u003c\/h3\u003e\n\u003cp\u003eFrottez brièvement pour faire fondre le produit grâce à la chaleur de vos mains.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-item\"\u003e\n\u003cdiv class=\"deo-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-content\"\u003e\n\u003ch3\u003eAppliquez en massant\u003c\/h3\u003e\n\u003cp\u003eSous chaque aisselle, sur peau propre et sèche, en massant légèrement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-item\"\u003e\n\u003cdiv class=\"deo-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-content\"\u003e\n\u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n\u003cp\u003eQuelques secondes suffisent avant de vous habiller. Une application = 48h de protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-tip\"\u003e\n\u003cspan class=\"deo-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce importante :\u003c\/strong\u003e évitez d'appliquer une quantité excessive. Un excès pourrait laisser des traces blanches sur les vêtements foncés. Moins, c'est mieux avec ce déodorant concentré !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eConseils pratiques selon les saisons\u003c\/h2\u003e\n\u003cp class=\"deo-section-intro\"\u003eLa texture de ce baume varie légèrement selon la température ambiante, c'est tout à fait normal pour un produit naturel.\u003c\/p\u003e\n\u003cdiv class=\"deo-grid\"\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e❄️ En hiver ou temps froid\u003c\/h3\u003e\n\u003cp\u003eLe baume peut durcir. Utilisez une petite spatule en bois pour gratter la surface, ou réchauffez le pot dans vos mains avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e☀️ En été ou forte chaleur\u003c\/h3\u003e\n\u003cp\u003eLe produit devient plus souple et fondant. C'est normal et n'altère pas son efficacité. Conservez à l'abri du soleil direct.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🪒 Après l'épilation\/rasage\u003c\/h3\u003e\n\u003cp\u003eAttendez quelques heures avant d'appliquer le déodorant sur des aisselles fraîchement épilées ou rasées. L'huile de coco apaisera les irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eCe déodorant solide est-il fait pour vous ?\u003c\/h2\u003e\n\u003cp class=\"deo-section-intro\"\u003eCe déodorant bio solide s'adresse à un large public. Voici les profils qui en tireront le meilleur parti.\u003c\/p\u003e\n\u003cdiv class=\"deo-grid-compact\"\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSans huiles essentielles, alcool ni parfum synthétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n\u003cp\u003eSans ingrédient déconseillé pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e👶 Parents\u003c\/h3\u003e\n\u003cp\u003eAdapté aux enfants dès 3 ans, parfait pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eComposition irréprochable pour hommes et femmes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌍 Éco-conscients\u003c\/h3\u003e\n\u003cp\u003ePot consigné et fabrication bretonne locale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e👔 Actifs pressés\u003c\/h3\u003e\n\u003cp\u003eUne seule application = 48h de tranquillité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-tip\"\u003e\n\u003cspan class=\"deo-tip-icon\"\u003e📝\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eÀ noter :\u003c\/strong\u003e si vous êtes très sensible au bicarbonate de sodium (rougeurs, irritations), testez d'abord sur une petite zone avant une utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eTransition vers un déodorant naturel : à quoi s'attendre ?\u003c\/h2\u003e\n\u003cp class=\"deo-section-intro\"\u003eSi vous passez d'un anti-transpirant conventionnel à ce déodorant solide naturel, votre corps peut avoir besoin d'une période d'adaptation de 2 à 4 semaines.\u003c\/p\u003e\n\u003cdiv class=\"deo-timeline\"\u003e\n\u003cdiv class=\"deo-timeline-item\"\u003e\n\u003cdiv class=\"deo-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-content\"\u003e\n\u003ch3\u003eComprendre le mécanisme\u003c\/h3\u003e\n\u003cp\u003eLes anti-transpirants classiques bloquent les glandes sudoripares avec des sels d'aluminium. En arrêtant, votre corps doit se réguler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-item\"\u003e\n\u003cdiv class=\"deo-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-content\"\u003e\n\u003ch3\u003ePhase de transition\u003c\/h3\u003e\n\u003cp\u003eVous pourriez transpirer davantage ou sentir un peu plus fort pendant cette phase. Ne vous découragez pas !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-item\"\u003e\n\u003cdiv class=\"deo-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-content\"\u003e\n\u003ch3\u003eÉquilibre retrouvé\u003c\/h3\u003e\n\u003cp\u003eAprès 2-4 semaines, l'équilibre naturel de votre peau se rétablit et le déodorant devient pleinement efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-tip\"\u003e\n\u003cspan class=\"deo-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e pendant cette transition, n'hésitez pas à appliquer le déodorant deux fois par jour si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eConservation et durée d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"deo-grid-compact\"\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n\u003cp\u003e50 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e📅 PAO\u003c\/h3\u003e\n\u003cp\u003e14 mois après ouverture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e⏳ Durée moyenne\u003c\/h3\u003e\n\u003cp\u003e2 à 3 mois d'utilisation quotidienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌡️ Conservation\u003c\/h3\u003e\n\u003cp\u003eÀ l'abri de la chaleur et lumière directe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e♻️ Emballage\u003c\/h3\u003e\n\u003cp\u003ePot en verre consigné\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🔩 Couvercle\u003c\/h3\u003e\n\u003cp\u003eAluminium recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eL'engagement Endro : une cosmétique qui a du sens\u003c\/h2\u003e\n\u003cp class=\"deo-section-intro\"\u003eChoisir ce déodorant solide bio, c'est soutenir une marque française engagée.\u003c\/p\u003e\n\u003cdiv class=\"deo-grid\"\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🏭 Fabrication artisanale\u003c\/h3\u003e\n\u003cp\u003eChaque pot est élaboré avec soin en Bretagne, en petites quantités pour garantir la fraîcheur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌱 Ingrédients 100% naturels\u003c\/h3\u003e\n\u003cp\u003ePas de pétrochimie, pas de composants douteux. Que du végétal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🏅 Certification bio\u003c\/h3\u003e\n\u003cp\u003eLe label garantit le respect de cahiers des charges stricts et exigeants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e♻️ Système de consigne\u003c\/h3\u003e\n\u003cp\u003eRapportez vos pots vides pour qu'ils soient stérilisés et réutilisés. Zéro déchet.\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=\"deo-section\"\u003e\n\u003cdiv class=\"deo-cta-box\"\u003e\n\u003cp\u003e🥥 Adoptez une routine hygiène naturelle et efficace avec le Déodorant Solide Coco Endro : 48h de fraîcheur, 4 ingrédients bio, zéro compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"deo-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\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --deo-cream: #FAF8F5;\n --deo-white: #ffffff;\n --deo-primary: #8B6F5C;\n --deo-primary-dark: #5D4A3C;\n --deo-primary-light: #F5EDE8;\n --deo-secondary: #A68B7A;\n --deo-accent: #C4A68A;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e8e0d8;\n --deo-shadow: 0 4px 24px rgba(93,74,60,.08);\n --deo-shadow-lg: 0 12px 48px rgba(93,74,60,.15);\n --deo-radius: 20px;\n --deo-radius-sm: 12px;\n}\n\n.deo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--deo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #A68B7A 0%, #8B6F5C 50%, #5D4A3C 100%);\n border-radius: var(--deo-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(--deo-shadow-lg);\n}\n\n.deo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.deo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.deo-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(--deo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.deo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.deo-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.deo-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.deo-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.deo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.deo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--deo-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.deo-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(--deo-primary), var(--deo-accent));\n border-radius: 2px;\n}\n\n.deo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-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.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.deo-card {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--deo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.deo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--deo-shadow-lg);\n border-color: var(--deo-primary);\n}\n\n.deo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--deo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.deo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.deo-grid-compact .deo-card {\n padding: 1rem;\n}\n\n.deo-grid-compact .deo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.deo-grid-compact .deo-card p {\n font-size: 12px;\n}\n\n.deo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.deo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.deo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--deo-primary), var(--deo-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.deo-timeline-content {\n flex: 1;\n background: var(--deo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--deo-radius-sm);\n box-shadow: var(--deo-shadow);\n}\n\n.deo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--deo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.deo-timeline-content p {\n font-size: 14px;\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.deo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--deo-primary-light);\n border-radius: var(--deo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.deo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.deo-tip p {\n font-size: 14px;\n color: var(--deo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.deo-composition-box {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: var(--deo-shadow);\n border-left: 4px solid var(--deo-primary);\n}\n\n.deo-inci {\n font-size: 14px;\n color: var(--deo-text);\n line-height: 1.7;\n}\n\n.deo-inci em {\n color: var(--deo-text-light);\n}\n\n.deo-sans-box {\n background: linear-gradient(135deg, #fef3f3 0%, #fff8f5 100%);\n border-radius: var(--deo-radius-sm);\n padding: 1.25rem;\n margin-top: 1.5rem;\n border: 1px solid #f0d8d8;\n}\n\n.deo-sans-box strong {\n display: block;\n color: var(--deo-primary-dark);\n margin-bottom: .5rem;\n font-size: 15px;\n}\n\n.deo-sans-box p {\n font-size: 13px;\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.deo-cta-box {\n background: linear-gradient(135deg, var(--deo-primary) 0%, var(--deo-primary-dark) 100%);\n border-radius: var(--deo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.deo-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.deo-disclaimer {\n font-size: 12px;\n color: var(--deo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .deo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .deo-card {\n padding: 1.125rem;\n }\n \n .deo-section {\n margin-bottom: 1.75rem;\n }\n \n .deo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--deo-radius-sm);\n }\n \n .deo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .deo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .deo-grid-compact {\n gap: .625rem;\n }\n \n .deo-grid-compact .deo-card {\n padding: .75rem;\n }\n \n .deo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .deo-timeline-content {\n padding: .875rem 1rem;\n }\n \n .deo-timeline-content h3 {\n font-size: 14px;\n }\n \n .deo-timeline-content p {\n font-size: 13px;\n }\n \n .deo-composition-box {\n padding: 1.125rem;\n }\n \n .deo-inci {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: fadeInUp .5s ease backwards;\n }\n .deo-card:nth-child(1) { animation-delay: .05s; }\n .deo-card:nth-child(2) { animation-delay: .1s; }\n .deo-card:nth-child(3) { animation-delay: .15s; }\n .deo-card:nth-child(4) { animation-delay: .2s; }\n .deo-card:nth-child(5) { animation-delay: .25s; }\n .deo-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 .deo-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":55570686116217,"sku":"NBAIEND0119","price":9.8,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-coco-endro-benefits_b31488f8-e2b1-4a7b-84c5-b86e805a1ad1.webp?v=1769696084"},{"product_id":"huile-lactee-demaquillante-endro","title":"Huile Lactée Démaquillante Visage, Yeux \u0026 Lèvres - Huile de Prune - 100 ml Endro","description":"\u003cdiv class=\"hld-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"hld-hero\"\u003e\n\u003cdiv class=\"hld-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hld-hero-content\"\u003e\n\u003cdiv class=\"hld-badges-top\"\u003e\n\u003cspan class=\"hld-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"hld-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e \u003cspan class=\"hld-badge\"\u003e🍃 5 ingrédients\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hld-hero-title\"\u003eHuile Lactée Démaquillante\u003c\/span\u003e\n\u003cp class=\"hld-subtitle\"\u003eVisage, Yeux \u0026amp; Lèvres • Huile de Prune Bio • 100 ml\u003c\/p\u003e\n\u003cp class=\"hld-description\"\u003eL'huile qui se transforme en lait au contact de l'eau. Démaquillage sensoriel et efficace, même sur le waterproof.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003eL'huile démaquillante visage qui se transforme en lait : une révolution pour votre rituel beauté\u003c\/h2\u003e\n\u003cp class=\"hld-section-intro\"\u003eUne texture huileuse qui, au contact de l'eau, se métamorphose en un lait doux et onctueux. Fini le film gras, bonjour la peau nette et confortable.\u003c\/p\u003e\n\u003cdiv class=\"hld-grid-compact\"\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e✨ Texture magique\u003c\/h3\u003e\n\u003cp\u003eSe transforme en lait au rinçage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🎯 Ultra efficace\u003c\/h3\u003e\n\u003cp\u003eMême sur le waterproof\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🌸 Tout-en-un\u003c\/h3\u003e\n\u003cp\u003eVisage, yeux et lèvres\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🍑 Huiles françaises\u003c\/h3\u003e\n\u003cp\u003ePrune \u0026amp; tournesol bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003ePourquoi choisir une huile pour se démaquiller ?\u003c\/h2\u003e\n\u003cdiv class=\"hld-feature-box\"\u003e\n\u003cdiv class=\"hld-feature-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eLe principe est simple mais redoutablement efficace :\u003c\/strong\u003e les corps gras attirent les corps gras. Le maquillage, le sébum et les impuretés sont dissous naturellement, sans frotter ni agresser votre épiderme.\u003cspan class=\"hld-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"hld-tip\"\u003e\n\u003cp\u003e💡 Contrairement aux idées reçues, l'huile démaquillante convient à tous les types de peaux, y compris les peaux grasses. Elle préserve le film hydrolipidique naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003eLes trésors de cette formule : deux huiles françaises d'exception\u003c\/h2\u003e\n\u003cdiv class=\"hld-grid\"\u003e\n\u003cdiv class=\"hld-card hld-card-highlight\"\u003e\n\u003ch3\u003e🍑 Huile de prune bio\u003c\/h3\u003e\n\u003cp class=\"hld-card-subtitle\"\u003eL'or violet du Sud-Ouest\u003c\/p\u003e\n\u003cul class=\"hld-card-list\"\u003e\n\u003cli\u003e✓ Éclat et luminosité\u003c\/li\u003e\n\u003cli\u003e✓ Souplesse et élasticité\u003c\/li\u003e\n\u003cli\u003e✓ Protection antioxydante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"hld-card-note\"\u003eParfum subtil d'amande douce\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card hld-card-highlight\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n\u003cp class=\"hld-card-subtitle\"\u003eLa douceur à l'état pur\u003c\/p\u003e\n\u003cul class=\"hld-card-list\"\u003e\n\u003cli\u003e✓ Nutrition intense\u003c\/li\u003e\n\u003cli\u003e✓ Action adoucissante\u003c\/li\u003e\n\u003cli\u003e✓ Effet protecteur\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"hld-card-note\"\u003eRiche en vitamine E \u0026amp; oméga-6\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n\u003cp class=\"hld-section-intro\"\u003eSeulement \u003cstrong\u003e5 ingrédients\u003c\/strong\u003e. Pas de superflu, juste ce dont votre peau a besoin.\u003c\/p\u003e\n\u003cdiv class=\"hld-ingredients-box\"\u003e\n\u003cdiv class=\"hld-ingredient\"\u003e\n\u003cspan class=\"hld-ingredient-name\"\u003eHelianthus Annuus Seed Oil*\u003c\/span\u003e \u003cspan class=\"hld-ingredient-role\"\u003eBase nettoyante et nourrissante\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-ingredient\"\u003e\n\u003cspan class=\"hld-ingredient-name\"\u003ePrunus Domestica Seed Oil*\u003c\/span\u003e \u003cspan class=\"hld-ingredient-role\"\u003eSoin antioxydant et embellisseur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-ingredient\"\u003e\n\u003cspan class=\"hld-ingredient-name\"\u003ePolyglyceryl-4 Oleate\u003c\/span\u003e \u003cspan class=\"hld-ingredient-role\"\u003eÉmulsifiant végétal (effet lacté)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-ingredient\"\u003e\n\u003cspan class=\"hld-ingredient-name\"\u003eTocopherol\u003c\/span\u003e \u003cspan class=\"hld-ingredient-role\"\u003eVitamine E naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-badges-inline\"\u003e\n\u003cspan class=\"hld-badge-small\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"hld-badge-small\"\u003e🚫 Sans parfum\u003c\/span\u003e \u003cspan class=\"hld-badge-small\"\u003e🚫 Sans HE\u003c\/span\u003e \u003cspan class=\"hld-badge-small\"\u003e*Bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003eComment utiliser votre huile démaquillante ? Le rituel parfait\u003c\/h2\u003e\n\u003cdiv class=\"hld-timeline\"\u003e\n\u003cdiv class=\"hld-timeline-item\"\u003e\n\u003cspan class=\"hld-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"hld-timeline-content\"\u003e\n\u003ch3\u003eApplication sur peau sèche\u003c\/h3\u003e\n\u003cp\u003ePrélevez \u003cstrong\u003e2 à 3 pressions\u003c\/strong\u003e d'huile. Appliquez sur visage sec, yeux fermés et lèvres inclus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-timeline-item\"\u003e\n\u003cspan class=\"hld-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"hld-timeline-content\"\u003e\n\u003ch3\u003eMassage circulaire\u003c\/h3\u003e\n\u003cp\u003eMassez 1-2 minutes en \u003cstrong\u003emouvements circulaires\u003c\/strong\u003e. Insistez sur les zones avec maquillage tenace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-timeline-item\"\u003e\n\u003cspan class=\"hld-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"hld-timeline-content\"\u003e\n\u003ch3\u003eLa magie du lait\u003c\/h3\u003e\n\u003cp\u003eHumidifiez vos mains et massez à nouveau. L'huile devient un \u003cstrong\u003elait blanc et doux\u003c\/strong\u003e. Rincez à l'eau tiède.\u003cspan class=\"hld-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-tip\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e Pour un maquillage waterproof très résistant, effectuez un second passage avec une petite quantité d'huile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003eHuile démaquillante ou huile de jojoba pure : quelle différence ?\u003c\/h2\u003e\n\u003cdiv class=\"hld-comparison\"\u003e\n\u003cdiv class=\"hld-comparison-item hld-comparison-vs\"\u003e\n\u003ch3\u003e🥥 Huiles pures (jojoba, coco...)\u003c\/h3\u003e\n\u003cp\u003eEfficaces pour dissoudre le maquillage mais nécessitent un \u003cstrong\u003enettoyant supplémentaire\u003c\/strong\u003e pour être parfaitement éliminées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-comparison-item hld-comparison-win\"\u003e\n\u003ch3\u003e✨ Huile Lactée Endro\u003c\/h3\u003e\n\u003cp\u003eGrâce à son \u003cstrong\u003eémulsifiant végétal\u003c\/strong\u003e, elle se mélange à l'eau et se transforme en lait. Peau nettoyée en \u003cstrong\u003eune seule étape\u003c\/strong\u003e, sans résidu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003ePour qui est conçue cette huile nettoyante ?\u003c\/h2\u003e\n\u003cp class=\"hld-section-intro\"\u003eFormule sans parfum et sans huiles essentielles, adaptée à pratiquement tout le monde.\u003c\/p\u003e\n\u003cdiv class=\"hld-grid\"\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eLa douceur des huiles végétales apaise et réconforte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e💧 Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eL'effet nourrissant compense les pertes en lipides\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e✨ Peaux mixtes\/grasses\u003c\/h3\u003e\n\u003cp\u003eL'huile régule naturellement la production de sébum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🌟 Peaux matures\u003c\/h3\u003e\n\u003cp\u003eLes antioxydants combattent le vieillissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n\u003cp\u003eFormule 100% sûre, sans ingrédients à éviter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e👁️ Porteurs de lentilles\u003c\/h3\u003e\n\u003cp\u003eSe rince parfaitement, aucun film résiduel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003eDurée d'utilisation et conservation\u003c\/h2\u003e\n\u003cdiv class=\"hld-grid-compact\"\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e📦 100 ml\u003c\/h3\u003e\n\u003cp\u003e3 à 6 mois d'utilisation quotidienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e⏱️ PAO 14 mois\u003c\/h3\u003e\n\u003cp\u003eAprès ouverture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-accordion\"\u003e\n\u003cdetails class=\"hld-accordion-item\"\u003e\n\u003csummary class=\"hld-accordion-header\"\u003e🧴 Conseils de conservation\u003c\/summary\u003e\n\u003cdiv class=\"hld-accordion-content\"\u003e\n\u003cp\u003e• Conservez à l'abri de la lumière directe et de la chaleur\u003cbr\u003e• Refermez bien le flacon 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 10 --\u003e\n\u003csection class=\"hld-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"hld-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eLes 5 bonnes raisons d'adopter cette huile démaquillante bio\u003c\/h2\u003e\n\u003cdiv class=\"hld-grid\"\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🎯 Efficacité prouvée\u003c\/h3\u003e\n\u003cp\u003eÉlimine tous types de maquillage, même waterproof, sans frotter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🌿 Formule ultra-pure\u003c\/h3\u003e\n\u003cp\u003eSeulement 5 ingrédients, 100% d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e✨ Texture innovante\u003c\/h3\u003e\n\u003cp\u003eSe transforme en lait pour un rinçage parfait sans film gras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🌸 Ultra-douce\u003c\/h3\u003e\n\u003cp\u003eSans parfum, sans HE, testée ophtalmologiquement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e♻️ Éco-engagée\u003c\/h3\u003e\n\u003cp\u003eFlacon verre consigné, fabrication bretonne, certifiée bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-cta-box\"\u003e\n\u003cp\u003eOffrez à votre peau un démaquillage tout en douceur.\u003cbr\u003ePlus qu'un simple démaquillant, un véritable moment de bien-être. ✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --hld-cream: #FAF7F5;\n --hld-white: #ffffff;\n --hld-primary: #9E5A63;\n --hld-primary-dark: #7A3B44;\n --hld-primary-light: #F5ECED;\n --hld-secondary: #D4A574;\n --hld-accent: #C4848D;\n --hld-text: #1a1a1a;\n --hld-text-light: #5a5a5a;\n --hld-border: #e8e0dd;\n --hld-shadow: 0 4px 24px rgba(158,90,99,.08);\n --hld-shadow-lg: 0 12px 48px rgba(122,59,68,.15);\n --hld-radius: 20px;\n --hld-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hld-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hld-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hld-hero {\n position: relative;\n background: linear-gradient(135deg, var(--hld-primary) 0%, var(--hld-accent) 50%, var(--hld-secondary) 100%);\n border-radius: var(--hld-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(--hld-shadow-lg);\n}\n\n.hld-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.hld-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hld-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hld-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(--hld-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hld-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hld-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.hld-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.hld-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.6;\n}\n\n\/* === SECTIONS === *\/\n.hld-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hld-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hld-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.hld-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(--hld-primary), var(--hld-secondary));\n border-radius: 2px;\n}\n\n.hld-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hld-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.hld-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hld-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.hld-card {\n background: var(--hld-white);\n border-radius: var(--hld-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hld-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hld-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hld-shadow-lg);\n border-color: var(--hld-primary);\n}\n\n.hld-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hld-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hld-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hld-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hld-card-highlight {\n background: linear-gradient(135deg, var(--hld-white) 0%, var(--hld-primary-light) 100%);\n text-align: left;\n}\n\n.hld-card-subtitle {\n font-size: 13px;\n color: var(--hld-accent);\n font-weight: 600;\n font-style: italic;\n margin-bottom: .75rem !important;\n}\n\n.hld-card-list {\n list-style: none;\n padding: 0;\n margin: 0 0 .75rem 0;\n}\n\n.hld-card-list li {\n font-size: 14px;\n color: var(--hld-text);\n padding: .25rem 0;\n}\n\n.hld-card-note {\n font-size: 12px;\n color: var(--hld-text-light);\n font-style: italic;\n border-top: 1px solid var(--hld-border);\n padding-top: .75rem;\n margin-top: .5rem !important;\n}\n\n.hld-grid-compact .hld-card {\n padding: 1rem;\n}\n\n.hld-grid-compact .hld-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hld-grid-compact .hld-card p {\n font-size: 12px;\n}\n\n\/* === FEATURE BOX === *\/\n.hld-feature-box {\n background: var(--hld-white);\n border-radius: var(--hld-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hld-shadow);\n}\n\n.hld-feature-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--hld-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n\/* === TIP BOX === *\/\n.hld-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hld-primary-light);\n border-radius: var(--hld-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hld-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hld-tip p {\n font-size: 14px;\n color: var(--hld-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS BOX === *\/\n.hld-ingredients-box {\n background: var(--hld-white);\n border-radius: var(--hld-radius);\n box-shadow: var(--hld-shadow);\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.hld-ingredient {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--hld-border);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.hld-ingredient:last-child {\n border-bottom: none;\n}\n\n.hld-ingredient-name {\n font-weight: 700;\n color: var(--hld-primary-dark);\n font-size: 14px;\n}\n\n.hld-ingredient-role {\n font-size: 13px;\n color: var(--hld-text-light);\n text-align: right;\n}\n\n.hld-badges-inline {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n}\n\n.hld-badge-small {\n padding: 6px 12px;\n background: var(--hld-primary-light);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: var(--hld-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.hld-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hld-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hld-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hld-primary), var(--hld-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.hld-timeline-content {\n flex: 1;\n background: var(--hld-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hld-radius-sm);\n box-shadow: var(--hld-shadow);\n}\n\n.hld-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hld-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hld-timeline-content p {\n font-size: 14px;\n color: var(--hld-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPARISON === *\/\n.hld-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hld-comparison-item {\n background: var(--hld-white);\n border-radius: var(--hld-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hld-shadow);\n}\n\n.hld-comparison-item h3 {\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 .75rem 0;\n}\n\n.hld-comparison-vs h3 {\n color: var(--hld-text-light);\n}\n\n.hld-comparison-win {\n border: 2px solid var(--hld-primary);\n background: linear-gradient(135deg, var(--hld-white) 0%, var(--hld-primary-light) 100%);\n}\n\n.hld-comparison-win h3 {\n color: var(--hld-primary-dark);\n}\n\n.hld-comparison-item p {\n font-size: 14px;\n color: var(--hld-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ECO GRID === *\/\n.hld-eco-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.hld-eco-item {\n display: flex;\n gap: .75rem;\n align-items: flex-start;\n background: var(--hld-white);\n border-radius: var(--hld-radius-sm);\n padding: 1rem;\n box-shadow: var(--hld-shadow);\n}\n\n.hld-eco-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hld-eco-item strong {\n display: block;\n font-size: 14px;\n color: var(--hld-primary-dark);\n margin-bottom: .25rem;\n}\n\n.hld-eco-item p {\n font-size: 13px;\n color: var(--hld-text-light);\n margin: 0;\n line-height: 1.4;\n}\n\n\/* === ACCORDÉON === *\/\n.hld-accordion {\n background: var(--hld-white);\n border-radius: var(--hld-radius);\n box-shadow: var(--hld-shadow);\n overflow: hidden;\n margin-top: 1rem;\n}\n\n.hld-accordion-item {\n border-bottom: 1px solid var(--hld-border);\n margin: 0;\n padding: 0;\n}\n\n.hld-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hld-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hld-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.hld-accordion-header:hover {\n background: var(--hld-primary-light);\n}\n\n.hld-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hld-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hld-primary);\n transition: transform .2s ease;\n}\n\n.hld-accordion-item[open] .hld-accordion-header::after {\n content: '−';\n}\n\n.hld-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hld-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.hld-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.hld-cta-box {\n background: linear-gradient(135deg, var(--hld-primary) 0%, var(--hld-primary-dark) 100%);\n border-radius: var(--hld-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.hld-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 .hld-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hld-card {\n padding: 1.125rem;\n }\n \n .hld-section {\n margin-bottom: 1.75rem;\n }\n \n .hld-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hld-radius-sm);\n }\n \n .hld-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hld-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hld-grid-compact {\n gap: .625rem;\n }\n \n .hld-grid-compact .hld-card {\n padding: .75rem;\n }\n \n .hld-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .hld-timeline-content {\n padding: .875rem 1rem;\n }\n \n .hld-timeline-content h3 {\n font-size: 14px;\n }\n \n .hld-timeline-content p {\n font-size: 13px;\n }\n \n .hld-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hld-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hld-comparison {\n grid-template-columns: 1fr;\n }\n \n .hld-eco-grid {\n grid-template-columns: 1fr;\n }\n \n .hld-ingredient {\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n \n .hld-ingredient-role {\n text-align: left;\n }\n \n .hld-tip {\n flex-direction: column;\n gap: .5rem;\n text-align: center;\n }\n \n .hld-feature-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hld-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hld-card:nth-child(1) { animation-delay: .05s; }\n .hld-card:nth-child(2) { animation-delay: .1s; }\n .hld-card:nth-child(3) { animation-delay: .15s; }\n .hld-card:nth-child(4) { animation-delay: .2s; }\n .hld-card:nth-child(5) { animation-delay: .25s; }\n .hld-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 .hld-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":55571300647289,"sku":"NBAIEND0140","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-lactee-demaquillante-visage-yeux-levres-huile-de-prune-lifestyle.webp?v=1769697221"},{"product_id":"shampoing-solide-huile-amande-douce-cheveux-normaux-endro","title":"Shampoing solide à l'Huile d'Amande Douce - Cheveux Normaux - Endro","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shampoing solide à l'Huile d'Amande Douce - Cheveux Normaux - Endro\nPalette détectée:\n - Primaire: #5BA4B4 (bleu turquoise\/teal du packaging)\n - Secondaire: #3D7A8C (bleu-vert plus foncé du logo \"n\")\n - Accent: #F5F5F0 (blanc crème des textes)\n - Cream: #F8FAFA (fond très légèrement bleuté)\nAmbiance: Naturel, bio, frais, épuré, breton, cosmétique écologique\nPréfixe CSS: end\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir ce shampoing solide bio pour cheveux normaux ?\"\n 2. \"Les bienfaits de l'huile d'amande douce et de la poudre de riz pour vos cheveux\"\n 3. \"Liste complète des ingrédients (INCI)\"\n 4. \"Comment utiliser votre shampoing solide Endro ?\"\n 5. \"Pour qui est fait ce shampoing ?\"\n 6. \"Pourquoi les meilleurs shampoings solides sont-ils fabriqués en France ?\"\n 7. \"Caractéristiques techniques\"\n 8. \"Conservation et conseils pratiques\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"end-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"end-hero\"\u003e\n \u003cdiv class=\"end-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"end-hero-content\"\u003e\n \u003cdiv class=\"end-badges-top\"\u003e\n \u003cspan class=\"end-badge\"\u003e🌿 100% Origine Naturelle\u003c\/span\u003e\n \u003cspan class=\"end-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e\n \u003cspan class=\"end-badge\"\u003e✨ Certifié Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"end-hero-title\"\u003eShampoing Solide à l'Huile d'Amande Douce\u003c\/span\u003e\n \u003cp class=\"end-subtitle\"\u003eCheveux Normaux • Endro\u003c\/p\u003e\n \u003cp class=\"end-description\"\u003eUn soin capillaire artisanal, doux et efficace. Formulé avec des ingrédients bio soigneusement sélectionnés pour des cheveux propres, souples et brillants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing solide bio pour cheveux normaux ?\u003c\/h2\u003e\n \u003cp class=\"end-section-intro\"\u003ePasser au shampoing solide, c'est adopter une routine capillaire plus saine, plus économique et tout aussi performante qu'un shampoing liquide classique.\u003c\/p\u003e\n \u003cdiv class=\"end-grid\"\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🏆 Certifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eProduit rigoureusement contrôlé, sans ingrédients controversés. La garantie d'une formule irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🌸 Douceur optimale\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les cuirs chevelus sensibles ou réactifs. Il nettoie sans jamais agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e⏱️ Longue durée\u003c\/h3\u003e\n \u003cp\u003eUn seul pain de 85 g équivaut à environ 40 shampoings, soit plusieurs mois d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet plastique\u003c\/h3\u003e\n \u003cp\u003eLivré dans un emballage carton recyclable, pour une démarche véritablement écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Bretagne\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué artisanalement en Bretagne avec passion et savoir-faire local.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun test sur les animaux, formule 100% végétale et respectueuse du vivant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'amande douce et de la poudre de riz pour vos cheveux\u003c\/h2\u003e\n \u003cp class=\"end-section-intro\"\u003eUne combinaison d'actifs naturels soigneusement sélectionnés pour des résultats visibles dès la première utilisation.\u003c\/p\u003e\n \u003cdiv class=\"end-grid\"\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eVéritable trésor de douceur, elle assouplit la fibre capillaire, apporte brillance et facilite le démêlage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🍚 Poudre de riz bio\u003c\/h3\u003e\n \u003cp\u003eAbsorbe délicatement l'excès de sébum au niveau des racines, apportant légèreté et volume sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et acides gras essentiels, elle nourrit et protège vos cheveux des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🥥 Tensioactifs doux végétaux\u003c\/h3\u003e\n \u003cp\u003eIssus de l'huile de coco, ils produisent une mousse onctueuse tout en respectant l'équilibre naturel du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-tip\"\u003e\n \u003cspan class=\"end-tip-icon\"\u003e🍐\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eLe résultat ?\u003c\/strong\u003e Des cheveux propres, doux au toucher, avec un parfum fruité délicat aux notes de pomme et de poire qui vous accompagne subtilement tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"end-inci-box\"\u003e\n \u003cp class=\"end-inci-list\"\u003e\u003cstrong\u003eSodium Coco-Sulfate, Decyl Glucoside, Helianthus Annuus Seed Oil*, Prunus Amygdalus Dulcis Oil*, Oryza Sativa Powder*, Parfum, Tocopherol, Linalool**, Geraniol**.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"end-inci-notes\"\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique (18 % du total).\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e**Naturellement présents dans le parfum.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-badges-inline\"\u003e\n \u003cspan class=\"end-badge-small\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"end-badge-small\"\u003e🐰 Cruelty-free\u003c\/span\u003e\n \u003cspan class=\"end-badge-small\"\u003e🏆 Cosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003eComment utiliser votre shampoing solide Endro ?\u003c\/h2\u003e\n \u003cp class=\"end-section-intro\"\u003eL'utilisation d'un shampoing solide est simple et intuitive. Suivez ces étapes pour des résultats optimaux.\u003c\/p\u003e\n \u003cdiv class=\"end-timeline\"\u003e\n \u003cdiv class=\"end-timeline-item\"\u003e\n \u003cspan class=\"end-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"end-timeline-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003ePassez vos cheveux sous l'eau de la douche pour bien les humidifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-timeline-item\"\u003e\n \u003cspan class=\"end-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"end-timeline-content\"\u003e\n \u003ch3\u003eCréez la mousse\u003c\/h3\u003e\n \u003cp\u003eFrottez le pain entre vos mains ou appliquez-le directement sur le cuir chevelu en mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-timeline-item\"\u003e\n \u003cspan class=\"end-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"end-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eRépartissez le produit du bout des doigts sur l'ensemble du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-timeline-item\"\u003e\n \u003cspan class=\"end-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"end-timeline-content\"\u003e\n \u003ch3\u003eRincez soigneusement\u003c\/h3\u003e\n \u003cp\u003ePassez vos cheveux sous l'eau claire jusqu'à élimination complète du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-timeline-item\"\u003e\n \u003cspan class=\"end-timeline-number\"\u003e5\u003c\/span\u003e\n \u003cdiv class=\"end-timeline-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003ePosez votre shampoing sur un porte-savon ajouré entre chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-tip\"\u003e\n \u003cspan class=\"end-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce transition :\u003c\/strong\u003e Si vous passez d'un shampoing conventionnel au solide, accordez à vos cheveux une période d'adaptation de 2 à 3 semaines. Une phase de transition est tout à fait normale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampoing ?\u003c\/h2\u003e\n \u003cdiv class=\"end-grid\"\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e✨ Cheveux normaux\u003c\/h3\u003e\n \u003cp\u003eSa formule équilibrée convient parfaitement à ce type de cheveux, pour un entretien quotidien optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🌸 Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eAvec un pH de 9,13 et des tensioactifs doux, il respecte les peaux les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e👶 Enfants dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eSa composition naturelle et son parfum fruité en font un allié idéal pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eFormulé sans huiles essentielles controversées, utilisable en toute sérénité durant la grossesse et l'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-tip\"\u003e\n \u003cspan class=\"end-tip-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eCheveux gras ?\u003c\/strong\u003e Endro propose également un shampoing solide spécifiquement formulé pour réguler l'excès de sébum. Pensez aussi à l'après-shampoing solide pour un démêlage facilité !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003ePourquoi les meilleurs shampoings solides sont-ils fabriqués en France ?\u003c\/h2\u003e\n \u003cdiv class=\"end-grid-compact\"\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🎨 Savoir-faire artisanal\u003c\/h3\u003e\n \u003cp\u003eFormules élaborées avec soin, sans production industrielle de masse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🚚 Circuits courts\u003c\/h3\u003e\n \u003cp\u003eMoins de transport, moins d'impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité optimale\u003c\/h3\u003e\n \u003cp\u003eVous savez exactement d'où vient votre produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e💙 Économie locale\u003c\/h3\u003e\n \u003cp\u003eSoutenez le dynamisme des entreprises françaises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"end-specs\"\u003e\n \u003cdiv class=\"end-spec-row\"\u003e\n \u003cspan class=\"end-spec-label\"\u003e📦 Poids net\u003c\/span\u003e\n \u003cspan class=\"end-spec-value\"\u003e85 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-spec-row\"\u003e\n \u003cspan class=\"end-spec-label\"\u003e🧴 Nombre de lavages\u003c\/span\u003e\n \u003cspan class=\"end-spec-value\"\u003e≈ 40 shampoings\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-spec-row\"\u003e\n \u003cspan class=\"end-spec-label\"\u003e⚗️ pH\u003c\/span\u003e\n \u003cspan class=\"end-spec-value\"\u003e9,13\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-spec-row\"\u003e\n \u003cspan class=\"end-spec-label\"\u003e🏆 Certifications\u003c\/span\u003e\n \u003cspan class=\"end-spec-value\"\u003eCosmos Organic, Vegan, Cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-spec-row\"\u003e\n \u003cspan class=\"end-spec-label\"\u003e📍 Origine\u003c\/span\u003e\n \u003cspan class=\"end-spec-value\"\u003eFabriqué en Bretagne, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-spec-row\"\u003e\n \u003cspan class=\"end-spec-label\"\u003e🍐 Parfum\u003c\/span\u003e\n \u003cspan class=\"end-spec-value\"\u003eNotes fruitées pomme-poire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"end-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConservation et conseils pratiques\u003c\/h2\u003e\n \u003cdiv class=\"end-accordion\"\u003e\n \u003cdetails class=\"end-accordion-item\" open\u003e\n \u003csummary class=\"end-accordion-header\"\u003e🧼 Stockage quotidien\u003c\/summary\u003e\n \u003cdiv class=\"end-accordion-content\"\u003e\n \u003cp\u003eConservez-le au sec entre chaque utilisation, idéalement sur un \u003cstrong\u003eporte-savon avec drainage\u003c\/strong\u003e. Évitez de le laisser dans une flaque d'eau au fond de votre douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"end-accordion-item\"\u003e\n \u003csummary class=\"end-accordion-header\"\u003e✈️ Pour les voyages\u003c\/summary\u003e\n \u003cdiv class=\"end-accordion-content\"\u003e\n \u003cp\u003eGlissez-le dans une \u003cstrong\u003eboîte de transport adaptée\u003c\/strong\u003e une fois sec. Compact et léger, il passe en cabine sans souci de liquide !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"end-accordion-item\"\u003e\n \u003csummary class=\"end-accordion-header\"\u003e⏳ Durée de conservation\u003c\/summary\u003e\n \u003cdiv class=\"end-accordion-content\"\u003e\n \u003cp\u003eBien conservé au sec, votre shampoing solide garde toutes ses propriétés pendant plusieurs mois. Référez-vous à la PAO indiquée sur l'emballage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-cta-box\"\u003e\n \u003cp\u003e🌿 Adopter ce shampoing solide Endro, c'est faire le choix d'une beauté consciente, efficace et respectueuse de votre santé comme de la planète. Vos cheveux vous remercieront.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --end-cream: #F8FAFA;\n --end-white: #ffffff;\n --end-primary: #5BA4B4;\n --end-primary-dark: #3D7A8C;\n --end-primary-light: #E8F4F6;\n --end-secondary: #4A8FA0;\n --end-accent: #7BBFCC;\n --end-text: #1a1a1a;\n --end-text-light: #5a5a5a;\n --end-border: #e0e0e0;\n --end-shadow: 0 4px 24px rgba(61,122,140,.08);\n --end-shadow-lg: 0 12px 48px rgba(61,122,140,.15);\n --end-radius: 20px;\n --end-radius-sm: 12px;\n}\n\n.end-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--end-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.end-hero {\n position: relative;\n background: linear-gradient(135deg, #5BA4B4 0%, #4A8FA0 50%, #3D7A8C 100%);\n border-radius: var(--end-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(--end-shadow-lg);\n}\n\n.end-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 0C30 16.569 16.569 30 0 30c16.569 0 30 13.431 30 30 0-16.569 13.431-30 30-30C43.431 30 30 16.569 30 0z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.end-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.end-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.end-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.end-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.end-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.end-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(--end-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.end-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.end-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.end-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--end-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.end-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(--end-primary), var(--end-accent));\n border-radius: 2px;\n}\n\n.end-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--end-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.end-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.end-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.end-card {\n background: var(--end-white);\n border-radius: var(--end-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--end-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.end-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--end-shadow-lg);\n border-color: var(--end-primary);\n}\n\n.end-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--end-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.end-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--end-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.end-grid-compact .end-card {\n padding: 1rem;\n}\n\n.end-grid-compact .end-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.end-grid-compact .end-card p {\n font-size: 12px;\n}\n\n.end-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.end-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.end-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--end-primary), var(--end-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(91,164,180,.3);\n}\n\n.end-timeline-content {\n flex: 1;\n background: var(--end-white);\n padding: 1rem 1.25rem;\n border-radius: var(--end-radius-sm);\n box-shadow: var(--end-shadow);\n}\n\n.end-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--end-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.end-timeline-content p {\n font-size: 14px;\n color: var(--end-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.end-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--end-primary-light);\n border-radius: var(--end-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.end-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.end-tip p {\n font-size: 14px;\n color: var(--end-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.end-inci-box {\n background: var(--end-white);\n border-radius: var(--end-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--end-shadow);\n text-align: center;\n}\n\n.end-inci-list {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--end-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n word-break: break-word;\n}\n\n.end-inci-notes {\n margin-bottom: 1rem;\n}\n\n.end-inci-notes p {\n font-size: 13px;\n color: var(--end-text-light);\n margin: 0 0 .25rem 0;\n}\n\n.end-badges-inline {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.end-badge-small {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: var(--end-primary-light);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--end-primary-dark);\n}\n\n.end-specs {\n background: var(--end-white);\n border-radius: var(--end-radius);\n box-shadow: var(--end-shadow);\n overflow: hidden;\n}\n\n.end-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--end-border);\n}\n\n.end-spec-row:last-child {\n border-bottom: none;\n}\n\n.end-spec-label {\n font-size: 14px;\n font-weight: 600;\n color: var(--end-text);\n}\n\n.end-spec-value {\n font-size: 14px;\n color: var(--end-primary-dark);\n font-weight: 700;\n text-align: right;\n}\n\n.end-accordion {\n background: var(--end-white);\n border-radius: var(--end-radius);\n box-shadow: var(--end-shadow);\n overflow: hidden;\n}\n\n.end-accordion-item {\n border-bottom: 1px solid var(--end-border);\n margin: 0;\n padding: 0;\n}\n\n.end-accordion-item:last-child {\n border-bottom: none;\n}\n\n.end-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--end-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.end-accordion-header:hover {\n background: var(--end-primary-light);\n}\n\n.end-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.end-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--end-primary);\n transition: transform .2s ease;\n}\n\n.end-accordion-item[open] .end-accordion-header::after {\n content: '−';\n}\n\n.end-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--end-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.end-accordion-content p {\n margin: 0;\n}\n\n.end-cta-box {\n background: linear-gradient(135deg, var(--end-primary) 0%, var(--end-primary-dark) 100%);\n border-radius: var(--end-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.end-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 .end-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .end-card {\n padding: 1.125rem;\n }\n \n .end-section {\n margin-bottom: 1.75rem;\n }\n \n .end-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--end-radius-sm);\n }\n \n .end-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .end-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .end-grid-compact {\n gap: .625rem;\n }\n \n .end-grid-compact .end-card {\n padding: .75rem;\n }\n \n .end-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .end-timeline-content {\n padding: .875rem 1rem;\n }\n \n .end-timeline-content h3 {\n font-size: 14px;\n }\n \n .end-timeline-content p {\n font-size: 13px;\n }\n \n .end-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .end-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .end-spec-row {\n padding: .875rem 1rem;\n }\n \n .end-spec-label,\n .end-spec-value {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .end-card {\n animation: fadeInUp .5s ease backwards;\n }\n .end-card:nth-child(1) { animation-delay: .05s; }\n .end-card:nth-child(2) { animation-delay: .1s; }\n .end-card:nth-child(3) { animation-delay: .15s; }\n .end-card:nth-child(4) { animation-delay: .2s; }\n .end-card:nth-child(5) { animation-delay: .25s; }\n .end-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 .end-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":55571713196409,"sku":"NBAIEND0145","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-solide-a-lhuile-damande-douce-cheveux-normaux-endr-lifestyle.webp?v=1769695271"},{"product_id":"shampoing-solide-ortie-huile-de-noisette-cheveux-gras-endro","title":"Shampoing solide Ortie \u0026 Huile de Noisette - Cheveux Gras - Endro","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shampoing solide Ortie \u0026 Huile de Noisette - Cheveux Gras - Endro\nPalette détectée:\n - Primaire: #7A9A8A (vert sauge doux du packaging)\n - Secondaire: #5C7A6A (vert sauge foncé)\n - Accent: #B8CFC2 (vert menthe clair)\nAmbiance: Naturel\/bio, minimaliste, épuré, frais, artisanal breton\nPréfixe CSS: ess (endro shampoing solide)\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir ce shampoing solide pour cheveux gras ?\"\n 2. \"Les actifs naturels qui font la différence\"\n 3. \"Comment utiliser votre shampoing solide ?\"\n 4. \"Pour qui est fait ce shampoing ?\"\n 5. \"Shampoing solide vs recette maison : que choisir ?\"\n 6. \"Les engagements Endro\"\n 7. \"Caractéristiques du produit\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ess-premium\"\u003e\n \n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ess-hero\"\u003e\n \u003cdiv class=\"ess-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ess-hero-content\"\u003e\n \u003cdiv class=\"ess-badges-top\"\u003e\n \u003cspan class=\"ess-badge\"\u003e🌿 100% origine naturelle\u003c\/span\u003e\n \u003cspan class=\"ess-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e\n \u003cspan class=\"ess-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ess-hero-title\"\u003eShampoing Solide Cheveux Gras\u003c\/span\u003e\n \u003cp class=\"ess-subtitle\"\u003eOrtie • Huile de Noisette • Argile Verte\u003c\/p\u003e\n \u003cp class=\"ess-description\"\u003eLa solution naturelle et certifiée bio pour purifier votre cuir chevelu sans l'agresser. Fini les racines qui regraissent dès le lendemain !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing solide pour cheveux gras ?\u003c\/h2\u003e\n \u003cp class=\"ess-section-intro\"\u003eL'équilibre parfait entre purification et douceur, pensé pour les cuirs chevelus qui produisent trop de sébum tout en restant sensibles.\u003c\/p\u003e\n \u003cdiv class=\"ess-grid\"\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e⚖️ Régulation durable du sébum\u003c\/h3\u003e\n \u003cp\u003eL'action combinée ortie + argile verte + huile de noisette vous permet d'espacer progressivement vos shampoings.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🌸 Douceur garantie\u003c\/h3\u003e\n \u003cp\u003eTensioactifs d'origine végétale qui nettoient efficacement sans irriter, même sur les cuirs chevelus réactifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e💰 Économique \u0026amp; écologique\u003c\/h3\u003e\n \u003cp\u003eUn seul pain = environ 40 shampoings, soit l'équivalent de 2 bouteilles plastiques évitées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🫧 Mousse généreuse\u003c\/h3\u003e\n \u003cp\u003eContrairement aux idées reçues, ce shampoing solide mousse abondamment pour un lavage vraiment agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003eLes actifs naturels qui font la différence\u003c\/h2\u003e\n \u003cp class=\"ess-section-intro\"\u003eChaque ingrédient a été sélectionné pour son action ciblée sur les cheveux gras. Une formule 100% d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"ess-grid\"\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🌿 Poudre d'ortie bio\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'excès de sébum tout en fortifiant le cheveu dès la racine. L'ingrédient star des recettes maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🌰 Huile de noisette bio\u003c\/h3\u003e\n \u003cp\u003eLégère et non comédogène, elle régule naturellement la production de sébum sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🧱 Trio d'argiles vertes\u003c\/h3\u003e\n \u003cp\u003eKaolin, illite et montmorillonite : ce trio purificateur absorbe les impuretés et assainit en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🫒 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003eProtège le cuir chevelu et maintient une hydratation optimale sans jamais alourdir les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🧴 Tensioactifs doux végétaux\u003c\/h3\u003e\n \u003cp\u003eSodium coco-sulfate \u0026amp; décyl glucoside créent une mousse onctueuse tout en respectant l'équilibre du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🍋 Parfum naturel frais\u003c\/h3\u003e\n \u003cp\u003eNotes légères d'agrumes grâce aux huiles essentielles (limonène, linalool, citral, géraniol naturels).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-tip\"\u003e\n \u003cspan class=\"ess-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eCe qui n'est PAS dedans :\u003c\/strong\u003e silicones, sulfates pétrochimiques, parabènes, conservateurs synthétiques. Environ 16% des ingrédients sont issus de l'agriculture biologique certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003eComment utiliser votre shampoing solide ?\u003c\/h2\u003e\n \u003cdiv class=\"ess-timeline\"\u003e\n \u003cdiv class=\"ess-timeline-item\"\u003e\n \u003cspan class=\"ess-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"ess-timeline-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux et humidifiez légèrement le pain de shampoing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-timeline-item\"\u003e\n \u003cspan class=\"ess-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"ess-timeline-content\"\u003e\n \u003ch3\u003eCréez la mousse\u003c\/h3\u003e\n \u003cp\u003eFrottez le shampoing entre vos mains ou appliquez-le directement sur le cuir chevelu en mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-timeline-item\"\u003e\n \u003cspan class=\"ess-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"ess-timeline-content\"\u003e\n \u003ch3\u003eMassez 1 à 2 minutes\u003c\/h3\u003e\n \u003cp\u003eDu bout des doigts, massez délicatement. Ce massage active la microcirculation et optimise l'action purifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-timeline-item\"\u003e\n \u003cspan class=\"ess-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"ess-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau tiède ou fraîche. L'eau froide resserre les écailles et apporte de la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-tip\"\u003e\n \u003cspan class=\"ess-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce conservation :\u003c\/strong\u003e après utilisation, laissez sécher votre shampoing solide sur un porte-savon aéré pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampoing ?\u003c\/h2\u003e\n \u003cdiv class=\"ess-grid\"\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🧴 Racines grasses, pointes sèches\u003c\/h3\u003e\n \u003cp\u003eL'équation parfaite pour ceux qui ont des racines qui regraissent vite mais des longueurs normales à sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🌸 Cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eRéagit mal aux shampoings classiques ? Cette formule douce respecte les cuirs chevelus réactifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e⏱️ Espacer les shampoings\u003c\/h3\u003e\n \u003cp\u003eVous voulez progressivement réduire la fréquence de lavage grâce à une régulation naturelle du sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e♻️ Routine zéro déchet\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une alternative naturelle, écologique et sans plastique pour votre routine capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes \u0026amp; allaitantes\u003c\/h3\u003e\n \u003cp\u003eFormule douce et naturelle, adaptée aux femmes enceintes et allaitantes en toute sécurité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e👶 Enfants dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eUn shampoing doux et naturel qui convient aussi aux cheveux des plus petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-tip\"\u003e\n \u003cspan class=\"ess-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003epH de la formule :\u003c\/strong\u003e environ 9,3. Bien qu'il puisse sembler élevé, ce pH est parfaitement adapté au lavage et n'agresse pas le cuir chevelu grâce à la douceur des tensioactifs utilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003eShampoing solide vs recette maison : que choisir ?\u003c\/h2\u003e\n \u003cdiv class=\"ess-testimonial\"\u003e\n \u003cp class=\"ess-testimonial-text\"\u003eBeaucoup recherchent une recette de shampoing solide cheveux gras fait maison. Si l'idée est séduisante, la réalité est plus complexe : obtenir un pH équilibré, une mousse agréable et une conservation optimale demande une vraie expertise en formulation cosmétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-grid-compact\"\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🏠 Formule artisanale\u003c\/h3\u003e\n \u003cp\u003eIngrédients simples, fabrication locale en Bretagne, petites séries soignées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e✅ Garantie pro\u003c\/h3\u003e\n \u003cp\u003eCertification bio et contrôle qualité rigoureux que vous n'aurez jamais en DIY.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003eLes engagements Endro\u003c\/h2\u003e\n \u003cdiv class=\"ess-grid-compact\"\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🏆 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Bretagne\u003c\/h3\u003e\n \u003cp\u003eArtisanat français, circuits courts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🚫 Sans plastique\u003c\/h3\u003e\n \u003cp\u003ePackaging 100% éco-responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n \u003cdiv class=\"ess-accordion\"\u003e\n \u003cdetails class=\"ess-accordion-item\"\u003e\n \u003csummary class=\"ess-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n \u003cdiv class=\"ess-accordion-content\"\u003e\n \u003cp\u003e85 ml — équivaut à environ 40 shampoings, soit 2 bouteilles plastiques classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ess-accordion-item\"\u003e\n \u003csummary class=\"ess-accordion-header\"\u003e💇 Type de cheveux\u003c\/summary\u003e\n \u003cdiv class=\"ess-accordion-content\"\u003e\n \u003cp\u003eCheveux gras, racines grasses, cuir chevelu à tendance séborrhéique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ess-accordion-item\"\u003e\n \u003csummary class=\"ess-accordion-header\"\u003e🌿 Actifs principaux\u003c\/summary\u003e\n \u003cdiv class=\"ess-accordion-content\"\u003e\n \u003cp\u003eOrtie bio, huile de noisette bio, argile verte (kaolin, illite, montmorillonite), huile de jojoba bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ess-accordion-item\"\u003e\n \u003csummary class=\"ess-accordion-header\"\u003e🏆 Certification\u003c\/summary\u003e\n \u003cdiv class=\"ess-accordion-content\"\u003e\n \u003cp\u003eCosmébio (bio) — contrôle qualité rigoureux et ingrédients certifiés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ess-accordion-item\"\u003e\n \u003csummary class=\"ess-accordion-header\"\u003e🇫🇷 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"ess-accordion-content\"\u003e\n \u003cp\u003eFrance (Bretagne) — artisanat local, circuits courts, petites séries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ess-accordion-item\"\u003e\n \u003csummary class=\"ess-accordion-header\"\u003e🍋 Parfum\u003c\/summary\u003e\n \u003cdiv class=\"ess-accordion-content\"\u003e\n \u003cp\u003eFrais et léger, notes d'agrumes naturelles issues des huiles essentielles.\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=\"ess-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ess-cta-box\"\u003e\n \u003cp\u003e🌿 Une mousse agréable, un parfum frais non entêtant, et des cheveux qui restent propres plus longtemps. Amélioration visible dès les premières utilisations !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ess-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème persistant au niveau du cuir chevelu (démangeaisons intenses, pellicules importantes, chute de cheveux), consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ess-cream: #F7FAF8;\n --ess-white: #ffffff;\n --ess-primary: #7A9A8A;\n --ess-primary-dark: #4A6A5A;\n --ess-primary-light: #E8F0EB;\n --ess-secondary: #5C7A6A;\n --ess-accent: #B8CFC2;\n --ess-text: #1a1a1a;\n --ess-text-light: #5a5a5a;\n --ess-border: #e0e0e0;\n --ess-shadow: 0 4px 24px rgba(74,106,90,.08);\n --ess-shadow-lg: 0 12px 48px rgba(74,106,90,.15);\n --ess-radius: 20px;\n --ess-radius-sm: 12px;\n}\n\n.ess-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ess-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ess-hero {\n position: relative;\n background: linear-gradient(135deg, #7A9A8A 0%, #5C7A6A 50%, #4A6A5A 100%);\n border-radius: var(--ess-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(--ess-shadow-lg);\n}\n\n.ess-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 5C20 5 15 15 15 25s5 15 15 20c10-5 15-10 15-20S40 5 30 5z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.ess-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ess-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ess-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(--ess-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ess-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ess-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.ess-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: .05em;\n}\n\n.ess-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.ess-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ess-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ess-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.ess-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(--ess-primary), var(--ess-accent));\n border-radius: 2px;\n}\n\n.ess-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ess-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.ess-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ess-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ess-card {\n background: var(--ess-white);\n border-radius: var(--ess-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ess-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ess-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ess-shadow-lg);\n border-color: var(--ess-primary);\n}\n\n.ess-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ess-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ess-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ess-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ess-grid-compact .ess-card {\n padding: 1rem;\n}\n\n.ess-grid-compact .ess-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ess-grid-compact .ess-card p {\n font-size: 12px;\n}\n\n.ess-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ess-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ess-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ess-primary), var(--ess-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.ess-timeline-content {\n flex: 1;\n background: var(--ess-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ess-radius-sm);\n box-shadow: var(--ess-shadow);\n}\n\n.ess-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ess-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ess-timeline-content p {\n font-size: 14px;\n color: var(--ess-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ess-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ess-primary-light);\n border-radius: var(--ess-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ess-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ess-tip p {\n font-size: 14px;\n color: var(--ess-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.ess-testimonial {\n background: var(--ess-white);\n border-radius: var(--ess-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ess-shadow);\n border-left: 4px solid var(--ess-primary);\n margin-bottom: 1.25rem;\n}\n\n.ess-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ess-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.ess-accordion {\n background: var(--ess-white);\n border-radius: var(--ess-radius);\n box-shadow: var(--ess-shadow);\n overflow: hidden;\n}\n\n.ess-accordion-item {\n border-bottom: 1px solid var(--ess-border);\n margin: 0;\n padding: 0;\n}\n\n.ess-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ess-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ess-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.ess-accordion-header:hover {\n background: var(--ess-primary-light);\n}\n\n.ess-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ess-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ess-primary);\n transition: transform .2s ease;\n}\n\n.ess-accordion-item[open] .ess-accordion-header::after {\n content: '−';\n}\n\n.ess-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ess-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.ess-accordion-content p {\n margin: 0;\n}\n\n.ess-cta-box {\n background: linear-gradient(135deg, var(--ess-primary) 0%, var(--ess-primary-dark) 100%);\n border-radius: var(--ess-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ess-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.ess-disclaimer {\n font-size: 12px;\n color: var(--ess-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .ess-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ess-card {\n padding: 1.125rem;\n }\n \n .ess-section {\n margin-bottom: 1.75rem;\n }\n \n .ess-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ess-radius-sm);\n }\n \n .ess-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ess-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ess-grid-compact {\n gap: .625rem;\n }\n \n .ess-grid-compact .ess-card {\n padding: .75rem;\n }\n \n .ess-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .ess-timeline-content {\n padding: .875rem 1rem;\n }\n \n .ess-timeline-content h3 {\n font-size: 14px;\n }\n \n .ess-timeline-content p {\n font-size: 13px;\n }\n \n .ess-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ess-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ess-testimonial {\n padding: 1.25rem;\n }\n \n .ess-testimonial-text {\n font-size: 14px;\n }\n \n .ess-tip {\n padding: .875rem 1rem;\n gap: .75rem;\n }\n \n .ess-tip-icon {\n font-size: 20px;\n }\n \n .ess-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .ess-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ess-card:nth-child(1) { animation-delay: .05s; }\n .ess-card:nth-child(2) { animation-delay: .1s; }\n .ess-card:nth-child(3) { animation-delay: .15s; }\n .ess-card:nth-child(4) { animation-delay: .2s; }\n .ess-card:nth-child(5) { animation-delay: .25s; }\n .ess-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 .ess-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":55571743342969,"sku":"NBAIEND0143","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-solide-ortie-huile-de-noisette-cheveux-gras-endro-lifestyle.webp?v=1769697890"},{"product_id":"shampoing-solide-huile-de-brocoli-et-lin-cheveux-boucles-endro","title":"Shampoing solide Huile de Brocoli et de Lin - Cheveux Bouclés - Endro","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shampoing solide Huile de Brocoli et de Lin - Cheveux Bouclés - Endro\nPalette détectée:\n - Primaire: #E07B4C (orange terracotta chaud du packaging)\n - Secondaire: #D4A574 (beige doré\/crème du logo Endro)\n - Accent: #5B8A3C (vert naturel évoquant le brocoli\/lin)\n - Background: #FDF8F4 (crème très doux)\nAmbiance: Naturel\/Bio, chaleureux, artisanal breton, féminin doux, éco-responsable\nPréfixe CSS: shb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi vos boucles méritent ce shampoing solide bio ?\"\n 2. \"Le duo gagnant : huile de brocoli et huile de lin\"\n 3. \"Liste complète des ingrédients (INCI)\"\n 4. \"Comment utiliser ce shampoing solide pour cheveux bouclés ?\"\n 5. \"Pour qui est conçu ce shampoing ?\"\n 6. \"Durée de vie et économies\"\n 7. \"Ce que vos boucles vont adorer\"\n 8. \"L'engagement Endro\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"shb-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"shb-hero\"\u003e\n \u003cdiv class=\"shb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"shb-hero-content\"\u003e\n \u003cdiv class=\"shb-badges-top\"\u003e\n \u003cspan class=\"shb-badge\"\u003e🌿 100% origine naturelle\u003c\/span\u003e\n \u003cspan class=\"shb-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e\n \u003cspan class=\"shb-badge\"\u003e✨ Certifié Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"shb-hero-title\"\u003eShampoing solide cheveux bouclés\u003c\/span\u003e\n \u003cp class=\"shb-subtitle\"\u003eHuile de brocoli \u0026amp; huile de lin\u003c\/p\u003e\n \u003cp class=\"shb-description\"\u003eLe secret des boucles parfaitement définies, rebondies et brillantes — sans silicones ni plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"shb-section\"\u003e\n \u003ch2\u003ePourquoi vos boucles méritent ce shampoing solide bio ?\u003c\/h2\u003e\n \u003cp class=\"shb-section-intro\"\u003eVous le savez mieux que personne : les cheveux bouclés ont leurs propres exigences. Ils réclament de la nutrition sans être alourdis, de la définition sans effet cartonné, et surtout des soins qui respectent leur nature capricieuse.\u003c\/p\u003e\n \u003cdiv class=\"shb-grid-compact\"\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e💧 Nutrition légère\u003c\/h3\u003e\n \u003cp\u003eNourrit sans alourdir vos boucles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e🌀 Définition parfaite\u003c\/h3\u003e\n \u003cp\u003eDessine chaque boucle naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e🌱 Formule clean\u003c\/h3\u003e\n \u003cp\u003e100% naturelle, certifiée bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e🏠 Artisanal breton\u003c\/h3\u003e\n \u003cp\u003eFabriqué avec soin en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"shb-section\"\u003e\n \u003ch2\u003eLe duo gagnant : huile de brocoli et huile de lin\u003c\/h2\u003e\n \u003cp class=\"shb-section-intro\"\u003eCe qui distingue ce shampoing pour cheveux bouclés des autres, c'est son association unique d'huiles végétales soigneusement sélectionnées.\u003c\/p\u003e\n \u003cdiv class=\"shb-grid\"\u003e\n \u003cdiv class=\"shb-card shb-card-highlight\"\u003e\n \u003ch3\u003e🥦 Huile de brocoli bio\u003c\/h3\u003e\n \u003cp\u003eAgit comme un \u003cstrong\u003esilicone naturel\u003c\/strong\u003e : elle gaine chaque boucle, apporte une brillance incomparable et facilite le démêlage, sans jamais alourdir. Vos boucles restent souples, rebondies et légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-card shb-card-highlight\"\u003e\n \u003ch3\u003e🌾 Huile de lin bio\u003c\/h3\u003e\n \u003cp\u003eConcentrée en \u003cstrong\u003eomégas-3\u003c\/strong\u003e, elle nourrit la fibre capillaire en profondeur. Elle aide à définir vos boucles tout en leur apportant cette brillance saine que vous recherchez tant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-tip\"\u003e\n \u003cspan class=\"shb-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette synergie permet d'obtenir des boucles parfaitement dessinées, sans résidus ni effet poisseux. Un résultat que peu de shampoings solides peuvent vous offrir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"shb-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cp class=\"shb-section-intro\"\u003eParce que vous avez le droit de savoir exactement ce que vous appliquez sur vos cheveux.\u003c\/p\u003e\n \u003cdiv class=\"shb-accordion\"\u003e\n \u003cdetails class=\"shb-accordion-item\" open\u003e\n \u003csummary class=\"shb-accordion-header\"\u003e🧴 Agents nettoyants doux\u003c\/summary\u003e\n \u003cdiv class=\"shb-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eSodium Coco-Sulfate\u003c\/strong\u003e : tensioactif doux d'origine végétale (huile de coco), nettoie efficacement sans agresser le cuir chevelu\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eDecyl Glucoside\u003c\/strong\u003e : agent moussant ultra-doux, dérivé du sucre et de la noix de coco\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"shb-accordion-item\"\u003e\n \u003csummary class=\"shb-accordion-header\"\u003e🌿 Huiles végétales bio\u003c\/summary\u003e\n \u003cdiv class=\"shb-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eBrassica Oleracea Italica Seed Oil (huile de brocoli bio)\u003c\/strong\u003e : gaine et fait briller sans alourdir\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eLinum Usitatissimum Seed Oil (huile de lin bio)\u003c\/strong\u003e : nutrition intense riche en omégas-3\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eMauritia Flexuosa Fruit Oil (huile de buriti)\u003c\/strong\u003e : protection et nutrition grâce à sa richesse en bêta-carotène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"shb-accordion-item\"\u003e\n \u003csummary class=\"shb-accordion-header\"\u003e🌾 Actifs complémentaires\u003c\/summary\u003e\n \u003cdiv class=\"shb-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eZea Mays Starch (amidon de maïs bio)\u003c\/strong\u003e : régule le sébum, facilite le démêlage, apporte légèreté et volume\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eTocopherol (vitamine E)\u003c\/strong\u003e : antioxydant naturel qui préserve la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"shb-accordion-item\"\u003e\n \u003csummary class=\"shb-accordion-header\"\u003e🥭 Parfum\u003c\/summary\u003e\n \u003cdiv class=\"shb-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eParfum (fragrance mangue)\u003c\/strong\u003e : senteur fruitée naturelle, sans huiles essentielles ajoutées\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eLinalool, Limonene, Geraniol\u003c\/strong\u003e : composants naturellement présents dans le parfum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-certifications\"\u003e\n \u003cspan class=\"shb-cert-badge\"\u003e🏆 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"shb-cert-badge\"\u003e🌱 19% ingrédients bio\u003c\/span\u003e\n \u003cspan class=\"shb-cert-badge\"\u003e🚫 Sans silicones\u003c\/span\u003e\n \u003cspan class=\"shb-cert-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"shb-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing solide pour cheveux bouclés ?\u003c\/h2\u003e\n \u003cdiv class=\"shb-timeline\"\u003e\n \u003cdiv class=\"shb-timeline-item\"\u003e\n \u003cdiv class=\"shb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"shb-timeline-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003eHumidifiez bien vos cheveux et le shampoing solide sous l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-timeline-item\"\u003e\n \u003cdiv class=\"shb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"shb-timeline-content\"\u003e\n \u003ch3\u003eCréez la mousse\u003c\/h3\u003e\n \u003cp\u003eFrottez le galet entre vos mains ou passez-le directement sur votre cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-timeline-item\"\u003e\n \u003cdiv class=\"shb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"shb-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires, des racines jusqu'aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-timeline-item\"\u003e\n \u003cdiv class=\"shb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"shb-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau fraîche\u003c\/h3\u003e\n \u003cp\u003eL'eau tiède ou froide referme les écailles et maximise la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-tip\"\u003e\n \u003cspan class=\"shb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce de pro :\u003c\/strong\u003e Pour des boucles encore plus définies, complétez avec un après-shampoing solide adapté. Laissez sécher naturellement en froissant légèrement avec vos mains pour accentuer le mouvement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"shb-section\"\u003e\n \u003ch2\u003ePour qui est conçu ce shampoing ?\u003c\/h2\u003e\n \u003cdiv class=\"shb-grid\"\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e🌀 Cheveux bouclés \u0026amp; frisés\u003c\/h3\u003e\n \u003cp\u003eOndulés, bouclés ou frisés en quête de définition parfaite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e💆 Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003epH équilibré à 5,95 pour respecter votre cuir chevelu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eFormule sans huiles essentielles, sûre pendant la grossesse et l'allaitement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e👶 Enfants dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eComposition douce adaptée aux plus jeunes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e💧 Cheveux à tendance grasse\u003c\/h3\u003e\n \u003cp\u003eL'amidon de maïs régule naturellement le sébum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e✈️ Voyageurs\u003c\/h3\u003e\n \u003cp\u003eFormat compact idéal pour les déplacements\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"shb-section\"\u003e\n \u003ch2\u003eDurée de vie et économies\u003c\/h2\u003e\n \u003cdiv class=\"shb-stats-box\"\u003e\n \u003cdiv class=\"shb-stat\"\u003e\n \u003cspan class=\"shb-stat-number\"\u003e85g\u003c\/span\u003e\n \u003cspan class=\"shb-stat-label\"\u003eFormat généreux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-stat\"\u003e\n \u003cspan class=\"shb-stat-number\"\u003e≈40\u003c\/span\u003e\n \u003cspan class=\"shb-stat-label\"\u003eLavages\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-stat\"\u003e\n \u003cspan class=\"shb-stat-number\"\u003e2×\u003c\/span\u003e\n \u003cspan class=\"shb-stat-label\"\u003eBouteilles classiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"shb-section-intro\"\u003eAu-delà de l'aspect économique, vous réduisez considérablement votre impact environnemental en éliminant les emballages plastiques de votre salle de bain. Son format compact passe sans problème en bagage cabine et ne risque pas de couler dans votre trousse de toilette.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"shb-section\"\u003e\n \u003ch2\u003eCe que vos boucles vont adorer\u003c\/h2\u003e\n \u003cdiv class=\"shb-grid\"\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e🌀 Boucles définies\u003c\/h3\u003e\n \u003cp\u003eRebondies sans effet cartonné ni alourdissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e🌧️ Frisottis maîtrisés\u003c\/h3\u003e\n \u003cp\u003eMême par temps humide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n \u003cp\u003eGrâce au pouvoir gainant de l'huile de brocoli\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e🥭 Parfum mangue\u003c\/h3\u003e\n \u003cp\u003eTransforme chaque lavage en moment de plaisir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e🌿 Formule clean\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la en toute confiance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shb-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eEmballage recyclable, sans plastique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"shb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement Endro\u003c\/h2\u003e\n \u003cdiv class=\"shb-cta-box\"\u003e\n \u003cp\u003eEndro, c'est une marque bretonne engagée dans une cosmétique responsable et accessible. Chaque shampoing solide bio est fabriqué localement, avec des ingrédients traçables et une démarche zéro déchet assumée.\u003c\/p\u003e\n \u003cp style=\"margin-top:1rem;\"\u003eEn choisissant ce produit, vous soutenez une entreprise française qui place l'environnement et votre bien-être au cœur de ses priorités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"shb-disclaimer\"\u003eComplément d'une routine capillaire adaptée. Résultats optimaux avec une utilisation régulière.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --shb-cream: #FDF8F4;\n --shb-white: #ffffff;\n --shb-primary: #E07B4C;\n --shb-primary-dark: #C45D2F;\n --shb-primary-light: #FDF0EA;\n --shb-secondary: #D4A574;\n --shb-accent: #5B8A3C;\n --shb-text: #1a1a1a;\n --shb-text-light: #5a5a5a;\n --shb-border: #e8e0d8;\n --shb-shadow: 0 4px 24px rgba(224,123,76,.08);\n --shb-shadow-lg: 0 12px 48px rgba(224,123,76,.15);\n --shb-radius: 20px;\n --shb-radius-sm: 12px;\n}\n\n.shb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--shb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.shb-hero {\n position: relative;\n background: linear-gradient(135deg, #E07B4C 0%, #D4A574 50%, #C45D2F 100%);\n border-radius: var(--shb-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(--shb-shadow-lg);\n}\n\n.shb-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 Q35 15 30 25 Q25 35 30 45 Q35 55 30 55' stroke='%23fff' stroke-width='1.5' fill='none' opacity='.15'\/%3E%3Ccircle cx='15' cy='30' r='3' fill='%23fff' opacity='.1'\/%3E%3Ccircle cx='45' cy='30' r='3' fill='%23fff' opacity='.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.shb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.shb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.shb-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(--shb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.shb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.shb-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.shb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.shb-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.6;\n}\n\n\/* === SECTIONS === *\/\n.shb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.shb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--shb-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.shb-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(--shb-primary), var(--shb-secondary));\n border-radius: 2px;\n}\n\n.shb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--shb-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.shb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.shb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.shb-card {\n background: var(--shb-white);\n border-radius: var(--shb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--shb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.shb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shb-shadow-lg);\n border-color: var(--shb-primary);\n}\n\n.shb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--shb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.shb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--shb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.shb-card-highlight {\n border-left: 4px solid var(--shb-accent);\n text-align: left;\n}\n\n.shb-card-highlight p {\n font-size: 14px;\n}\n\n.shb-grid-compact .shb-card {\n padding: 1rem;\n}\n\n.shb-grid-compact .shb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.shb-grid-compact .shb-card p {\n font-size: 12px;\n}\n\n\/* === ACCORDÉON === *\/\n.shb-accordion {\n background: var(--shb-white);\n border-radius: var(--shb-radius);\n box-shadow: var(--shb-shadow);\n overflow: hidden;\n}\n\n.shb-accordion-item {\n border-bottom: 1px solid var(--shb-border);\n margin: 0;\n padding: 0;\n}\n\n.shb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.shb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--shb-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.shb-accordion-header:hover {\n background: var(--shb-primary-light);\n}\n\n.shb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.shb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--shb-primary);\n transition: transform .2s ease;\n}\n\n.shb-accordion-item[open] .shb-accordion-header::after {\n content: '−';\n}\n\n.shb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--shb-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.shb-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.shb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CERTIFICATIONS === *\/\n.shb-certifications {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.5rem;\n}\n\n.shb-cert-badge {\n padding: 8px 14px;\n background: var(--shb-primary-light);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--shb-primary-dark);\n border: 1px solid var(--shb-primary);\n}\n\n\/* === TIMELINE === *\/\n.shb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.shb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.shb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--shb-primary), var(--shb-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(224,123,76,.3);\n}\n\n.shb-timeline-content {\n flex: 1;\n background: var(--shb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--shb-radius-sm);\n box-shadow: var(--shb-shadow);\n}\n\n.shb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--shb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.shb-timeline-content p {\n font-size: 14px;\n color: var(--shb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.shb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--shb-primary-light);\n border-radius: var(--shb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid rgba(224,123,76,.2);\n}\n\n.shb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.shb-tip p {\n font-size: 14px;\n color: var(--shb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === STATS BOX === *\/\n.shb-stats-box {\n display: flex;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n background: var(--shb-white);\n border-radius: var(--shb-radius);\n padding: 2rem;\n box-shadow: var(--shb-shadow);\n margin-bottom: 1.5rem;\n}\n\n.shb-stat {\n text-align: center;\n}\n\n.shb-stat-number {\n display: block;\n font-size: clamp(32px, 6vw, 48px);\n font-weight: 900;\n color: var(--shb-primary);\n line-height: 1;\n}\n\n.shb-stat-label {\n display: block;\n font-size: 13px;\n color: var(--shb-text-light);\n margin-top: .5rem;\n font-weight: 600;\n}\n\n\/* === CTA FINAL === *\/\n.shb-cta-box {\n background: linear-gradient(135deg, var(--shb-primary) 0%, var(--shb-primary-dark) 100%);\n border-radius: var(--shb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.shb-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: shimmer 3s ease-in-out infinite;\n}\n\n@keyframes shimmer {\n 0%, 100% { transform: rotate(0deg); }\n 50% { transform: rotate(180deg); }\n}\n\n.shb-cta-box p {\n position: relative;\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.shb-disclaimer {\n font-size: 12px;\n color: var(--shb-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 .shb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .shb-card {\n padding: 1.125rem;\n }\n \n .shb-section {\n margin-bottom: 1.75rem;\n }\n \n .shb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--shb-radius-sm);\n }\n \n .shb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .shb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .shb-grid-compact {\n gap: .625rem;\n }\n \n .shb-grid-compact .shb-card {\n padding: .75rem;\n }\n \n .shb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .shb-timeline-content {\n padding: .875rem 1rem;\n }\n \n .shb-timeline-content h3 {\n font-size: 14px;\n }\n \n .shb-timeline-content p {\n font-size: 13px;\n }\n \n .shb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .shb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .shb-stats-box {\n gap: 1.5rem;\n padding: 1.5rem 1rem;\n }\n \n .shb-certifications {\n gap: .5rem;\n }\n \n .shb-cert-badge {\n padding: 6px 10px;\n font-size: 11px;\n }\n \n .shb-card-highlight {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--shb-accent);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .shb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .shb-card:nth-child(1) { animation-delay: .05s; }\n .shb-card:nth-child(2) { animation-delay: .1s; }\n .shb-card:nth-child(3) { animation-delay: .15s; }\n .shb-card:nth-child(4) { animation-delay: .2s; }\n .shb-card:nth-child(5) { animation-delay: .25s; }\n .shb-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 .shb-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":55571761135993,"sku":"NBAIEND0142","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-solide-huile-de-brocoli-et-de-lin-cheveux-boucles--lifestyle.webp?v=1769696579"},{"product_id":"shampoing-solide-huile-de-lin-cheveux-secs-endro","title":"Shampoing solide à l'Huile de Lin - Cheveux Secs - Endro","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shampoing solide à l'Huile de Lin - Cheveux Secs - Endro\nPalette détectée:\n - Primaire: #8B7355 (taupe\/brun rosé du packaging)\n - Secondaire: #5C4A3A (brun foncé du \"n\" et accents)\n - Accent: #D4A5A5 (rose poudré inspiré de l'argile rose)\n - Cream: #F5F0EB (beige naturel doux)\nAmbiance: Naturel, artisanal, doux, bio, épuré, féminin-neutre, bretagne\nPréfixe CSS: ess (endro shampoing solide)\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir ce shampoing solide pour cheveux secs ?\"\n 2. \"Les ingrédients stars et leurs bienfaits\"\n 3. \"Liste complète des ingrédients (INCI)\"\n 4. \"Comment utiliser ce shampoing solide ?\"\n 5. \"Durée de vie et économies\"\n 6. \"À qui s'adresse ce shampoing ?\"\n 7. \"Faut-il utiliser un après-shampoing solide en complément ?\"\n 8. \"Les engagements Endro\"\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=\"ess-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ess-hero\"\u003e\n \u003cdiv class=\"ess-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ess-hero-content\"\u003e\n \u003cdiv class=\"ess-badges-top\"\u003e\n \u003cspan class=\"ess-badge\"\u003e🌿 100% origine naturelle\u003c\/span\u003e\n \u003cspan class=\"ess-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e\n \u003cspan class=\"ess-badge\"\u003e✨ Certifié Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ess-hero-title\"\u003eShampoing Solide à l'Huile de Lin\u003c\/span\u003e\n \u003cp class=\"ess-subtitle\"\u003eLa solution naturelle pour cheveux secs et fragilisés\u003c\/p\u003e\n \u003cp class=\"ess-description\"\u003eFormulé artisanalement par Endro, ce shampoing solide bio combine l'huile de lin nourrissante et l'argile rose purifiante pour redonner souplesse et brillance à vos cheveux déshydratés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing solide pour cheveux secs ?\u003c\/h2\u003e\n \u003cp class=\"ess-section-intro\"\u003eFini les shampoings décapants ou bourrés de silicones ! Découvrez une formule qui prend vraiment soin de vos cheveux secs.\u003c\/p\u003e\n \u003cdiv class=\"ess-grid\"\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e📝 Formule courte et transparente\u003c\/h3\u003e\n \u003cp\u003eSeulement des ingrédients utiles, sans superflu ni agents controversés pour une routine capillaire saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🌾 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile de lin bio gaine et revitalise les fibres capillaires déshydratées en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🧴 Nettoyage doux\u003c\/h3\u003e\n \u003cp\u003eRespecte votre cuir chevelu, même le plus sensible, sans assécher ni agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e♻️ Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eUn format solide écologique qui dure longtemps et protège la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003eLes ingrédients stars et leurs bienfaits\u003c\/h2\u003e\n \u003cp class=\"ess-section-intro\"\u003eChaque composant a été sélectionné pour son action ciblée sur les cheveux secs.\u003c\/p\u003e\n \u003cdiv class=\"ess-grid\"\u003e\n \u003cdiv class=\"ess-card ess-card-highlight\"\u003e\n \u003ch3\u003e🌿 Huile de lin bio\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient phare ! Exceptionnellement riche en oméga-3, elle pénètre la fibre capillaire pour nourrir en profondeur, réduire les frisottis et redonner souplesse et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eGorgée de vitamine E, elle forme un film protecteur naturel contre la chaleur, la pollution et le vent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🩷 Argile rose\u003c\/h3\u003e\n \u003cp\u003eCombinaison de montmorillonite, illite et kaolin qui purifie le cuir chevelu avec une extrême douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eHumectant naturel qui attire et retient l'hydratation au cœur du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🧼 Tensioactifs doux\u003c\/h3\u003e\n \u003cp\u003eD'origine végétale, ils produisent une mousse onctueuse sans agresser ni dessécher vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🍓 Parfum fruits rouges\u003c\/h3\u003e\n \u003cp\u003eUne fragrance gourmande et délicate, sans huiles essentielles pour convenir à tous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"ess-inci-box\"\u003e\n \u003cp class=\"ess-inci-text\"\u003eSodium Coco-Sulfate, Decyl Glucoside, Aqua, Helianthus Annuus Seed Oil*, Linum Usitatissimum Seed Oil*, Glycerin, Montmorillonite, Illite, Kaolin, Parfum, Tocopherol.\u003c\/p\u003e\n \u003cp class=\"ess-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"ess-inci-badge\"\u003e\n \u003cspan\u003e🌱 17% bio\u003c\/span\u003e\n \u003cspan\u003e✅ Cosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing solide ?\u003c\/h2\u003e\n \u003cp class=\"ess-section-intro\"\u003eL'utilisation est simple, vous allez vite l'adopter !\u003c\/p\u003e\n \u003cdiv class=\"ess-timeline\"\u003e\n \u003cdiv class=\"ess-timeline-item\"\u003e\n \u003cdiv class=\"ess-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ess-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eMouillez abondamment votre chevelure sous l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-timeline-item\"\u003e\n \u003cdiv class=\"ess-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ess-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez le galet entre vos mains humides ou passez-le directement sur vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-timeline-item\"\u003e\n \u003cdiv class=\"ess-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ess-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eMassez votre cuir chevelu du bout des doigts en mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-timeline-item\"\u003e\n \u003cdiv class=\"ess-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ess-timeline-content\"\u003e\n \u003ch3\u003eRincez soigneusement\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire jusqu'à éliminer toute la mousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-tip\"\u003e\n \u003cspan class=\"ess-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour prolonger la durée de vie de votre shampoing, laissez-le sécher à l'air libre sur un porte-savon ajouré entre chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003eDurée de vie et économies\u003c\/h2\u003e\n \u003cdiv class=\"ess-stats-box\"\u003e\n \u003cdiv class=\"ess-stat\"\u003e\n \u003cspan class=\"ess-stat-number\"\u003e85g\u003c\/span\u003e\n \u003cspan class=\"ess-stat-label\"\u003eFormat généreux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-stat\"\u003e\n \u003cspan class=\"ess-stat-number\"\u003e≈ 40\u003c\/span\u003e\n \u003cspan class=\"ess-stat-label\"\u003eShampoings\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-stat\"\u003e\n \u003cspan class=\"ess-stat-number\"\u003e= 2\u003c\/span\u003e\n \u003cspan class=\"ess-stat-label\"\u003eBouteilles liquides\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ess-text-center\"\u003eEn plus de faire un geste pour la planète, vous faites aussi un choix économique sur le long terme.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce shampoing ?\u003c\/h2\u003e\n \u003cdiv class=\"ess-grid-compact\"\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🌾 Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eTernes ou manquant de vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e✂️ Pointes abîmées\u003c\/h3\u003e\n \u003cp\u003eFourchues ou cassantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🌸 Cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eFacilement irrité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🌍 Routine naturelle\u003c\/h3\u003e\n \u003cp\u003eEngagée et responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-highlight-box\"\u003e\n \u003cp\u003e👶 \u003cstrong\u003eConvient aux enfants dès 3 ans\u003c\/strong\u003e et aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e grâce à sa formule sans huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003eFaut-il utiliser un après-shampoing solide en complément ?\u003c\/h2\u003e\n \u003cdiv class=\"ess-testimonial\"\u003e\n \u003cp class=\"ess-testimonial-text\"\u003eSi vos cheveux sont très secs ou particulièrement longs, l'ajout d'un après-shampoing solide peut parfaire votre routine. Il facilite le démêlage, apporte une dose supplémentaire de nutrition et laisse vos longueurs soyeuses. Cependant, pour beaucoup d'utilisateurs, ce shampoing se suffit à lui-même grâce à sa richesse en huile de lin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003eLes engagements Endro\u003c\/h2\u003e\n \u003cdiv class=\"ess-grid\"\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en Bretagne\u003c\/h3\u003e\n \u003cp\u003eProduction locale et artisanale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🌿 Certifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eGarantie cosmétique bio contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient synthétique controversé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🚫 Sans silicones\u003c\/h3\u003e\n \u003cp\u003eNi sulfates pétrochimiques, ni plastique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ess-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"ess-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"ess-accordion\"\u003e\n \u003cdetails class=\"ess-accordion-item\"\u003e\n \u003csummary class=\"ess-accordion-header\"\u003eCheveux secs : quel shampoing choisir ?\u003c\/summary\u003e\n \u003cdiv class=\"ess-accordion-content\"\u003e\n \u003cp\u003ePrivilégiez un shampoing pour cheveux secs enrichi en huiles végétales nourrissantes comme l'huile de lin, et évitez les formules contenant des sulfates agressifs ou des silicones qui étouffent la fibre capillaire sans la réparer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ess-accordion-item\"\u003e\n \u003csummary class=\"ess-accordion-header\"\u003eUn shampoing solide mousse-t-il bien ?\u003c\/summary\u003e\n \u003cdiv class=\"ess-accordion-content\"\u003e\n \u003cp\u003eOui ! Ce shampoing solide bio produit une mousse onctueuse et agréable grâce à ses tensioactifs doux d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ess-accordion-item\"\u003e\n \u003csummary class=\"ess-accordion-header\"\u003eCombien de temps dure un shampoing solide ?\u003c\/summary\u003e\n \u003cdiv class=\"ess-accordion-content\"\u003e\n \u003cp\u003eEn moyenne, ce format de 85 g permet environ 40 lavages, soit 2 à 3 mois d'utilisation selon la fréquence de vos shampoings.\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=\"ess-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ess-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos cheveux secs la nutrition qu'ils méritent avec ce shampoing solide bio, artisanal et écologique. Fabriqué avec amour en Bretagne !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ess-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème persistant au niveau du cuir chevelu, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ess-cream: #F5F0EB;\n --ess-white: #ffffff;\n --ess-primary: #8B7355;\n --ess-primary-dark: #5C4A3A;\n --ess-primary-light: #E8DDD4;\n --ess-secondary: #A67C6D;\n --ess-accent: #D4A5A5;\n --ess-text: #1a1a1a;\n --ess-text-light: #5a5a5a;\n --ess-border: #e0e0e0;\n --ess-shadow: 0 4px 24px rgba(92,74,58,.08);\n --ess-shadow-lg: 0 12px 48px rgba(92,74,58,.15);\n --ess-radius: 20px;\n --ess-radius-sm: 12px;\n}\n\n.ess-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ess-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ess-hero {\n position: relative;\n background: linear-gradient(135deg, #8B7355 0%, #A67C6D 50%, #D4A5A5 100%);\n border-radius: var(--ess-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(--ess-shadow-lg);\n}\n\n.ess-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.ess-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ess-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ess-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(--ess-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ess-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ess-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.ess-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.ess-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.ess-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ess-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ess-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.ess-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(--ess-primary), var(--ess-accent));\n border-radius: 2px;\n}\n\n.ess-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ess-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.ess-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ess-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ess-card {\n background: var(--ess-white);\n border-radius: var(--ess-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ess-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ess-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ess-shadow-lg);\n border-color: var(--ess-primary);\n}\n\n.ess-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ess-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ess-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ess-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ess-card-highlight {\n background: linear-gradient(135deg, var(--ess-primary-light) 0%, var(--ess-white) 100%);\n border: 2px solid var(--ess-primary);\n}\n\n.ess-grid-compact .ess-card {\n padding: 1rem;\n}\n\n.ess-grid-compact .ess-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ess-grid-compact .ess-card p {\n font-size: 12px;\n}\n\n.ess-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ess-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ess-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ess-primary), var(--ess-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.ess-timeline-content {\n flex: 1;\n background: var(--ess-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ess-radius-sm);\n box-shadow: var(--ess-shadow);\n}\n\n.ess-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ess-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ess-timeline-content p {\n font-size: 14px;\n color: var(--ess-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ess-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ess-primary-light);\n border-radius: var(--ess-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ess-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ess-tip p {\n font-size: 14px;\n color: var(--ess-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.ess-inci-box {\n background: var(--ess-white);\n border-radius: var(--ess-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ess-shadow);\n text-align: center;\n}\n\n.ess-inci-text {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ess-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n font-family: 'Courier New', monospace;\n}\n\n.ess-inci-note {\n font-size: 13px;\n color: var(--ess-text-light);\n font-style: italic;\n margin: 0 0 1rem 0;\n}\n\n.ess-inci-badge {\n display: flex;\n justify-content: center;\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.ess-inci-badge span {\n background: var(--ess-primary-light);\n color: var(--ess-primary-dark);\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n}\n\n.ess-stats-box {\n display: flex;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n background: var(--ess-white);\n border-radius: var(--ess-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ess-shadow);\n margin-bottom: 1.25rem;\n}\n\n.ess-stat {\n text-align: center;\n}\n\n.ess-stat-number {\n display: block;\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 900;\n color: var(--ess-primary);\n line-height: 1;\n}\n\n.ess-stat-label {\n display: block;\n font-size: 13px;\n color: var(--ess-text-light);\n margin-top: .5rem;\n font-weight: 600;\n}\n\n.ess-text-center {\n text-align: center;\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ess-text-light);\n margin: 0;\n}\n\n.ess-highlight-box {\n background: linear-gradient(135deg, var(--ess-primary-light) 0%, var(--ess-white) 100%);\n border: 2px solid var(--ess-accent);\n border-radius: var(--ess-radius-sm);\n padding: 1rem 1.25rem;\n text-align: center;\n margin-top: 1.25rem;\n}\n\n.ess-highlight-box p {\n font-size: 14px;\n color: var(--ess-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.ess-testimonial {\n background: var(--ess-white);\n border-radius: var(--ess-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ess-shadow);\n border-left: 4px solid var(--ess-primary);\n}\n\n.ess-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ess-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.ess-accordion {\n background: var(--ess-white);\n border-radius: var(--ess-radius);\n box-shadow: var(--ess-shadow);\n overflow: hidden;\n}\n\n.ess-accordion-item {\n border-bottom: 1px solid var(--ess-border);\n margin: 0;\n padding: 0;\n}\n\n.ess-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ess-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ess-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.ess-accordion-header:hover {\n background: var(--ess-primary-light);\n}\n\n.ess-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ess-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ess-primary);\n transition: transform .2s ease;\n}\n\n.ess-accordion-item[open] .ess-accordion-header::after {\n content: '−';\n}\n\n.ess-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ess-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ess-accordion-content p {\n margin: 0;\n}\n\n.ess-cta-box {\n background: linear-gradient(135deg, var(--ess-primary) 0%, var(--ess-primary-dark) 100%);\n border-radius: var(--ess-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ess-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.ess-disclaimer {\n font-size: 12px;\n color: var(--ess-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .ess-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ess-card {\n padding: 1.125rem;\n }\n \n .ess-section {\n margin-bottom: 1.75rem;\n }\n \n .ess-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ess-radius-sm);\n }\n \n .ess-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ess-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ess-grid-compact {\n gap: .625rem;\n }\n \n .ess-grid-compact .ess-card {\n padding: .75rem;\n }\n \n .ess-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .ess-timeline-content {\n padding: .875rem 1rem;\n }\n \n .ess-timeline-content h3 {\n font-size: 14px;\n }\n \n .ess-timeline-content p {\n font-size: 13px;\n }\n \n .ess-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ess-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ess-testimonial {\n padding: 1.25rem;\n }\n \n .ess-testimonial-text {\n font-size: 14px;\n }\n \n .ess-stats-box {\n gap: 1.5rem;\n padding: 1.25rem;\n }\n \n .ess-stat-number {\n font-size: 28px;\n }\n \n .ess-badges-top {\n gap: 6px;\n }\n \n .ess-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .ess-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ess-card:nth-child(1) { animation-delay: .05s; }\n .ess-card:nth-child(2) { animation-delay: .1s; }\n .ess-card:nth-child(3) { animation-delay: .15s; }\n .ess-card:nth-child(4) { animation-delay: .2s; }\n .ess-card:nth-child(5) { animation-delay: .25s; }\n .ess-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 .ess-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":55571800228217,"sku":"NBAIEND0144","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-solide-a-lhuile-de-lin-cheveux-secs-endro-packshothd.webp?v=1787565225"},{"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":"endro-creme-corps-raffermissante-400-ml","title":"Crème corps raffermissante - 400 mL - Endro","description":"\u003cdiv class=\"ecr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ecr-hero\"\u003e\n \u003cdiv class=\"ecr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ecr-hero-content\"\u003e\n \u003cdiv class=\"ecr-badges-top\"\u003e\n \u003cspan class=\"ecr-badge\"\u003e🌿 100 % origine naturelle\u003c\/span\u003e\n \u003cspan class=\"ecr-badge\"\u003e🇫🇷 Fabriquée en Bretagne\u003c\/span\u003e\n \u003cspan class=\"ecr-badge\"\u003e✅ Certifiée Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"ecr-badge\"\u003e🧴 Grand format 400 mL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ecr-hero-title\"\u003eCrème corps raffermissante Endro\u003c\/span\u003e\n \u003cp class=\"ecr-subtitle\"\u003eLift \u0026amp; fermeté — Corps, cou \u0026amp; décolleté\u003c\/p\u003e\n \u003cp class=\"ecr-description\"\u003eActif breveté glycogène, complexe retinol-like et boosters de collagène pour une peau visiblement plus tonique, lissée et repulpée jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ecr-section\"\u003e\n \u003ch2\u003eCrème corps raffermissante Endro : fermeté et éclat pour tout le corps\u003c\/h2\u003e\n \u003cp class=\"ecr-section-intro\"\u003eVous cherchez une \u003cstrong\u003ecrème raffermissante pour le corps\u003c\/strong\u003e qui allie efficacité et naturalité ? La \u003cstrong\u003ecrème corps raffermissante Endro\u003c\/strong\u003e est formulée à partir de \u003cstrong\u003e100 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp class=\"ecr-section-intro\"\u003eConçue pour le corps, le cou et le décolleté, elle associe un actif breveté à base de glycogène, un complexe retinol-like et des boosters de collagène pour aider votre peau à retrouver tonicité et souplesse au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ecr-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème raffermissante ?\u003c\/h2\u003e\n \u003cp class=\"ecr-section-intro\"\u003eLe relâchement cutané concerne tout le monde, à tout âge : variations de poids, grossesse, passage du temps… La peau perd progressivement sa fermeté. Cette \u003cstrong\u003ecrème raffermissante corps\u003c\/strong\u003e a été pensée pour répondre précisément à ce besoin, avec une approche clean et bio.\u003c\/p\u003e\n \u003cdiv class=\"ecr-grid\"\u003e\n \u003cdiv class=\"ecr-card\"\u003e\n \u003ch3\u003e✨ Effet lift et fermeté visible\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'actif breveté glycogène et au complexe retinol-like, la peau paraît plus tonique et lissée jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecr-card\"\u003e\n \u003ch3\u003e🧬 Boosters de collagène naturels\u003c\/h3\u003e\n \u003cp\u003eIls soutiennent la structure de la peau et contribuent à limiter le relâchement cutané en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecr-card\"\u003e\n \u003ch3\u003e🤍 Texture fondante, sans film gras\u003c\/h3\u003e\n \u003cp\u003eLa crème pénètre rapidement et laisse la peau douce, confortable et subtilement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecr-card\"\u003e\n \u003ch3\u003e🧴 Grand format 400 mL\u003c\/h3\u003e\n \u003cp\u003eIdéal pour une utilisation quotidienne sur toutes les zones du corps, du cou au décolleté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecr-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n \u003cp\u003eProduite en Bretagne, dans le respect d'une démarche artisanale et responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecr-card\"\u003e\n \u003ch3\u003e🌿 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eCertifiée par Ecocert — sans ingrédients controversés, pour une routine beauté 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=\"ecr-section\"\u003e\n \u003ch2\u003eDes actifs ciblés pour une peau visiblement plus ferme\u003c\/h2\u003e\n \u003cp class=\"ecr-section-intro\"\u003eCe qui fait de cette crème l'une des \u003cstrong\u003emeilleures crèmes raffermissantes pour le corps\u003c\/strong\u003e, c'est la synergie de ses actifs soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"ecr-grid-compact\"\u003e\n \u003cdiv class=\"ecr-card ecr-card-accent\"\u003e\n \u003ch3\u003e🔬 Actif breveté glycogène\u003c\/h3\u003e\n \u003cp\u003eStimule le renouvellement cellulaire et favorise l'élasticité naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecr-card ecr-card-accent\"\u003e\n \u003ch3\u003e🌱 Complexe retinol-like\u003c\/h3\u003e\n \u003cp\u003eAlternative végétale au rétinol, efficace pour lisser le grain de peau sans irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecr-card ecr-card-accent\"\u003e\n \u003ch3\u003e💎 Boosters de collagène\u003c\/h3\u003e\n \u003cp\u003eRenforcent la densité cutanée pour une peau repulpée et tonifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecr-card ecr-card-accent\"\u003e\n \u003ch3\u003e🫒 Ingrédients nourrissants bio\u003c\/h3\u003e\n \u003cp\u003eHuiles et beurres végétaux qui hydratent en profondeur et protègent la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecr-tip\"\u003e\n \u003cspan class=\"ecr-tip-icon\"\u003e💜\u003c\/span\u003e\n \u003cp\u003eL'ensemble de la formule est conçue pour être douce et respectueuse, y compris sur les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ecr-section\"\u003e\n \u003ch2\u003eComment utiliser cette crème raffermissante ?\u003c\/h2\u003e\n \u003cdiv class=\"ecr-timeline\"\u003e\n \u003cdiv class=\"ecr-timeline-item\"\u003e\n \u003cdiv class=\"ecr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ecr-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur peau propre et sèche\u003c\/h3\u003e\n \u003cp\u003eUne à deux fois par jour, prélevez une dose généreuse de crème à l'aide du flacon pompe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecr-timeline-item\"\u003e\n \u003cdiv class=\"ecr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ecr-timeline-content\"\u003e\n \u003ch3\u003eMassez en mouvements circulaires et ascendants\u003c\/h3\u003e\n \u003cp\u003eInsistez sur les zones sujettes au relâchement : cuisses, bras, ventre, cou et décolleté. Particulièrement appréciée après une grossesse ou une perte de poids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecr-timeline-item\"\u003e\n \u003cdiv class=\"ecr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ecr-timeline-content\"\u003e\n \u003ch3\u003eIntégrez-la à votre routine quotidienne\u003c\/h3\u003e\n \u003cp\u003eLa régularité est la clé : matin ou soir, constatez une amélioration progressive de la fermeté et de la douceur de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ecr-section\"\u003e\n \u003ch2\u003eLes engagements Endro\u003c\/h2\u003e\n \u003cdiv class=\"ecr-grid-compact\"\u003e\n \u003cdiv class=\"ecr-card\"\u003e\n \u003ch3\u003e🌿 100 % naturelle\u003c\/h3\u003e\n \u003cp\u003eFormule d'origine naturelle certifiée bio par Ecocert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecr-card\"\u003e\n \u003ch3\u003e🏠 Artisanale en Bretagne\u003c\/h3\u003e\n \u003cp\u003eFabrication locale, dans le respect des savoir-faire traditionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecr-card\"\u003e\n \u003ch3\u003e🧴 Format généreux\u003c\/h3\u003e\n \u003cp\u003eFlacon pompe pratique de 400 mL pour une utilisation longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecr-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eDémarche écoresponsable et transparence totale sur la composition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ecr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ecr-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à votre peau le soin raffermissant qu'elle mérite — naturel, bio et fabriqué en France avec amour par Endro.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ecr-disclaimer\"\u003eRappel important : ce produit cosmétique ne remplace en aucun cas un avis ou un traitement médical. Les résultats peuvent varier selon les personnes et dépendent d'une utilisation régulière.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ecr-cream: #f5f2f0;\n --ecr-white: #ffffff;\n --ecr-primary: #7b6b8a;\n --ecr-primary-dark: #4a3860;\n --ecr-primary-light: #ece6f0;\n --ecr-secondary: #a68bb5;\n --ecr-accent: #c4a8d4;\n --ecr-text: #1a1a1a;\n --ecr-text-light: #5a5a5a;\n --ecr-border: #e0dce4;\n --ecr-shadow: 0 4px 24px rgba(74,56,96,.08);\n --ecr-shadow-lg: 0 12px 48px rgba(74,56,96,.15);\n --ecr-radius: 20px;\n --ecr-radius-sm: 12px;\n}\n\n.ecr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ecr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ecr-hero {\n position: relative;\n background: linear-gradient(135deg, #5c4a6e 0%, #7b6b8a 40%, #a68bb5 100%);\n border-radius: var(--ecr-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(--ecr-shadow-lg);\n}\n\n.ecr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(196,168,212,.12) 0%, transparent 50%);\n opacity: 1;\n}\n\n.ecr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ecr-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.ecr-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.ecr-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ecr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ecr-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(--ecr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ecr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ecr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ecr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ecr-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.ecr-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(--ecr-primary), var(--ecr-accent));\n border-radius: 2px;\n}\n\n.ecr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ecr-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.ecr-section-intro strong {\n color: var(--ecr-primary-dark);\n}\n\n\/* === CARDS === *\/\n.ecr-card {\n background: var(--ecr-white);\n border-radius: var(--ecr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ecr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ecr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ecr-shadow-lg);\n border-color: var(--ecr-primary);\n}\n\n.ecr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ecr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ecr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ecr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ecr-card-accent {\n background: linear-gradient(145deg, var(--ecr-white) 0%, var(--ecr-primary-light) 100%);\n border: 2px solid var(--ecr-primary-light);\n}\n\n.ecr-card-accent:hover {\n border-color: var(--ecr-primary);\n}\n\n\/* === GRILLES === *\/\n.ecr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ecr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ecr-grid-compact .ecr-card {\n padding: 1rem;\n}\n\n.ecr-grid-compact .ecr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ecr-grid-compact .ecr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ecr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ecr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ecr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ecr-primary), var(--ecr-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(74,56,96,.2);\n}\n\n.ecr-timeline-content {\n flex: 1;\n background: var(--ecr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ecr-radius-sm);\n box-shadow: var(--ecr-shadow);\n}\n\n.ecr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ecr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ecr-timeline-content p {\n font-size: 14px;\n color: var(--ecr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.ecr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ecr-primary-light);\n border-radius: var(--ecr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ecr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ecr-tip p {\n font-size: 14px;\n color: var(--ecr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ecr-cta-box {\n background: linear-gradient(135deg, var(--ecr-primary) 0%, var(--ecr-primary-dark) 100%);\n border-radius: var(--ecr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ecr-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 30% 50%, rgba(196,168,212,.15) 0%, transparent 60%);\n}\n\n.ecr-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.ecr-disclaimer {\n font-size: 12px;\n color: var(--ecr-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 .ecr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ecr-card {\n padding: 1.125rem;\n }\n\n .ecr-section {\n margin-bottom: 1.75rem;\n }\n\n .ecr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ecr-radius-sm);\n }\n\n .ecr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ecr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ecr-grid-compact {\n gap: .625rem;\n }\n\n .ecr-grid-compact .ecr-card {\n padding: .75rem;\n }\n\n .ecr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ecr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ecr-timeline-content h3 {\n font-size: 14px;\n }\n\n .ecr-timeline-content p {\n font-size: 13px;\n }\n\n .ecr-tip {\n padding: .875rem 1rem;\n }\n\n .ecr-badges-top {\n gap: 6px;\n }\n\n .ecr-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ecr-card {\n animation: ecrFadeInUp .5s ease backwards;\n }\n .ecr-card:nth-child(1) { animation-delay: .05s; }\n .ecr-card:nth-child(2) { animation-delay: .1s; }\n .ecr-card:nth-child(3) { animation-delay: .15s; }\n .ecr-card:nth-child(4) { animation-delay: .2s; }\n .ecr-card:nth-child(5) { animation-delay: .25s; }\n .ecr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ecrFadeInUp {\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 .ecr-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":55606222422393,"sku":"NBAIEND0106","price":23.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-corps-raffermissante-endro.webp?v=1754666512"},{"product_id":"deodorant-stick-rose-framboise-50-g-endro","title":"Déodorant Stick Rechargeable 50g - Parfum rose-framboise - Endro","description":"\u003cdiv class=\"endro-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"endro-hero\"\u003e\n\u003cdiv class=\"endro-hero-pattern\"\u003e\u003cbr\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% naturel\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e🏆 100\/100 Yuka\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e⏱️ 48h efficacité\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"endro-hero-title\"\u003eLa fraîcheur florale qui respecte votre peau\u003c\/span\u003e\n\u003cp class=\"endro-subtitle\"\u003ePar Endro • Certifié Bio COSMOS ORGANIC\u003c\/p\u003e\n\u003cp class=\"endro-description\"\u003eUne protection longue durée cliniquement prouvée, dans une formule 100% naturelle qui respecte les peaux les plus sensibles. Le parfum délicat rose-framboise vous accompagne en toute subtilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003cp class=\"endro-section-intro\"\u003eVous cherchez un déodorant stick qui tient vraiment ses promesses ? Découvrez une formule révolutionnaire qui allie naturalité et performance exceptionnelle.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧪 Actif breveté DEOLYA®\u003c\/h3\u003e\n\u003cp\u003eExtrait de reine-des-prés qui neutralise les bactéries responsables des odeurs pendant 48 heures complètes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌱 100% naturel \u0026amp; bio\u003c\/h3\u003e\n\u003cp\u003eContrairement aux déodorants classiques, cette formule certifiée bio ne sacrifie jamais l'efficacité pour la naturalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e✨ 100% satisfaits\u003c\/h3\u003e\n\u003cp\u003e100% des utilisateurs jugent ce déodorant efficace dès la première application. Une performance rare pour un produit naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003ePourquoi ce stick déodorant convient parfaitement aux peaux sensibles\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eFini les picotements, rougeurs et irritations ! La clé : une formule sans bicarbonate de soude.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🚫 Sans bicarbonate\u003c\/h3\u003e\n\u003cp\u003eLe bicarbonate, au pH alcalin, déséquilibre la peau. Ici, c'est l'hydroxyde de magnésium qui absorbe l'humidité tout en respectant votre pH naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🪒 Post-épilation OK\u003c\/h3\u003e\n\u003cp\u003e80% des utilisatrices sont satisfaites même après le rasage. Idéal pour les aisselles fraîchement épilées, particulièrement vulnérables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💆 Apaisant\u003c\/h3\u003e\n\u003cp\u003eLes propriétés calmantes du DEOLYA® et du beurre de karité bio apaisent les irritations et les rougeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eDEOLYA® : l'actif naturel breveté qui change tout\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eAu cœur de ce déodorant rechargeable se trouve un extrait de fleurs de reine-des-prés aux propriétés uniques.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🦠 Action antimicrobienne\u003c\/h3\u003e\n\u003cp\u003eCible spécifiquement les bactéries qui transforment la sueur en odeur désagréable, sans bloquer la transpiration naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌸 Action anti-inflammatoire\u003c\/h3\u003e\n\u003cp\u003eCalme les irritations et les rougeurs, même sur peau stressée par l'épilation ou les frottements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💨 Laisse respirer\u003c\/h3\u003e\n\u003cp\u003eContrairement aux sels d'aluminium, DEOLYA® laisse votre peau respirer naturellement. Vous transpirez sans les odeurs.\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\u003eCette approche respectueuse convient aussi bien aux femmes qu'aux hommes, aux adolescents qu'aux seniors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eUne composition transparente notée 100\/100 sur Yuka\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eScannez ce déodorant avec Yuka : note parfaite garantie. Peu de produits cosmétiques peuvent en dire autant.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n\u003cp\u003eNourrissante et protectrice, elle constitue la base de cette formule douce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌽 Amidon de maïs bio\u003c\/h3\u003e\n\u003cp\u003eAbsorbe naturellement l'humidité pour une sensation de fraîcheur longue durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n\u003cp\u003ePropriétés antibactériennes douces qui complètent l'action du DEOLYA®.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n\u003cp\u003eApaise et répare la peau, même après le rasage ou l'épilation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌰 Huile de macadamia bio\u003c\/h3\u003e\n\u003cp\u003ePénètre rapidement sans graisser pour un confort immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🍊 Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003eAntioxydante, elle protège la peau des agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-exclusions\"\u003e\n\u003cp\u003e\u003cstrong\u003eCe que vous ne trouverez jamais :\u003c\/strong\u003e Sels d'aluminium • Bicarbonate de soude • Parabènes • Phénoxyéthanol • Parfums synthétiques • Huiles minérales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eLe parfum rose-framboise : frais, gourmand et jamais entêtant\u003c\/h2\u003e\n\u003cdiv class=\"endro-fragrance-box\"\u003e\n\u003cdiv class=\"endro-fragrance-content\"\u003e\n\u003cp\u003eCe parfum unique associe la \u003cstrong\u003edélicatesse florale de la rose\u003c\/strong\u003e à la \u003cstrong\u003efraîcheur acidulée de la framboise\u003c\/strong\u003e. 100% d'origine naturelle, il reste subtil tout au long de la journée.\u003c\/p\u003e\n\u003cp\u003eNi trop floral, ni trop sucré, il convient à toutes les saisons et s'accorde parfaitement avec votre eau de toilette habituelle sans créer de dissonance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌹 Notes florales\u003c\/h3\u003e\n\u003cp\u003eRose délicate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🍇 Notes fruitées\u003c\/h3\u003e\n\u003cp\u003eFramboise acidulée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eSans synthétique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e✨ Subtil\u003c\/h3\u003e\n\u003cp\u003eTenue discrète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eFormat rechargeable : 62% de plastique en moins\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eAchetez une fois l'étui durable, puis seulement les recharges. Simple, économique et écologique.\u003c\/p\u003e\n\u003cdiv class=\"endro-timeline\"\u003e\n\u003cdiv class=\"endro-timeline-item\"\u003e\n\u003cspan class=\"endro-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"endro-timeline-content\"\u003e\n\u003ch3\u003eDévissez le fond\u003c\/h3\u003e\n\u003cp\u003eL'étui s'ouvre facilement par le bas pour accéder à la recharge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-timeline-item\"\u003e\n\u003cspan class=\"endro-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"endro-timeline-content\"\u003e\n\u003ch3\u003eRetirez l'ancien stick\u003c\/h3\u003e\n\u003cp\u003eS'il en reste, retirez simplement le reste de l'ancienne recharge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-timeline-item\"\u003e\n\u003cspan class=\"endro-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"endro-timeline-content\"\u003e\n\u003ch3\u003eInsérez la nouvelle recharge\u003c\/h3\u003e\n\u003cp\u003ePlacez la nouvelle recharge dans l'étui en quelques secondes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-timeline-item\"\u003e\n\u003cspan class=\"endro-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"endro-timeline-content\"\u003e\n\u003ch3\u003eRevissez et c'est prêt !\u003c\/h3\u003e\n\u003cp\u003eVotre déodorant est rechargé. L'étui est conçu pour durer des années.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-eco-stat\"\u003e\n\u003cspan class=\"endro-eco-number\"\u003e62%\u003c\/span\u003e \u003cspan class=\"endro-eco-text\"\u003ede déchets plastiques en moins par rapport à un stick classique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e👕 Sans traces\u003c\/h3\u003e\n\u003cp\u003eMême sur noir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🏃 Post-sport\u003c\/h3\u003e\n\u003cp\u003eRéapplication OK\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eUn format pratique de 50g pour 2 à 3 mois d'utilisation\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eUn excellent rapport qualité-durée qui en fait un choix économique malgré son positionnement premium.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧳 Voyage\u003c\/h3\u003e\n\u003cp\u003eTrousse de toilette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🏋️ Sport\u003c\/h3\u003e\n\u003cp\u003eSac de gym\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e✈️ Avion\u003c\/h3\u003e\n\u003cp\u003eBagage cabine OK\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e☀️ Stable\u003c\/h3\u003e\n\u003cp\u003eRésiste à la chaleur\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\u003e50g de produit\u003c\/strong\u003e = 2 à 3 mois d'utilisation quotidienne. La texture solide reste stable même en été ou dans une valise exposée à la chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eFabriqué en France avec engagement\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eEndro est une marque bretonne qui conçoit et fabrique tous ses produits à Pléguien, dans les Côtes-d'Armor.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eSavoir-faire local\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n\u003cp\u003eEmballage recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌍 Biodégradable\u003c\/h3\u003e\n\u003cp\u003eFormule respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🐰 Cruelty Free\u003c\/h3\u003e\n\u003cp\u003eNon testé animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 10 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"endro-inci-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eHelianthus Annuus Seed Oil*\u003c\/strong\u003e (huile de tournesol), \u003cstrong\u003eZea Mays Starch*\u003c\/strong\u003e (amidon de maïs), \u003cstrong\u003eCocos Nucifera Oil*\u003c\/strong\u003e (huile de coco), \u003cstrong\u003eButyrospermum Parkii Butter*\u003c\/strong\u003e (beurre de karité), \u003cstrong\u003eMagnesium Hydroxide\u003c\/strong\u003e (hydroxyde de magnésium), \u003cstrong\u003eParfum**\u003c\/strong\u003e, \u003cstrong\u003eMacadamia Ternifolia Seed Oil*\u003c\/strong\u003e (huile de macadamia), \u003cstrong\u003eTocopherol\u003c\/strong\u003e (vitamine E), \u003cstrong\u003eFilipendula Ulmaria Flower Extract*\u003c\/strong\u003e (extrait de reine-des-prés - DEOLYA®)\u003c\/p\u003e\n\u003cp class=\"endro-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003cbr\u003e\u003cem\u003e**Parfum 100% d'origine naturelle\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌿 99%\u003c\/h3\u003e\n\u003cp\u003eOrigine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌱 73%\u003c\/h3\u003e\n\u003cp\u003eAgriculture bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 11 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eQuestions fréquentes sur ce déodorant Endro\u003c\/h2\u003e\n\u003cdiv class=\"endro-accordion\"\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e🤰 Ce déodorant convient-il aux femmes enceintes ?\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eOui, sa formule naturelle et certifiée bio, sans perturbateurs endocriniens suspectés, convient aux femmes enceintes et allaitantes. En cas de doute, consultez votre médecin ou sage-femme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e🪒 Puis-je l'utiliser juste après l'épilation ou le rasage ?\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eAbsolument. L'absence de bicarbonate et la présence de DEOLYA® aux propriétés apaisantes permettent une application même sur peau fraîchement rasée. 80% des utilisatrices l'ont validé dans les tests cliniques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e👕 Laisse-t-il des traces sur les vêtements ?\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eNon, la texture baume ne laisse pas de résidus blancs visibles, même sur les tissus foncés. Attendez simplement quelques secondes que le produit pénètre avant de vous habiller.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e🔄 Où acheter les recharges ?\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eLes recharges sont disponibles sur notre site et permettent de continuer à utiliser votre étui tout en réduisant votre impact environnemental.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e💧 Ce déodorant bloque-t-il la transpiration ?\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eNon, et c'est voulu. Contrairement aux anti-transpirants qui obstruent les pores, ce déodorant laisse votre corps transpirer naturellement tout en neutralisant les odeurs. La transpiration est un processus physiologique essentiel qu'il vaut mieux ne pas bloquer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 12 - DERNIÈRE SECTION --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"endro-section\"\u003e\n\u003ch2\u003eNotre avis : à qui s'adresse ce déodorant stick rechargeable ?\u003c\/h2\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💆 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui ont la peau sensible ou réactive aux déodorants classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌿 Chercheurs de naturel\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui veulent une alternative naturelle aux grandes marques conventionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e⏱️ Exigence efficacité\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui veulent un déodorant efficace 48h sans compromis sur la composition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsables\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui souhaitent réduire leurs déchets avec un format rechargeable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌸 Amateurs de subtilité\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui apprécient les parfums subtils et 100% naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🇫🇷 Fans du Made in France\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui privilégient les produits fabriqués localement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-cta-box\"\u003e\n\u003cp\u003eAvec sa note parfaite sur Yuka, son efficacité cliniquement prouvée et son engagement écologique, ce déodorant prouve qu'il est possible d'allier \u003cstrong\u003eexigence, naturalité et plaisir sensoriel\u003c\/strong\u003e. Une vraie réussite qui mérite sa place dans votre salle de bain.\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\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --endro-cream: #FDF8F6;\n --endro-white: #ffffff;\n --endro-primary: #C4847A;\n --endro-primary-dark: #8B4A5E;\n --endro-primary-light: #F5E6E3;\n --endro-secondary: #E8A5A0;\n --endro-accent: #D4736A;\n --endro-text: #1a1a1a;\n --endro-text-light: #5a5a5a;\n --endro-border: #e8e0de;\n --endro-shadow: 0 4px 24px rgba(196,132,122,.12);\n --endro-shadow-lg: 0 12px 48px rgba(139,74,94,.18);\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, #D4736A 0%, #C4847A 40%, #E8A5A0 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.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(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.endro-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.endro-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\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: 600px;\n margin-left: auto;\n margin-right: auto;\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-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(196,132,122,.3);\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-fragrance-box {\n background: linear-gradient(135deg, var(--endro-primary-light) 0%, rgba(232,165,160,.2) 100%);\n border-radius: var(--endro-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--endro-primary);\n}\n\n.endro-fragrance-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--endro-text);\n line-height: 1.7;\n margin: 0 0 1rem 0;\n}\n\n.endro-fragrance-content p:last-child {\n margin-bottom: 0;\n}\n\n.endro-eco-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: var(--endro-white);\n border-radius: var(--endro-radius);\n padding: 2rem;\n margin-top: 1.5rem;\n box-shadow: var(--endro-shadow);\n text-align: center;\n}\n\n.endro-eco-number {\n font-size: clamp(48px, 10vw, 72px);\n font-weight: 900;\n color: var(--endro-primary);\n line-height: 1;\n margin-bottom: .5rem;\n}\n\n.endro-eco-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--endro-text-light);\n max-width: 300px;\n}\n\n.endro-exclusions {\n background: var(--endro-white);\n border-radius: var(--endro-radius-sm);\n padding: 1.25rem;\n margin-top: 1.5rem;\n border: 2px dashed var(--endro-border);\n text-align: center;\n}\n\n.endro-exclusions p {\n font-size: 14px;\n color: var(--endro-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.endro-inci-box {\n background: var(--endro-white);\n border-radius: var(--endro-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--endro-shadow);\n}\n\n.endro-inci-box p {\n font-size: 14px;\n color: var(--endro-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.endro-inci-note {\n font-size: 13px !important;\n color: var(--endro-text-light) !important;\n border-top: 1px solid var(--endro-border);\n padding-top: 1rem;\n margin-top: 1rem !important;\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}\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 margin-top: 10px;\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-fragrance-box {\n padding: 1.25rem;\n }\n \n .endro-eco-stat {\n padding: 1.5rem;\n }\n \n .endro-eco-number {\n font-size: 48px;\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":55922971476345,"sku":"NBAIEND0108","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-stick-rechargeable-50g-parfum-rose-framboise-endro-packshothd_0d3c633c-0ec3-4aa6-9a44-0a1d7da6b379.webp?v=1783411278"},{"product_id":"recharge-deodorant-stick-parfum-rose-framboise-endro","title":"Recharge déodorant stick - Parfum rose-framboise - Endro","description":"\u003cdiv class=\"ed-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ed-hero\"\u003e\n \u003cdiv class=\"ed-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ed-hero-content\"\u003e\n \u003cdiv class=\"ed-badges-top\"\u003e\n \u003cspan class=\"ed-badge\"\u003e🌿 100 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"ed-badge\"\u003e🕐 Efficacité 48h\u003c\/span\u003e\n \u003cspan class=\"ed-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"ed-badge\"\u003e♻️ Recharge zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ed-hero-title\"\u003eRecharge déodorant stick Rose-Framboise Endro\u003c\/span\u003e\n \u003cp class=\"ed-subtitle\"\u003eCertifié Bio COSMOS ORGANIC · Peaux sensibles · Actif breveté DEOLYA®\u003c\/p\u003e\n \u003cp class=\"ed-description\"\u003eLa recharge maligne qui se clipse en secondes dans votre étui vide pour 2 à 3 mois de fraîcheur naturelle, avec 62 % de plastique en moins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ed-section\"\u003e\n \u003ch2\u003eRecharge déodorant stick Rose-Framboise Endro – Fraîcheur naturelle 48h pour peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"ed-section-intro\"\u003eVous adorez votre déodorant naturel Endro et vous souhaitez le recharger sans racheter un stick complet ? Cette recharge est la solution idéale : elle se clipse en quelques secondes et vous offre à nouveau jusqu'à \u003cstrong\u003e48 heures de protection efficace\u003c\/strong\u003e contre les odeurs, le tout dans une démarche zéro déchet.\u003c\/p\u003e\n \u003cdiv class=\"ed-grid-compact\"\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e🌸 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée COSMOS ORGANIC par Ecocert, garantie sans ingrédient de synthèse controversé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e🍃 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eL'intégralité des ingrédients est d'origine naturelle, pour une transparence totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e⏱️ Protection 48h\u003c\/h3\u003e\n \u003cp\u003eUn actif breveté qui neutralise les odeurs et renforce la barrière cutanée jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 62 % de plastique en moins par rapport à l'achat d'un stick neuf.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ed-section\"\u003e\n \u003ch2\u003eUne formule douce, sans bicarbonate, pensée pour les peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"ed-section-intro\"\u003eContrairement à de nombreux déodorants naturels du commerce, cette recharge Endro ne contient \u003cstrong\u003eni bicarbonate de soude, ni alcool, ni sels d'aluminium\u003c\/strong\u003e. La marque bretonne mise sur trois actifs complémentaires pour une efficacité redoutable :\u003c\/p\u003e\n \u003cdiv class=\"ed-grid\"\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e🌿 DEOLYA® (reine-des-prés)\u003c\/h3\u003e\n \u003cp\u003eCet actif breveté neutralise les odeurs dès l'application et renforce la barrière cutanée au fil du temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e🧪 Hydroxyde de magnésium\u003c\/h3\u003e\n \u003cp\u003eRégule naturellement le pH de la peau et limite la prolifération des bactéries responsables des mauvaises odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e🔬 Citrate de triéthyle\u003c\/h3\u003e\n \u003cp\u003eAgit à la source en empêchant la dégradation de la sueur, sans jamais bloquer le processus naturel de transpiration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-tip\"\u003e\n \u003cspan class=\"ed-tip-icon\"\u003e🌹\u003c\/span\u003e\n \u003cp\u003eLe résultat ? Une \u003cstrong\u003etexture baume fondante\u003c\/strong\u003e qui ne laisse ni traces blanches ni résidu collant, avec un \u003cstrong\u003eparfum délicat de rose et framboise\u003c\/strong\u003e qui accompagne votre journée en toute légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ed-section\"\u003e\n \u003ch2\u003eRésultats prouvés cliniquement*\u003c\/h2\u003e\n \u003cdiv class=\"ed-grid-compact\"\u003e\n \u003cdiv class=\"ed-card ed-card-stat\"\u003e\n \u003ch3\u003e💯 100 %\u003c\/h3\u003e\n \u003cp\u003edes testeurs le jugent efficace dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card ed-card-stat\"\u003e\n \u003ch3\u003e📉 58 %\u003c\/h3\u003e\n \u003cp\u003ede mauvaises odeurs en moins après un effort sportif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card ed-card-stat\"\u003e\n \u003ch3\u003e🛡️ 28 jours\u003c\/h3\u003e\n \u003cp\u003eBarrière cutanée renforcée et inflammations réduites après 28 jours d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card ed-card-stat\"\u003e\n \u003ch3\u003e✨ 80 %\u003c\/h3\u003e\n \u003cp\u003edes utilisateurs constatent une meilleure tolérance après rasage ou épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ed-disclaimer\"\u003e*Tests réalisés sur un panel de 18 volontaires sujets aux irritations pendant 28 jours.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ed-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients\u003c\/h2\u003e\n \u003cdiv class=\"ed-accordion\"\u003e\n \u003cdetails class=\"ed-accordion-item\"\u003e\n \u003csummary class=\"ed-accordion-header\"\u003e📋 Formule INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"ed-accordion-content mt-3\"\u003e\n \u003cp\u003eHelianthus Annuus Seed Oil (huile de tournesol), Zea Mays Starch (amidon de maïs), Oryza Sativa Bran Cera (cire de son de riz), Magnesium Hydroxide, Triethyl Citrate, Zinc PCA, Spiraea Ulmaria Extract (DEOLYA®), Parfum (fragrance naturelle).\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=\"ed-section\"\u003e\n \u003ch2\u003eComment recharger votre stick Endro ?\u003c\/h2\u003e\n \u003cdiv class=\"ed-timeline\"\u003e\n \u003cdiv class=\"ed-timeline-item\"\u003e\n \u003cdiv class=\"ed-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ed-timeline-content\"\u003e\n \u003ch3\u003eRetirez le socle\u003c\/h3\u003e\n \u003cp\u003eTournez la molette de votre stick vide pour retirer le socle transparent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-timeline-item\"\u003e\n \u003cdiv class=\"ed-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ed-timeline-content\"\u003e\n \u003ch3\u003eLibérez le bloc\u003c\/h3\u003e\n \u003cp\u003eDéclipsez le couvercle de la recharge, puis poussez doucement par le trou central pour libérer le bloc.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-timeline-item\"\u003e\n \u003cdiv class=\"ed-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ed-timeline-content\"\u003e\n \u003ch3\u003eInsérez la recharge\u003c\/h3\u003e\n \u003cp\u003eAlignez la recharge sur la vis du stick et tournez la molette pour l'insérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-tip\"\u003e\n \u003cspan class=\"ed-tip-icon\"\u003e🎉\u003c\/span\u003e\n \u003cp\u003eC'est prêt ! Vous repartez pour \u003cstrong\u003e2 à 3 mois de fraîcheur naturelle\u003c\/strong\u003e, tout en réduisant jusqu'à \u003cstrong\u003e62 % de plastique\u003c\/strong\u003e par rapport à l'achat d'un stick neuf.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ed-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant naturel plutôt qu'un stick conventionnel ?\u003c\/h2\u003e\n \u003cdiv class=\"ed-grid\"\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e📝 Formule courte\u003c\/h3\u003e\n \u003cp\u003eSeulement 8 ingrédients d'origine naturelle pour une transparence totale sur ce que vous appliquez chaque jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e🐰 Végan \u0026amp; éthique\u003c\/h3\u003e\n \u003cp\u003eEngagement végan sans tests sur les animaux. Convient aussi bien aux femmes qu'aux hommes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e⚓ Fabriqué en Bretagne\u003c\/h3\u003e\n \u003cp\u003eFabrication artisanale en Bretagne, certification bio et savoir-faire français pour un soin de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-cta-box\"\u003e\n \u003cp\u003e🌸 Prenez soin de vos aisselles avec une formule naturelle, certifiée bio et rechargeable. Rose-Framboise, la fraîcheur qui vous accompagne en toute légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ed-disclaimer\"\u003eCe produit ne constitue pas un traitement médical. En cas d'irritation persistante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ed-cream: #faf5f2;\n --ed-white: #ffffff;\n --ed-primary: #d4907c;\n --ed-primary-dark: #a85e4e;\n --ed-primary-light: #f8ece7;\n --ed-secondary: #e8a5b3;\n --ed-accent: #c94a6e;\n --ed-text: #1a1a1a;\n --ed-text-light: #5a5a5a;\n --ed-border: #e8ddd8;\n --ed-shadow: 0 4px 24px rgba(168,94,78,.08);\n --ed-shadow-lg: 0 12px 48px rgba(168,94,78,.15);\n --ed-radius: 20px;\n --ed-radius-sm: 12px;\n}\n\n.ed-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ed-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ed-hero {\n position: relative;\n background: linear-gradient(135deg, #d4907c 0%, #c9788a 50%, #e8a5b3 100%);\n border-radius: var(--ed-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(--ed-shadow-lg);\n}\n\n.ed-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,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%);\n opacity: 1;\n}\n\n.ed-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ed-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.ed-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ed-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ed-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ed-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(--ed-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ed-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ed-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ed-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ed-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.ed-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(--ed-primary), var(--ed-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ed-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ed-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.ed-card {\n background: var(--ed-white);\n border-radius: var(--ed-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ed-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ed-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ed-shadow-lg);\n border-color: var(--ed-primary);\n}\n\n.ed-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ed-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ed-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ed-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ed-card-stat h3 {\n font-size: clamp(18px, 3.5vw, 26px);\n color: var(--ed-accent);\n}\n\n\/* === GRILLES === *\/\n.ed-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ed-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ed-grid-compact .ed-card {\n padding: 1rem;\n}\n\n.ed-grid-compact .ed-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ed-grid-compact .ed-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ed-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ed-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ed-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ed-primary), var(--ed-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.ed-timeline-content {\n flex: 1;\n background: var(--ed-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ed-radius-sm);\n box-shadow: var(--ed-shadow);\n}\n\n.ed-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ed-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ed-timeline-content p {\n font-size: 14px;\n color: var(--ed-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ed-testimonial {\n background: var(--ed-white);\n border-radius: var(--ed-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ed-shadow);\n border-left: 4px solid var(--ed-primary);\n}\n\n.ed-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ed-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ed-accordion {\n background: var(--ed-white);\n border-radius: var(--ed-radius);\n box-shadow: var(--ed-shadow);\n overflow: hidden;\n}\n\n.ed-accordion-item {\n border-bottom: 1px solid var(--ed-border);\n margin: 0;\n padding: 0;\n}\n\n.ed-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ed-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ed-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.ed-accordion-header:hover {\n background: var(--ed-primary-light);\n}\n\n.ed-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ed-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ed-primary);\n transition: transform .2s ease;\n}\n\n.ed-accordion-item[open] .ed-accordion-header::after {\n content: '−';\n}\n\n.ed-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ed-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ed-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ed-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ed-primary-light);\n border-radius: var(--ed-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ed-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ed-tip p {\n font-size: 14px;\n color: var(--ed-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.ed-cta-box {\n background: linear-gradient(135deg, var(--ed-primary) 0%, var(--ed-primary-dark) 100%);\n border-radius: var(--ed-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.ed-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.ed-disclaimer {\n font-size: 12px;\n color: var(--ed-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ed-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ed-card {\n padding: 1.125rem;\n }\n\n .ed-section {\n margin-bottom: 1.75rem;\n }\n\n .ed-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ed-radius-sm);\n }\n\n .ed-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ed-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ed-grid-compact {\n gap: .625rem;\n }\n\n .ed-grid-compact .ed-card {\n padding: .75rem;\n }\n\n .ed-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ed-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ed-timeline-content h3 {\n font-size: 14px;\n }\n\n .ed-timeline-content p {\n font-size: 13px;\n }\n\n .ed-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ed-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ed-testimonial {\n padding: 1.25rem;\n }\n\n .ed-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ed-card {\n animation: edFadeInUp .5s ease backwards;\n }\n .ed-card:nth-child(1) { animation-delay: .05s; }\n .ed-card:nth-child(2) { animation-delay: .1s; }\n .ed-card:nth-child(3) { animation-delay: .15s; }\n .ed-card:nth-child(4) { animation-delay: .2s; }\n .ed-card:nth-child(5) { animation-delay: .25s; }\n .ed-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes edFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ed-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":55923008864633,"sku":"NBAIEND0109","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-deodorant-stick-parfum-rose-framboise-endro-packshothd.webp?v=1787566071"},{"product_id":"dentifrice-blancheur-menthe-glaciale-175-g-endro","title":"Dentifrice Actif Blancheur Menthe Glaciale - 175 g - Endro","description":"\u003cdiv class=\"edr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"edr-hero\"\u003e\n \u003cdiv class=\"edr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"edr-hero-content\"\u003e\n \u003cdiv class=\"edr-badges-top\"\u003e\n \u003cspan class=\"edr-badge\"\u003e🌿 100 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"edr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"edr-badge\"\u003e🏅 Certifié Bio COSMOS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"edr-hero-title\"\u003eDentifrice Actif Blancheur Menthe Glaciale\u003c\/span\u003e\n \u003cp class=\"edr-subtitle\"\u003eEndro — 175 g\u003c\/p\u003e\n \u003cp class=\"edr-description\"\u003eUn gel frais et doux au fluor 1450 ppm, enrichi en aloe vera et algue marine, pour des dents visiblement plus blanches sans agresser l'émail.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eDentifrice Actif Blancheur Menthe Glaciale Endro : des dents plus blanches, naturellement\u003c\/h2\u003e\n \u003cp class=\"edr-section-intro\"\u003eVous cherchez un \u003cstrong\u003edentifrice blanchissant efficace\u003c\/strong\u003e qui respecte à la fois vos dents et la planète ? Le \u003cstrong\u003eDentifrice Actif Blancheur Menthe Glaciale d'Endro\u003c\/strong\u003e combine le meilleur de la nature et du fluor pour une hygiène bucco-dentaire complète. Certifié \u003cstrong\u003eBio COSMOS ORGANIC\u003c\/strong\u003e et composé à 100 % d'ingrédients d'origine naturelle, il prouve qu'un \u003cstrong\u003edentifrice blancheur\u003c\/strong\u003e peut être performant sans compromettre votre santé ni l'environnement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce dentifrice blanchissant bio ?\u003c\/h2\u003e\n \u003cp class=\"edr-section-intro\"\u003eContrairement à de nombreux dentifrices blanchissants du commerce dont les formules peuvent se révéler trop abrasives, celui d'Endro mise sur des actifs naturels ciblés et un \u003cstrong\u003efluor dosé à 1450 ppm\u003c\/strong\u003e, exactement le dosage recommandé par les dentistes. Résultat : vous prenez soin de la blancheur de vos dents sans agresser l'émail.\u003c\/p\u003e\n \u003cdiv class=\"edr-grid-compact\"\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🦷 1450 ppm de fluor\u003c\/h3\u003e\n \u003cp\u003eLe dosage exact recommandé par les professionnels dentaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eDes actifs ciblés, zéro ingrédient agressif pour l'émail\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🧪 Non abrasif\u003c\/h3\u003e\n \u003cp\u003eUne formule gel douce qui respecte vos dents au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eLabel COSMOS ORGANIC pour une transparence totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eDes actifs naturels aux bienfaits concrets\u003c\/h2\u003e\n \u003cp class=\"edr-section-intro\"\u003eChaque ingrédient a été sélectionné pour son action spécifique sur votre sourire :\u003c\/p\u003e\n \u003cdiv class=\"edr-grid\"\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🌵 Extrait d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise et protège les gencives sensibles, favorise la cicatrisation des petites irritations buccales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🌊 Extrait de codium fragile\u003c\/h3\u003e\n \u003cp\u003eCette algue marine empêche l'ancrage des particules colorantes sur l'émail et lutte contre la plaque dentaire et la mauvaise haleine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🛡️ Fluor (1450 ppm)\u003c\/h3\u003e\n \u003cp\u003eFluorure de sodium qui renforce l'émail, prévient les caries et aide à la reminéralisation des zones fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🔬 Érythritol\u003c\/h3\u003e\n \u003cp\u003eLimite la prolifération des bactéries responsables de la plaque, pour des dents durablement propres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e❄️ Cristaux de menthol bio\u003c\/h3\u003e\n \u003cp\u003eProcurent une sensation de fraîcheur glaciale longue durée après chaque brossage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eUne texture gel agréable au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"edr-testimonial\"\u003e\n \u003cp class=\"edr-testimonial-text\"\u003eOubliez les pâtes épaisses ou granuleuses. Ce dentifrice se présente sous forme de \u003cstrong\u003egel doux et légèrement moussant\u003c\/strong\u003e, qui glisse naturellement sur les dents et les gencives. Le goût \u003cstrong\u003ementhe glaciale\u003c\/strong\u003e est frais sans être agressif : chaque brossage devient un vrai moment de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-tip\"\u003e\n \u003cspan class=\"edr-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eSon flacon pompe de \u003cstrong\u003e175 g\u003c\/strong\u003e est pratique, hygiénique et permet de doser facilement la quantité nécessaire — fini le gaspillage !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"edr-timeline\"\u003e\n \u003cdiv class=\"edr-timeline-item\"\u003e\n \u003cdiv class=\"edr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eDéposez l'équivalent d'un petit pois de gel sur une brosse à dents souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-item\"\u003e\n \u003cdiv class=\"edr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-content\"\u003e\n \u003ch3\u003eBrossez 2 minutes\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires doux de la gencive vers la dent, matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-item\"\u003e\n \u003cdiv class=\"edr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment la bouche à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-item\"\u003e\n \u003cdiv class=\"edr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-content\"\u003e\n \u003ch3\u003eComplétez\u003c\/h3\u003e\n \u003cp\u003ePour de meilleurs résultats, associez ce dentifrice au passage régulier du fil dentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"edr-accordion\"\u003e\n \u003cdetails class=\"edr-accordion-item\" open\u003e\n \u003csummary class=\"edr-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Glycerin**, Hydrated Silica, Xanthan Gum, Erythritol, Decyl Glucoside, Menthol*, Sodium Fluoride, Codium Fragile Extract, Aloe Barbadensis Leaf Juice Powder*, Aroma (Flavor), Mentha Piperita Oil, Sodium Lauroyl Lactylate, Sodium Caproyl Lactylate, Mentha Viridis Leaf Oil, Carvone, Limonene, Butylene Glycol, Pentylene Glycol.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique\u003cbr\u003e** Transformé à partir d'ingrédients biologiques – environ 39 % du total des ingrédients sont issus du bio.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eEngagements et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"edr-grid-compact\"\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en Bretagne avec des ingrédients tracés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eSans aucun ingrédient d'origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eEmballage pensé pour réduire l'impact environnemental\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🔄 Engagé\u003c\/h3\u003e\n \u003cp\u003eRemplacement progressif des plastiques par des matériaux recyclables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"edr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"edr-accordion\"\u003e\n \u003cdetails class=\"edr-accordion-item\"\u003e\n \u003csummary class=\"edr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe dentifrice contient des cristaux de menthol et \u003cstrong\u003ene convient pas aux femmes enceintes ou allaitantes\u003c\/strong\u003e. Tenir hors de portée des enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"edr-accordion-item\"\u003e\n \u003csummary class=\"edr-accordion-header\"\u003e👶 Fluor et enfants\u003c\/summary\u003e\n \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n \u003cp\u003eL'apport en fluor selon les âges doit être évalué par un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"edr-accordion-item\"\u003e\n \u003csummary class=\"edr-accordion-header\"\u003eℹ️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne se substitue en aucun cas à un traitement ou un suivi dentaire médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"edr-disclaimer\"\u003eLes informations fournies ne remplacent pas l'avis d'un professionnel de santé. Un dentifrice ne peut se substituer à un suivi dentaire régulier.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --edr-cream: #f5f5f0;\n --edr-white: #ffffff;\n --edr-primary: #7a9e8e;\n --edr-primary-dark: #4a6e5c;\n --edr-primary-light: #e8f0eb;\n --edr-secondary: #a3c4b1;\n --edr-accent: #5b8a72;\n --edr-text: #1a1a1a;\n --edr-text-light: #5a5a5a;\n --edr-border: #dde5df;\n --edr-shadow: 0 4px 24px rgba(74,110,92,.08);\n --edr-shadow-lg: 0 12px 48px rgba(74,110,92,.15);\n --edr-radius: 20px;\n --edr-radius-sm: 12px;\n}\n\n.edr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--edr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.edr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--edr-primary-dark) 0%, var(--edr-primary) 50%, var(--edr-secondary) 100%);\n border-radius: var(--edr-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(--edr-shadow-lg);\n}\n\n.edr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.edr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.edr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.edr-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(--edr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.edr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.edr-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.edr-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.edr-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.edr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.edr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--edr-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.edr-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(--edr-primary), var(--edr-secondary));\n border-radius: 2px;\n}\n\n.edr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--edr-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.edr-section-intro strong {\n color: var(--edr-primary-dark);\n}\n\n\/* === CARDS === *\/\n.edr-card {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--edr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.edr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--edr-shadow-lg);\n border-color: var(--edr-primary);\n}\n\n.edr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--edr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.edr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--edr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.edr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.edr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.edr-grid-compact .edr-card {\n padding: 1rem;\n}\n\n.edr-grid-compact .edr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.edr-grid-compact .edr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.edr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.edr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.edr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--edr-primary), var(--edr-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.edr-timeline-content {\n flex: 1;\n background: var(--edr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--edr-radius-sm);\n box-shadow: var(--edr-shadow);\n}\n\n.edr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--edr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.edr-timeline-content p {\n font-size: 14px;\n color: var(--edr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.edr-testimonial {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--edr-shadow);\n border-left: 4px solid var(--edr-primary);\n}\n\n.edr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--edr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.edr-testimonial-text strong {\n color: var(--edr-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.edr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--edr-primary-light);\n border-radius: var(--edr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.edr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.edr-tip p {\n font-size: 14px;\n color: var(--edr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.edr-tip p strong {\n color: var(--edr-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.edr-accordion {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n box-shadow: var(--edr-shadow);\n overflow: hidden;\n}\n\n.edr-accordion-item {\n border-bottom: 1px solid var(--edr-border);\n margin: 0;\n padding: 0;\n}\n\n.edr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.edr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--edr-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.edr-accordion-header:hover {\n background: var(--edr-primary-light);\n}\n\n.edr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.edr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--edr-primary);\n transition: transform .2s ease;\n}\n\n.edr-accordion-item[open] .edr-accordion-header::after {\n content: '−';\n}\n\n.edr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--edr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.edr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.edr-cta-box {\n background: linear-gradient(135deg, var(--edr-primary) 0%, var(--edr-primary-dark) 100%);\n border-radius: var(--edr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.edr-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.edr-disclaimer {\n font-size: 12px;\n color: var(--edr-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 .edr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .edr-card {\n padding: 1.125rem;\n }\n\n .edr-section {\n margin-bottom: 1.75rem;\n }\n\n .edr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--edr-radius-sm);\n }\n\n .edr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .edr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .edr-grid-compact {\n gap: .625rem;\n }\n\n .edr-grid-compact .edr-card {\n padding: .75rem;\n }\n\n .edr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .edr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .edr-timeline-content h3 {\n font-size: 14px;\n }\n\n .edr-timeline-content p {\n font-size: 13px;\n }\n\n .edr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .edr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .edr-testimonial {\n padding: 1.25rem;\n }\n\n .edr-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .edr-card {\n animation: edrFadeInUp .5s ease backwards;\n }\n .edr-card:nth-child(1) { animation-delay: .05s; }\n .edr-card:nth-child(2) { animation-delay: .1s; }\n .edr-card:nth-child(3) { animation-delay: .15s; }\n .edr-card:nth-child(4) { animation-delay: .2s; }\n .edr-card:nth-child(5) { animation-delay: .25s; }\n .edr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes edrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .edr-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":55926781935993,"sku":"NBAIEND0053","price":10.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-endro-menthe-glaciale-175-pack.webp?v=1759759322"},{"product_id":"recharge-dentifrice-actif-blancheur-menthe-glaciale-350-g-endro","title":"Recharge Dentifrice Actif Blancheur Menthe Glaciale - 350 g - Endro","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Recharge Dentifrice Actif Blancheur Menthe Glaciale - 350 g - Endro\nPalette détectée:\n - Primaire: #7A9E8E (vert sauge\/menthe du packaging)\n - Secondaire: #5B7D6C (vert foncé profond)\n - Accent: #B8D4C8 (vert clair\/menthe glaciale)\n - Background packaging: #A3BFAF (vert sauge moyen)\nAmbiance: Naturel\/bio, éco-responsable, minimaliste élégant, fraîcheur nordique\nPréfixe CSS: ed\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Recharge dentifrice blancheur bio Endro : le choix naturel pour un sourire éclatant\"\n 2. \"Une formule 100 % naturelle avec fluor et actif blancheur\"\n 3. \"Goût menthe glaciale : une fraîcheur intense à chaque brossage\"\n 4. \"Liste complète des ingrédients\"\n 5. \"Comment utiliser cette recharge ?\"\n 6. \"Pourquoi préférer cette recharge aux tubes classiques ?\"\n 7. \"Un engagement concret pour moins de déchets\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ed-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ed-hero\"\u003e\n \u003cdiv class=\"ed-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ed-hero-content\"\u003e\n \u003cdiv class=\"ed-badges-top\"\u003e\n \u003cspan class=\"ed-badge\"\u003e🌿 100 % origine naturelle\u003c\/span\u003e\n \u003cspan class=\"ed-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ed-badge\"\u003e♻️ Éco-recharge 350 g\u003c\/span\u003e\n \u003cspan class=\"ed-badge\"\u003e🐰 Végane \u0026amp; cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ed-hero-title\"\u003eRecharge dentifrice actif blancheur menthe glaciale\u003c\/span\u003e\n \u003cp class=\"ed-subtitle\"\u003eEndro — Certifiée COSMOS Organic\u003c\/p\u003e\n \u003cp class=\"ed-description\"\u003e350 g de formule bio pour un sourire éclatant et jusqu'à 5 tubes plastiques évités. L'éco-geste qui change votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ed-section\"\u003e\n \u003ch2\u003eRecharge dentifrice blancheur bio Endro : le choix naturel pour un sourire éclatant\u003c\/h2\u003e\n \u003cp class=\"ed-section-intro\"\u003eVous recherchez le \u003cstrong\u003emeilleur dentifrice blancheur\u003c\/strong\u003e alliant efficacité, naturalité et démarche écologique ? Cette \u003cstrong\u003erecharge dentifrice actif blancheur menthe glaciale\u003c\/strong\u003e d'Endro coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"ed-grid-compact\"\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e⚖️ 350 g de formule bio\u003c\/h3\u003e\n \u003cp\u003eCertifiée COSMOS Organic pour une hygiène bucco-dentaire irréprochable et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e🔄 2 rechargements complets\u003c\/h3\u003e\n \u003cp\u003eRemplit deux fois votre flacon aluminium Endro, pour des mois de brossage serein.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e🚫 5 tubes plastiques évités\u003c\/h3\u003e\n \u003cp\u003eL'équivalent de cinq tubes de dentifrice classiques en moins dans vos poubelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e🌍 Un geste concret\u003c\/h3\u003e\n \u003cp\u003eUn choix simple qui change vraiment la donne pour votre routine et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ed-section\"\u003e\n \u003ch2\u003eUne formule 100 % naturelle avec fluor et actif blancheur\u003c\/h2\u003e\n \u003cp class=\"ed-section-intro\"\u003eContrairement aux dentifrices blancheur conventionnels trop abrasifs, Endro mise sur des actifs doux et scientifiquement prouvés pour respecter vos dents autant qu'en prendre soin.\u003c\/p\u003e\n \u003cdiv class=\"ed-grid\"\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e💎 Silice hydratée\u003c\/h3\u003e\n \u003cp\u003eAgent polissant doux qui élimine les taches en surface \u003cstrong\u003esans agresser l'émail\u003c\/strong\u003e. Une action mécanique délicate pour un nettoyage en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e🛡️ Fluor\u003c\/h3\u003e\n \u003cp\u003ePrésent à la \u003cstrong\u003econcentration recommandée\u003c\/strong\u003e par les professionnels de santé, il renforce l'émail et prévient les caries au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e🌊 Codium fragile\u003c\/h3\u003e\n \u003cp\u003eExtrait d'algue marine offrant un \u003cstrong\u003eactif blancheur naturel\u003c\/strong\u003e qui agit en complément de la silice pour retrouver progressivement un sourire plus lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-tip\"\u003e\n \u003cspan class=\"ed-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e un dentifrice blancheur qui respecte vos dents autant qu'il en prend soin, brossage après brossage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ed-section\"\u003e\n \u003ch2\u003eGoût menthe glaciale : une fraîcheur intense à chaque brossage\u003c\/h2\u003e\n \u003cdiv class=\"ed-testimonial\"\u003e\n \u003cp class=\"ed-testimonial-text\"\u003eSi vous aimez cette sensation de fraîcheur puissante après le brossage, vous allez adorer ce \u003cstrong\u003edentifrice menthe glaciale\u003c\/strong\u003e. Le mélange de \u003cstrong\u003ementhol\u003c\/strong\u003e et d'\u003cstrong\u003ehuiles essentielles de menthe bio\u003c\/strong\u003e procure une haleine durablement fraîche. Fini les arômes artificiels : ici, tout est d'origine naturelle, et ça se sent dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ed-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients\u003c\/h2\u003e\n \u003cdiv class=\"ed-accordion\"\u003e\n \u003cdetails class=\"ed-accordion-item\" open\u003e\n \u003csummary class=\"ed-accordion-header\"\u003e💧 Base hydratante et texturisante\u003c\/summary\u003e\n \u003cdiv class=\"ed-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eAqua\u003c\/strong\u003e – Eau\u003cbr\u003e\n \u003cstrong\u003eGlycerin*\u003c\/strong\u003e – Glycérine végétale hydratante\u003cbr\u003e\n \u003cstrong\u003eHydrated Silica\u003c\/strong\u003e – Silice hydratée (agent abrasif doux et polissant)\u003cbr\u003e\n \u003cstrong\u003eXanthan Gum\u003c\/strong\u003e – Gélifiant naturel\u003cbr\u003e\n \u003cstrong\u003eErythritol\u003c\/strong\u003e – Édulcorant naturel non cariogène\u003cbr\u003e\n \u003cstrong\u003eDecyl Glucoside\u003c\/strong\u003e – Tensioactif moussant doux d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ed-accordion-item\"\u003e\n \u003csummary class=\"ed-accordion-header\"\u003e🌿 Actifs et arômes\u003c\/summary\u003e\n \u003cdiv class=\"ed-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eMenthol*, Aroma, Mentha Piperita Oil*\u003c\/strong\u003e – Arôme et huiles essentielles de menthe bio\u003cbr\u003e\n \u003cstrong\u003eSodium Fluoride\u003c\/strong\u003e – Fluor pour la protection de l'émail\u003cbr\u003e\n \u003cstrong\u003eCodium Fragile Extract\u003c\/strong\u003e – Actif blancheur d'origine marine\u003cbr\u003e\n \u003cstrong\u003eAloe Barbadensis Leaf Juice Powder*\u003c\/strong\u003e – Poudre d'aloe vera bio apaisante\u003cbr\u003e\n \u003cstrong\u003eSodium Bicarbonate\u003c\/strong\u003e – Carbonate végétal purifiant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"ed-disclaimer\"\u003e* Ingrédients issus de l'agriculture biologique – 39 % du total des ingrédients sont biologiques.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ed-section\"\u003e\n \u003ch2\u003eComment utiliser cette recharge ?\u003c\/h2\u003e\n \u003cdiv class=\"ed-timeline\"\u003e\n \u003cdiv class=\"ed-timeline-item\"\u003e\n \u003cdiv class=\"ed-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ed-timeline-content\"\u003e\n \u003ch3\u003eTransvasez\u003c\/h3\u003e\n \u003cp\u003eDévissez le bouchon de votre \u003cstrong\u003eflacon en aluminium rechargeable\u003c\/strong\u003e Endro et transvasez délicatement la recharge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-timeline-item\"\u003e\n \u003cdiv class=\"ed-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ed-timeline-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de dentifrice sur votre brosse à dents humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-timeline-item\"\u003e\n \u003cdiv class=\"ed-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ed-timeline-content\"\u003e\n \u003ch3\u003eBrossez 2 à 3 minutes\u003c\/h3\u003e\n \u003cp\u003eMatin et soir, effectuez des \u003cstrong\u003emouvements circulaires doux\u003c\/strong\u003e pour un nettoyage optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-timeline-item\"\u003e\n \u003cdiv class=\"ed-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ed-timeline-content\"\u003e\n \u003ch3\u003eRincez et refermez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment. Refermez bien le bouchon après chaque usage pour préserver la fraîcheur.\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=\"ed-section\"\u003e\n \u003ch2\u003ePourquoi préférer cette recharge aux tubes classiques ?\u003c\/h2\u003e\n \u003cdiv class=\"ed-grid\"\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e🌱 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eLabel COSMOS Organic, formule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e vérifiée par un organisme indépendant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e🐰 Végane et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, \u003cstrong\u003enon testée sur les animaux\u003c\/strong\u003e. Une éthique sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n \u003cp\u003eProduction locale et engagée, pour soutenir le savoir-faire français et limiter l'empreinte carbone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e350 g\u003c\/strong\u003e, soit 2 rechargements complets de votre flacon. Un excellent rapport qualité-prix.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e♻️ Emballage recyclable\u003c\/h3\u003e\n \u003cp\u003eÉco-recharge souple et allégée : \u003cstrong\u003ejusqu'à 5 tubes plastiques évités\u003c\/strong\u003e à chaque achat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ed-card\"\u003e\n \u003ch3\u003e❄️ Fraîcheur naturelle\u003c\/h3\u003e\n \u003cp\u003eGoût menthe glaciale intense grâce aux \u003cstrong\u003ehuiles essentielles bio\u003c\/strong\u003e, sans arômes artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"ed-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn engagement concret pour moins de déchets\u003c\/h2\u003e\n \u003cdiv class=\"ed-cta-box\"\u003e\n \u003cp\u003eEndro ne se contente pas de proposer une formule propre : la marque repense entièrement le contenant. En adoptant le système \u003cstrong\u003eflacon aluminium rechargeable\u003c\/strong\u003e associé à cette éco-recharge souple, vous réduisez significativement vos déchets plastiques.\u003cbr\u003e\u003cbr\u003eC'est un choix pragmatique, accessible, et parfaitement adapté à une hygiène bucco-dentaire exigeante. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ed-disclaimer\"\u003eCe produit cosmétique ne remplace pas un suivi dentaire régulier. Consultez votre dentiste pour tout conseil personnalisé concernant votre santé bucco-dentaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ed-cream: #f5f7f5;\n --ed-white: #ffffff;\n --ed-primary: #7A9E8E;\n --ed-primary-dark: #3D5E4C;\n --ed-primary-light: #E8F0EC;\n --ed-secondary: #5B7D6C;\n --ed-accent: #B8D4C8;\n --ed-text: #1a1a1a;\n --ed-text-light: #5a5a5a;\n --ed-border: #dce5df;\n --ed-shadow: 0 4px 24px rgba(61, 94, 76, .08);\n --ed-shadow-lg: 0 12px 48px rgba(61, 94, 76, .15);\n --ed-radius: 20px;\n --ed-radius-sm: 12px;\n}\n\n.ed-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ed-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ed-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ed-secondary) 0%, var(--ed-primary) 50%, var(--ed-accent) 100%);\n border-radius: var(--ed-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(--ed-shadow-lg);\n}\n\n.ed-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ed-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ed-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.ed-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.ed-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.ed-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ed-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(--ed-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ed-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ed-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ed-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ed-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.ed-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(--ed-primary), var(--ed-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ed-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ed-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.ed-card {\n background: var(--ed-white);\n border-radius: var(--ed-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ed-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ed-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ed-shadow-lg);\n border-color: var(--ed-primary);\n}\n\n.ed-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ed-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ed-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ed-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ed-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ed-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ed-grid-compact .ed-card {\n padding: 1rem;\n}\n\n.ed-grid-compact .ed-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ed-grid-compact .ed-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ed-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ed-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ed-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ed-primary), var(--ed-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.ed-timeline-content {\n flex: 1;\n background: var(--ed-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ed-radius-sm);\n box-shadow: var(--ed-shadow);\n}\n\n.ed-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ed-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ed-timeline-content p {\n font-size: 14px;\n color: var(--ed-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ed-testimonial {\n background: var(--ed-white);\n border-radius: var(--ed-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ed-shadow);\n border-left: 4px solid var(--ed-primary);\n}\n\n.ed-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ed-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ed-accordion {\n background: var(--ed-white);\n border-radius: var(--ed-radius);\n box-shadow: var(--ed-shadow);\n overflow: hidden;\n}\n\n.ed-accordion-item {\n border-bottom: 1px solid var(--ed-border);\n margin: 0;\n padding: 0;\n}\n\n.ed-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ed-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ed-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.ed-accordion-header:hover {\n background: var(--ed-primary-light);\n}\n\n.ed-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ed-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ed-primary);\n transition: transform .2s ease;\n}\n\n.ed-accordion-item[open] .ed-accordion-header::after {\n content: '−';\n}\n\n.ed-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ed-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ed-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ed-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ed-primary-light);\n border-radius: var(--ed-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ed-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ed-tip p {\n font-size: 14px;\n color: var(--ed-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ed-cta-box {\n background: linear-gradient(135deg, var(--ed-primary) 0%, var(--ed-primary-dark) 100%);\n border-radius: var(--ed-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ed-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.ed-disclaimer {\n font-size: 12px;\n color: var(--ed-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 .ed-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ed-card {\n padding: 1.125rem;\n }\n\n .ed-section {\n margin-bottom: 1.75rem;\n }\n\n .ed-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ed-radius-sm);\n }\n\n .ed-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ed-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ed-grid-compact {\n gap: .625rem;\n }\n\n .ed-grid-compact .ed-card {\n padding: .75rem;\n }\n\n .ed-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ed-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ed-timeline-content h3 {\n font-size: 14px;\n }\n\n .ed-timeline-content p {\n font-size: 13px;\n }\n\n .ed-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ed-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ed-testimonial {\n padding: 1.25rem;\n }\n\n .ed-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ed-card {\n animation: edFadeInUp .5s ease backwards;\n }\n .ed-card:nth-child(1) { animation-delay: .05s; }\n .ed-card:nth-child(2) { animation-delay: .1s; }\n .ed-card:nth-child(3) { animation-delay: .15s; }\n .ed-card:nth-child(4) { animation-delay: .2s; }\n .ed-card:nth-child(5) { animation-delay: .25s; }\n .ed-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes edFadeInUp {\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 .ed-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":55927016030585,"sku":"NBAIEND0111","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eco-recharge-dentifrice-actif-blancheur-endro-vert.webp?v=1776270705"},{"product_id":"masque-creme-hydratant-75-ml-endro","title":"Masque crème hydratant - peaux sensibles à sèches - 75 ml - Endro","description":"\u003cdiv class=\"mch-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mch-hero\"\u003e\n \u003cdiv class=\"mch-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mch-hero-content\"\u003e\n \u003cdiv class=\"mch-badges-top\"\u003e\n \u003cspan class=\"mch-badge\"\u003e🌿 100 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"mch-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mch-badge\"\u003e🏅 Certifié Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mch-hero-title\"\u003eMasque crème hydratant Endro\u003c\/span\u003e\n \u003cp class=\"mch-subtitle\"\u003eHydratation intense · Peaux sensibles à sèches · 75 ml\u003c\/p\u003e\n \u003cp class=\"mch-description\"\u003eUn bain d'hydratation profonde à la texture « perle de lait » pour retrouver une peau repulpée, lumineuse et confortable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mch-section\"\u003e\n \u003ch2\u003eMasque crème hydratant bio Endro : une hydratation intense pour les peaux sensibles à sèches\u003c\/h2\u003e\n \u003cp class=\"mch-section-intro\"\u003eVotre peau tiraille, manque de souplesse ou semble terne ? Le \u003cstrong\u003emasque crème hydratant Endro 75 ml\u003c\/strong\u003e est un soin visage \u003cstrong\u003ecertifié bio et 100 % d'origine naturelle\u003c\/strong\u003e, fabriqué en France, qui répond précisément à ces inconforts.\u003c\/p\u003e\n \u003cdiv class=\"mch-grid-compact\"\u003e\n \u003cdiv class=\"mch-card\"\u003e\n \u003ch3\u003e🧴 Texture perle de lait\u003c\/h3\u003e\n \u003cp\u003eEnveloppe la peau d'un voile de douceur sans sensation de lourdeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mch-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRestitue l'hydratation dont votre peau a besoin en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mch-card\"\u003e\n \u003ch3\u003e✨ Teint lumineux\u003c\/h3\u003e\n \u003cp\u003eRetrouvez un éclat naturel et une peau visiblement revitalisée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mch-card\"\u003e\n \u003ch3\u003e🤍 Confort durable\u003c\/h3\u003e\n \u003cp\u003eFini les tiraillements, votre peau reste souple et confortable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mch-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce masque hydratant pour le visage ?\u003c\/h2\u003e\n \u003cp class=\"mch-section-intro\"\u003eCe qui distingue ce masque visage hydratant des soins classiques, c'est la synergie de trois actifs puissants dans une formule courte et transparente.\u003c\/p\u003e\n \u003cdiv class=\"mch-grid\"\u003e\n \u003cdiv class=\"mch-card mch-card-highlight\"\u003e\n \u003ch3\u003e🔬 Acide polyglutamique\u003c\/h3\u003e\n \u003cp\u003eCet actif de nouvelle génération retient jusqu'à \u003cstrong\u003e5 000 fois son poids en eau\u003c\/strong\u003e, surpassant même l'acide hyaluronique. Votre peau reste hydratée, repulpée et protégée de la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mch-card mch-card-highlight\"\u003e\n \u003ch3\u003e🫧 Squalane végétal\u003c\/h3\u003e\n \u003cp\u003eMimétique du sébum naturel, il restaure la barrière cutanée, apporte souplesse et un \u003cstrong\u003efini soyeux sans effet gras\u003c\/strong\u003e. Idéal pour les peaux sensibles qui ne tolèrent pas les textures lourdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mch-card mch-card-highlight\"\u003e\n \u003ch3\u003e⚡ Actif breveté Glycogène\u003c\/h3\u003e\n \u003cp\u003eVéritable réserve d'énergie pour les cellules, il \u003cstrong\u003estimule le renouvellement cutané\u003c\/strong\u003e et aide la peau à retrouver son éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mch-tip\"\u003e\n \u003cspan class=\"mch-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eLe tout est complété par de l'\u003cstrong\u003ealoe vera bio\u003c\/strong\u003e, du \u003cstrong\u003ebeurre de karité bio\u003c\/strong\u003e et de l'\u003cstrong\u003ehuile de tournesol bio\u003c\/strong\u003e pour apaiser, nourrir et calmer les tiraillements durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mch-section\"\u003e\n \u003ch2\u003eComment utiliser ce masque hydratant visage ?\u003c\/h2\u003e\n \u003cp class=\"mch-section-intro\"\u003eAppliquez ce masque hydratant pour le visage 1 à 2 fois par semaine sur peau propre et sèche, en évitant le contour des yeux.\u003c\/p\u003e\n \u003cdiv class=\"mch-timeline\"\u003e\n \u003cdiv class=\"mch-timeline-item\"\u003e\n \u003cdiv class=\"mch-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mch-timeline-content\"\u003e\n \u003ch3\u003eEn masque express (jour)\u003c\/h3\u003e\n \u003cp\u003ePosez une couche généreuse et laissez agir \u003cstrong\u003e10 à 15 minutes\u003c\/strong\u003e. Massez délicatement l'excédent pour le faire pénétrer ou retirez-le avec un coton doux humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mch-timeline-item\"\u003e\n \u003cdiv class=\"mch-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mch-timeline-content\"\u003e\n \u003ch3\u003eEn masque de nuit (soin intensif)\u003c\/h3\u003e\n \u003cp\u003eAppliquez une fine couche avant le coucher et laissez agir \u003cstrong\u003etoute la nuit\u003c\/strong\u003e. Au réveil, votre peau est visiblement repulpée et lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mch-tip\"\u003e\n \u003cspan class=\"mch-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e en période de froid ou après un voyage en avion, utilisez-le en soin SOS pour restaurer immédiatement le confort de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mch-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"mch-accordion\"\u003e\n \u003cdetails class=\"mch-accordion-item\" open\u003e\n \u003csummary class=\"mch-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"mch-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eAqua, Helianthus Annuus Seed Oil*, Glyceryl Stearate, Glycerin, Butyrospermum Parkii Butter*, Pentylene Glycol, Squalane, Polyglutamic Acid, Glycogen, Aloe Barbadensis Leaf Juice Powder*, Sodium Levulinate, Parfum, Sodium Stearoyl Lactylate, Xanthan Gum, Magnolia Officinalis Bark Extract, Tocopherol, Sodium Anisate, Lactic Acid, Maltodextrin, Sodium Hydroxide.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e\u003csmall\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/small\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mch-accordion-item\"\u003e\n \u003csummary class=\"mch-accordion-header\"\u003e🚫 Sans substances controversées\u003c\/summary\u003e\n \u003cdiv class=\"mch-accordion-content mt-3\"\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans silicone, sans paraben, sans huile minérale\u003c\/strong\u003e. Un soin honnête avec une liste d'ingrédients courte et transparente.\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=\"mch-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n \u003cp class=\"mch-section-intro\"\u003eCe masque hydratant est pensé pour vous si :\u003c\/p\u003e\n \u003cdiv class=\"mch-grid-compact\"\u003e\n \u003cdiv class=\"mch-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et sèches\u003c\/h3\u003e\n \u003cp\u003eVous avez la peau sensible, sèche ou déshydratée et cherchez un soin qui hydrate vraiment sans irriter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mch-card\"\u003e\n \u003ch3\u003e🌿 Adepte du bio\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les cosmétiques bio, naturels et fabriqués en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mch-card\"\u003e\n \u003ch3\u003e✅ Simplicité efficace\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez un rituel beauté simple, efficace, avec une liste d'ingrédients que vous comprenez\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mch-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eVous êtes attentive à l'impact environnemental de vos soins (emballage recyclable, marque engagée)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mch-cta-box\"\u003e\n \u003cp\u003eOffrez à votre visage ce moment de douceur qu'il mérite. Avec le masque crème hydratant Endro, vous faites le choix d'un soin honnête, performant et respectueux de votre peau comme de la planète. 💙\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mch-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mch-cream: #f4f7fa;\n --mch-white: #ffffff;\n --mch-primary: #5b9cc5;\n --mch-primary-dark: #2a5a7e;\n --mch-primary-light: #e8f1f8;\n --mch-secondary: #7db8d8;\n --mch-accent: #3d7ea6;\n --mch-text: #1a1a1a;\n --mch-text-light: #5a6a78;\n --mch-border: #d6e3ed;\n --mch-shadow: 0 4px 24px rgba(42, 90, 126, .08);\n --mch-shadow-lg: 0 12px 48px rgba(42, 90, 126, .15);\n --mch-radius: 20px;\n --mch-radius-sm: 12px;\n}\n\n.mch-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mch-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mch-hero {\n position: relative;\n background: linear-gradient(135deg, #3d7ea6 0%, #5b9cc5 40%, #7db8d8 100%);\n border-radius: var(--mch-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(--mch-shadow-lg);\n}\n\n.mch-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mch-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mch-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.mch-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.mch-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.mch-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mch-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(--mch-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mch-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mch-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mch-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mch-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.mch-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(--mch-primary), var(--mch-secondary));\n border-radius: 2px;\n}\n\n.mch-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mch-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.mch-card {\n background: var(--mch-white);\n border-radius: var(--mch-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mch-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mch-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mch-shadow-lg);\n border-color: var(--mch-primary);\n}\n\n.mch-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mch-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mch-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mch-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mch-card-highlight {\n border-left: 4px solid var(--mch-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.mch-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mch-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mch-grid-compact .mch-card {\n padding: 1rem;\n}\n\n.mch-grid-compact .mch-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mch-grid-compact .mch-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mch-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mch-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mch-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mch-primary), var(--mch-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.mch-timeline-content {\n flex: 1;\n background: var(--mch-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mch-radius-sm);\n box-shadow: var(--mch-shadow);\n}\n\n.mch-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mch-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mch-timeline-content p {\n font-size: 14px;\n color: var(--mch-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.mch-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mch-primary-light);\n border-radius: var(--mch-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mch-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mch-tip p {\n font-size: 14px;\n color: var(--mch-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.mch-accordion {\n background: var(--mch-white);\n border-radius: var(--mch-radius);\n box-shadow: var(--mch-shadow);\n overflow: hidden;\n}\n\n.mch-accordion-item {\n border-bottom: 1px solid var(--mch-border);\n margin: 0;\n padding: 0;\n}\n\n.mch-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mch-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mch-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.mch-accordion-header:hover {\n background: var(--mch-primary-light);\n}\n\n.mch-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mch-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mch-primary);\n transition: transform .2s ease;\n}\n\n.mch-accordion-item[open] .mch-accordion-header::after {\n content: '−';\n}\n\n.mch-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mch-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mch-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.mch-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA === *\/\n.mch-cta-box {\n background: linear-gradient(135deg, var(--mch-primary) 0%, var(--mch-primary-dark) 100%);\n border-radius: var(--mch-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.mch-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.mch-disclaimer {\n font-size: 12px;\n color: var(--mch-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mch-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mch-card {\n padding: 1.125rem;\n }\n\n .mch-section {\n margin-bottom: 1.75rem;\n }\n\n .mch-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mch-radius-sm);\n }\n\n .mch-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mch-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mch-grid-compact {\n gap: .625rem;\n }\n\n .mch-grid-compact .mch-card {\n padding: .75rem;\n }\n\n .mch-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mch-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mch-timeline-content h3 {\n font-size: 14px;\n }\n\n .mch-timeline-content p {\n font-size: 13px;\n }\n\n .mch-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mch-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mch-testimonial {\n padding: 1.25rem;\n }\n\n .mch-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mch-card {\n animation: mchFadeInUp .5s ease backwards;\n }\n .mch-card:nth-child(1) { animation-delay: .05s; }\n .mch-card:nth-child(2) { animation-delay: .1s; }\n .mch-card:nth-child(3) { animation-delay: .15s; }\n .mch-card:nth-child(4) { animation-delay: .2s; }\n .mch-card:nth-child(5) { animation-delay: .25s; }\n .mch-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mchFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mch-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":56120224481657,"sku":"NBAIEND0113","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-creme-hydratant-peaux-sensibles-a-seches-75-ml-endro-lifestyle.webp?v=1772630891"},{"product_id":"lait-corps-hydratant-200ml-endro","title":"Lait corps hydratant - 400ml - Endro","description":"\u003cdiv class=\"end-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"end-hero\"\u003e\n \u003cdiv class=\"end-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"end-hero-content\"\u003e\n \u003cdiv class=\"end-badges-top\"\u003e\n \u003cspan class=\"end-badge\"\u003e🌿 100 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"end-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"end-badge\"\u003e🧴 400 ml\u003c\/span\u003e\n \u003cspan class=\"end-badge\"\u003e💧 Hydratation 48h\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"end-hero-title\"\u003eLait corps hydratant Endro\u003c\/span\u003e\n \u003cp class=\"end-subtitle\"\u003eCertifié bio · Absorption ultra-rapide · Toute la famille\u003c\/p\u003e\n \u003cp class=\"end-description\"\u003eUne hydratation 48h grâce à l'acide hyaluronique, au bisabolol et à l'aloe vera. Texture fluide, zéro film gras : votre peau est douce, souple et confortablement nourrie dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce lait hydratant corps Endro ?\u003c\/h2\u003e\n \u003cp class=\"end-section-intro\"\u003eSi vous cherchez le meilleur lait hydratant corps alliant efficacité et naturalité, ce soin coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"end-grid\"\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e💧 Hydratation longue durée (48h)\u003c\/h3\u003e\n \u003cp\u003eL'acide hyaluronique capte et retient l'eau dans l'épiderme, pour une peau repulpée qui ne tiraille plus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e⚡ Absorption ultra-rapide\u003c\/h3\u003e\n \u003cp\u003eHabillez-vous immédiatement après l'application, sans attendre. Aucun film gras ni sensation collante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🌸 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eLe bisabolol et l'aloe vera calment les irritations, les rougeurs et les sensations d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🛡️ Nutrition en profondeur\u003c\/h3\u003e\n \u003cp\u003eL'huile de tournesol bio, riche en vitamine E, renforce la barrière cutanée durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🌾 Parfum délicat\u003c\/h3\u003e\n \u003cp\u003eUne fragrance naturelle légère qui ne masque pas votre parfum habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e📦 Format généreux 400 ml\u003c\/h3\u003e\n \u003cp\u003eIdéal pour une utilisation quotidienne sur l'ensemble du corps, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"end-section-outro\"\u003eQue vous ayez la peau normale, déshydratée ou réactive, ce lait pour le corps hydratant s'adapte à vos besoins. C'est aussi l'un des meilleurs laits hydratants corps pour peau très sèche, grâce à sa combinaison d'actifs humectants et nourrissants qui agissent en synergie.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003eLes actifs clés et leurs bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"end-grid-compact\"\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🧬 Acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eHydrate intensément, repulpe et améliore l'élasticité de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🌼 Bisabolol\u003c\/h3\u003e\n \u003cp\u003eApaise, protège, calme les irritations et réduit visiblement les rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🌵 Extrait d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate, rafraîchit et favorise la régénération cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, assouplit et protège grâce à sa richesse en vitamine E et en acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003eListe INCI complète\u003c\/h2\u003e\n \u003cdiv class=\"end-accordion\"\u003e\n \u003cdetails class=\"end-accordion-item\" open\u003e\n \u003csummary class=\"end-accordion-header\"\u003e📋 Voir la composition intégrale\u003c\/summary\u003e\n \u003cdiv class=\"end-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Helianthus Annuus Seed Oil*, Glycerin, Pentylene Glycol, Glyceryl Stearate, Coco Caprylate\/Caprate, Stearic Acid, Xanthan Gum, Parfum, Caprylyl Glycol, Tocopherol, Sodium Stearoyl Lactylate, Bisabolol, Sodium Hyaluronate, Aloe Barbadensis Leaf Juice Powder*, Lactic Acid, Citronellol, Geraniol, Linalool, Sodium Hydroxide.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003eComment appliquer ce lait corps hydratant ?\u003c\/h2\u003e\n \u003cdiv class=\"end-timeline\"\u003e\n \u003cdiv class=\"end-timeline-item\"\u003e\n \u003cdiv class=\"end-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"end-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette de produit\u003c\/h3\u003e\n \u003cp\u003eAprès la douche ou le bain, sur peau propre et légèrement humide pour optimiser la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-timeline-item\"\u003e\n \u003cdiv class=\"end-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"end-timeline-content\"\u003e\n \u003ch3\u003eMassez sur l'ensemble du corps\u003c\/h3\u003e\n \u003cp\u003eInsistez sur les zones les plus sèches : coudes, genoux, jambes et pieds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-timeline-item\"\u003e\n \u003cdiv class=\"end-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"end-timeline-content\"\u003e\n \u003ch3\u003eLaissez pénétrer, pas besoin de rincer\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le matin et soir selon vos besoins. Habillez-vous immédiatement grâce à l'absorption ultra-rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-tip\"\u003e\n \u003cspan class=\"end-tip-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un effet fraîcheur en été, conservez votre flacon au réfrigérateur quelques minutes avant l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n \u003cdiv class=\"end-grid\"\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdultes et enfants dès 3 ans. Une formule douce, sans ingrédient controversé, pour un usage quotidien toute l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches et déshydratées\u003c\/h3\u003e\n \u003cp\u003eParticulièrement recommandé si votre peau tiraille, manque de souplesse ou se dessèche rapidement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n \u003ch3\u003e🌷 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eLe bisabolol et l'aloe vera apaisent les sensibilités. Un choix sûr pour les épidermes les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"end-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"end-cta-box\"\u003e\n \u003cp\u003eLe Lait Corps Hydratant Endro est un soin bio, fabriqué en France, qui hydrate durablement, apaise et nourrit votre peau grâce à des actifs naturels performants. Un geste simple pour une peau confortable au quotidien. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"end-disclaimer\"\u003eCe produit cosmétique ne remplace pas un traitement médical. En cas d'affection cutanée particulière, consultez votre dermatologue ou professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --end-cream: #f4f1ed;\n --end-white: #ffffff;\n --end-primary: #4a8da8;\n --end-primary-dark: #2c5f75;\n --end-primary-light: #e8f2f6;\n --end-secondary: #6db5ce;\n --end-accent: #a0d4e4;\n --end-text: #1a1a1a;\n --end-text-light: #5a5a5a;\n --end-border: #dce8ec;\n --end-shadow: 0 4px 24px rgba(44, 95, 117, .08);\n --end-shadow-lg: 0 12px 48px rgba(44, 95, 117, .15);\n --end-radius: 20px;\n --end-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.end-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--end-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.end-hero {\n position: relative;\n background: linear-gradient(135deg, #2c5f75 0%, #4a8da8 50%, #6db5ce 100%);\n border-radius: var(--end-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(--end-shadow-lg);\n}\n\n.end-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.end-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.end-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.end-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.end-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.end-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.end-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(--end-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.end-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.end-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.end-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--end-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.end-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(--end-primary), var(--end-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO \/ OUTRO TEXT === *\/\n.end-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--end-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.end-section-outro {\n text-align: center;\n font-size: clamp(14px, 2.2vw, 15px);\n color: var(--end-text-light);\n margin-top: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.end-card {\n background: var(--end-white);\n border-radius: var(--end-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--end-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.end-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--end-shadow-lg);\n border-color: var(--end-primary);\n}\n\n.end-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--end-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.end-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--end-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.end-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.end-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.end-grid-compact .end-card {\n padding: 1rem;\n}\n\n.end-grid-compact .end-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.end-grid-compact .end-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.end-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.end-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.end-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--end-primary), var(--end-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.end-timeline-content {\n flex: 1;\n background: var(--end-white);\n padding: 1rem 1.25rem;\n border-radius: var(--end-radius-sm);\n box-shadow: var(--end-shadow);\n}\n\n.end-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--end-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.end-timeline-content p {\n font-size: 14px;\n color: var(--end-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.end-testimonial {\n background: var(--end-white);\n border-radius: var(--end-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--end-shadow);\n border-left: 4px solid var(--end-primary);\n}\n\n.end-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--end-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.end-accordion {\n background: var(--end-white);\n border-radius: var(--end-radius);\n box-shadow: var(--end-shadow);\n overflow: hidden;\n}\n\n.end-accordion-item {\n border-bottom: 1px solid var(--end-border);\n margin: 0;\n padding: 0;\n}\n\n.end-accordion-item:last-child {\n border-bottom: none;\n}\n\n.end-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--end-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.end-accordion-header:hover {\n background: var(--end-primary-light);\n}\n\n.end-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.end-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--end-primary);\n transition: transform .2s ease;\n}\n\n.end-accordion-item[open] .end-accordion-header::after {\n content: '−';\n}\n\n.end-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--end-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.end-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.end-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.end-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--end-primary-light);\n border-radius: var(--end-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.end-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.end-tip p {\n font-size: 14px;\n color: var(--end-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.end-cta-box {\n background: linear-gradient(135deg, var(--end-primary) 0%, var(--end-primary-dark) 100%);\n border-radius: var(--end-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.end-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.end-disclaimer {\n font-size: 12px;\n color: var(--end-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 .end-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .end-card {\n padding: 1.125rem;\n }\n\n .end-section {\n margin-bottom: 1.75rem;\n }\n\n .end-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--end-radius-sm);\n }\n\n .end-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .end-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .end-grid-compact {\n gap: .625rem;\n }\n\n .end-grid-compact .end-card {\n padding: .75rem;\n }\n\n .end-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .end-timeline-content {\n padding: .875rem 1rem;\n }\n\n .end-timeline-content h3 {\n font-size: 14px;\n }\n\n .end-timeline-content p {\n font-size: 13px;\n }\n\n .end-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .end-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .end-testimonial {\n padding: 1.25rem;\n }\n\n .end-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .end-card {\n animation: endFadeInUp .5s ease backwards;\n }\n .end-card:nth-child(1) { animation-delay: .05s; }\n .end-card:nth-child(2) { animation-delay: .1s; }\n .end-card:nth-child(3) { animation-delay: .15s; }\n .end-card:nth-child(4) { animation-delay: .2s; }\n .end-card:nth-child(5) { animation-delay: .25s; }\n .end-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes endFadeInUp {\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 .end-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":56152008884601,"sku":"NBAIEND0105","price":21.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Lait_corps_hydratant_endro_packshot_1_11zon.jpg?v=1762788799"},{"product_id":"pain-lavant-dermatologique-parfum-amande-85-ml-endro","title":"Pain lavant dermatologique Parfum Amande - 85 ml - Endro","description":"\u003cdiv class=\"end-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"end-hero\"\u003e\n \u003cdiv class=\"end-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"end-hero-content\"\u003e\n \u003cdiv class=\"end-badges-top\"\u003e\n \u003cspan class=\"end-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"end-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e\n \u003cspan class=\"end-badge\"\u003e✨ Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"end-badge\"\u003e💧 pH neutre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"end-hero-title\"\u003ePain Lavant Dermatologique Parfum Amande\u003c\/span\u003e\n \u003cp class=\"end-subtitle\"\u003eEndro • 85 g\u003c\/p\u003e\n \u003cp class=\"end-description\"\u003eLa douceur d'un savon surgras dermatologique pensé pour les peaux sensibles. pH neutre, parfum amande délicat, formule ultra-respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003eUn pain lavant dermatologique au parfum amande pour les peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"end-section-intro\"\u003eVotre peau tiraille après la douche ? Ce \u003cstrong\u003epain dermatologique sans savon\u003c\/strong\u003e offre une toilette enveloppante, sans agresser le film hydrolipidique.\u003c\/p\u003e\n \u003cdiv class=\"end-grid-compact\"\u003e\n \u003cdiv class=\"end-card\"\u003e\n\u003ch3\u003e🧴 pH neutre\u003c\/h3\u003e\n\u003cp\u003eRespecte l'équilibre de votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n\u003ch3\u003e🌸 Parfum amande\u003c\/h3\u003e\n\u003cp\u003eNote douce et apaisante\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n\u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n\u003cp\u003eCertifié bio Cosmébio\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n\u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eVisage, corps, mains\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon surgras ?\u003c\/h2\u003e\n \u003cdiv class=\"end-grid\"\u003e\n \u003cdiv class=\"end-card\"\u003e\n\u003ch3\u003e😣 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eRougeurs, picotements, inconfort post-douche\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n\u003ch3\u003e🩹 Peaux atopiques\u003c\/h3\u003e\n\u003cp\u003eSécheresse marquée et démangeaisons\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n\u003ch3\u003e👶 Bébés dès 3 mois\u003c\/h3\u003e\n\u003cp\u003eFormule respectueuse des peaux fines\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n\u003ch3\u003e💆 Visage \u0026amp; corps\u003c\/h3\u003e\n\u003cp\u003eUn seul produit pour toute la routine\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"end-inci-box\"\u003e\n \u003cp class=\"end-inci-label\"\u003eListe INCI\u003c\/p\u003e\n \u003cp class=\"end-inci-text\"\u003eSodium Cocoyl Glutamate, Helianthus Annuus Seed Oil*, Aqua, Glycerin, Prunus Domestica Seed Oil*, Cetearyl Alcohol, Parfum (Prunus Amygdalus Dulcis), Tocopherol.\u003c\/p\u003e\n \u003cp class=\"end-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-grid\"\u003e\n \u003cdiv class=\"end-card\"\u003e\n\u003ch3\u003e🥥 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux issu de la noix de coco\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n\u003ch3\u003e🌻 Tournesol bio\u003c\/h3\u003e\n\u003cp\u003eRiche en vitamine E, nourrit la peau\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n\u003ch3\u003e🍑 Prune bio\u003c\/h3\u003e\n\u003cp\u003eDouceur fondante sans film gras\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-card\"\u003e\n\u003ch3\u003e🌰 Parfum amande\u003c\/h3\u003e\n\u003cp\u003eNote naturelle apaisante\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003eComment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"end-timeline\"\u003e\n \u003cdiv class=\"end-timeline-item\"\u003e\n\u003cdiv class=\"end-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"end-timeline-content\"\u003e\n\u003ch3\u003eMouillez\u003c\/h3\u003e\n\u003cp\u003eVos mains et le pain à l'eau tiède\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-timeline-item\"\u003e\n\u003cdiv class=\"end-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"end-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eEntre vos paumes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-timeline-item\"\u003e\n\u003cdiv class=\"end-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"end-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eSur visage et corps en mouvements circulaires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-timeline-item\"\u003e\n\u003cdiv class=\"end-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"end-timeline-content\"\u003e\n\u003ch3\u003eRincez \u0026amp; séchez\u003c\/h3\u003e\n\u003cp\u003eTamponnez sans frotter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-tip\"\u003e\n \u003cspan class=\"end-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e posez le pain sur un porte-savon aéré pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003eFAQ\u003c\/h2\u003e\n \u003cdiv class=\"end-accordion\"\u003e\n \u003cdetails class=\"end-accordion-item\"\u003e\n \u003csummary class=\"end-accordion-header\"\u003eConvient-il pour le visage ?\u003c\/summary\u003e\n \u003cdiv class=\"end-accordion-content mt-3\"\u003e\u003cp\u003eOui, son pH neutre est adapté au visage, même pour les peaux réactives.\u003c\/p\u003e\u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"end-accordion-item\"\u003e\n \u003csummary class=\"end-accordion-header\"\u003ePeut-on l'utiliser en cas d'eczéma ?\u003c\/summary\u003e\n \u003cdiv class=\"end-accordion-content mt-3\"\u003e\u003cp\u003eIl convient à l'hygiène quotidienne des peaux atopiques, mais ne remplace pas un traitement médical.\u003c\/p\u003e\u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"end-accordion-item\"\u003e\n \u003csummary class=\"end-accordion-header\"\u003eCombien de temps dure-t-il ?\u003c\/summary\u003e\n \u003cdiv class=\"end-accordion-content mt-3\"\u003e\u003cp\u003eEnviron 4 à 6 semaines en usage quotidien.\u003c\/p\u003e\u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"end-section\"\u003e\n \u003ch2\u003ePrécautions\u003c\/h2\u003e\n \u003cdiv class=\"end-precautions\"\u003e\n \u003cul\u003e\n \u003cli\u003eUsage externe uniquement.\u003c\/li\u003e\n \u003cli\u003eÉvitez le contact avec les yeux.\u003c\/li\u003e\n \u003cli\u003eConservez à l'abri de l'humidité permanente.\u003c\/li\u003e\n \u003cli\u003eNe remplace pas un traitement médical prescrit.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"end-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"end-specs\"\u003e\n \u003cdiv class=\"end-spec-row\"\u003e\n\u003cspan class=\"end-spec-label\"\u003eContenance\u003c\/span\u003e\u003cspan class=\"end-spec-value\"\u003e85 g\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-spec-row\"\u003e\n\u003cspan class=\"end-spec-label\"\u003eType\u003c\/span\u003e\u003cspan class=\"end-spec-value\"\u003ePain dermatologique solide surgras\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-spec-row\"\u003e\n\u003cspan class=\"end-spec-label\"\u003eParfum\u003c\/span\u003e\u003cspan class=\"end-spec-value\"\u003eAmande douce naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-spec-row\"\u003e\n\u003cspan class=\"end-spec-label\"\u003eZone\u003c\/span\u003e\u003cspan class=\"end-spec-value\"\u003eVisage et corps\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-spec-row\"\u003e\n\u003cspan class=\"end-spec-label\"\u003eType de peau\u003c\/span\u003e\u003cspan class=\"end-spec-value\"\u003eSensibles, réactives, atopiques\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-spec-row\"\u003e\n\u003cspan class=\"end-spec-label\"\u003eCertification\u003c\/span\u003e\u003cspan class=\"end-spec-value\"\u003eCosmébio - Bio\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-spec-row\"\u003e\n\u003cspan class=\"end-spec-label\"\u003eOrigine\u003c\/span\u003e\u003cspan class=\"end-spec-value\"\u003eBretagne (France)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"end-spec-row\"\u003e\n\u003cspan class=\"end-spec-label\"\u003eSans\u003c\/span\u003e\u003cspan class=\"end-spec-value\"\u003eSulfates, silicones, huiles minérales\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"end-cta-box\"\u003e\n \u003cp\u003eOffrez à votre peau un nettoyage respectueux : douceur, efficacité et engagement écologique. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"end-disclaimer\"\u003eLes cosmétiques ne remplacent pas un suivi médical adapté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --end-cream: #F7F2EC;\n --end-white: #ffffff;\n --end-primary: #A18876;\n --end-primary-dark: #6E5849;\n --end-primary-light: #EDE4DB;\n --end-secondary: #B8A294;\n --end-accent: #D4C2B3;\n --end-text: #2A211C;\n --end-text-light: #6B5C52;\n --end-border: #E5DBD0;\n --end-shadow: 0 4px 24px rgba(110,88,73,.08);\n --end-shadow-lg: 0 12px 48px rgba(110,88,73,.18);\n --end-radius: 20px;\n --end-radius-sm: 12px;\n}\n\n.end-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--end-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.end-hero {\n position: relative;\n background: linear-gradient(135deg, #B8A294 0%, #A18876 50%, #6E5849 100%);\n border-radius: var(--end-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(--end-shadow-lg);\n}\n\n.end-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' 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='M40 20c0-11 9-20 20-20v20H40zm0 0c0 11-9 20-20 20V20h20zm0 40c0 11 9 20 20 20V60H40zm0 0c0-11-9-20-20-20v20h20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .4;\n}\n\n.end-hero-content { position: relative; z-index: 1; text-align: center; }\n.end-badges-top { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 1.5rem; }\n.end-badge { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; background: rgba(255,255,255,.95); backdrop-filter: blur(10px); border-radius: 999px; font-size: 13px; font-weight: 700; color: var(--end-primary-dark); box-shadow: 0 2px 12px rgba(0,0,0,.1); transition: all .3s ease; }\n.end-badge:hover { transform: translateY(-2px) scale(1.05); }\n.end-hero-title { display: block; color: white; font-size: clamp(28px, 7vw, 52px); font-weight: 900; margin: 0 0 1rem 0; letter-spacing: -.04em; text-shadow: 0 4px 20px rgba(0,0,0,.2); }\n.end-subtitle { color: rgba(255,255,255,.92); font-size: clamp(16px, 3vw, 20px); font-weight: 600; margin: 0 0 1rem 0; letter-spacing: .02em; }\n.end-description { color: rgba(255,255,255,.88); font-size: clamp(14px, 2.5vw, 18px); max-width: 600px; margin: 0 auto; line-height: 1.6; }\n\n.end-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n.end-premium h2 { font-size: clamp(22px, 5vw, 36px); font-weight: 900; color: var(--end-primary-dark); margin-bottom: clamp(1.25rem, 3vw, 2rem); text-align: center; letter-spacing: -.03em; position: relative; padding-bottom: 1rem; }\n.end-premium h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 4px; background: linear-gradient(90deg, var(--end-primary), var(--end-secondary)); border-radius: 2px; }\n.end-section-intro { text-align: center; font-size: clamp(15px, 2.5vw, 17px); color: var(--end-text-light); margin-bottom: 1.5rem; max-width: 700px; margin-left: auto; margin-right: auto; line-height: 1.7; }\n.end-section-intro strong { color: var(--end-primary-dark); }\n\n.end-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.25rem; }\n.end-grid-compact { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }\n\n.end-card { background: var(--end-white); border-radius: var(--end-radius); padding: clamp(1.25rem, 3vw, 2rem); box-shadow: var(--end-shadow); border: 2px solid transparent; transition: all .3s ease; text-align: center; }\n.end-card:hover { transform: translateY(-6px); box-shadow: var(--end-shadow-lg); border-color: var(--end-primary); }\n.end-card h3 { font-size: clamp(15px, 2.5vw, 18px); font-weight: 800; color: var(--end-primary-dark); margin: 0 0 .5rem 0; line-height: 1.3; }\n.end-card p { font-size: clamp(13px, 2vw, 15px); color: var(--end-text-light); margin: 0; line-height: 1.6; }\n.end-grid-compact .end-card { padding: 1rem; }\n.end-grid-compact .end-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.end-grid-compact .end-card p { font-size: 12px; }\n\n.end-inci-box { background: var(--end-white); border-radius: var(--end-radius); padding: 1.5rem; margin-bottom: 1.5rem; box-shadow: var(--end-shadow); border-left: 4px solid var(--end-primary); }\n.end-inci-label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--end-primary); margin: 0 0 .5rem 0; }\n.end-inci-text { font-size: 14px; color: var(--end-text); margin: 0 0 .5rem 0; font-family: 'Courier New', monospace; line-height: 1.6; }\n.end-inci-note { font-size: 12px; color: var(--end-text-light); font-style: italic; margin: 0; }\n\n.end-timeline { display: flex; flex-direction: column; gap: 1rem; }\n.end-timeline-item { display: flex; gap: 1rem; align-items: flex-start; }\n.end-timeline-number { flex-shrink: 0; width: 40px; height: 40px; background: linear-gradient(135deg, var(--end-primary), var(--end-primary-dark)); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 16px; box-shadow: 0 4px 12px rgba(110,88,73,.25); }\n.end-timeline-content { flex: 1; background: var(--end-white); padding: 1rem 1.25rem; border-radius: var(--end-radius-sm); box-shadow: var(--end-shadow); }\n.end-timeline-content h3 { font-size: 16px; font-weight: 700; color: var(--end-primary-dark); margin: 0 0 .25rem 0; }\n.end-timeline-content p { font-size: 14px; color: var(--end-text-light); margin: 0; line-height: 1.5; }\n\n.end-tip { display: flex; gap: 1rem; align-items: flex-start; background: var(--end-primary-light); border-radius: var(--end-radius-sm); padding: 1rem 1.25rem; margin-top: 1.25rem; }\n.end-tip-icon { font-size: 24px; flex-shrink: 0; }\n.end-tip p { font-size: 14px; color: var(--end-text); margin: 0; line-height: 1.6; }\n\n.end-accordion { background: var(--end-white); border-radius: var(--end-radius); box-shadow: var(--end-shadow); overflow: hidden; }\n.end-accordion-item { border-bottom: 1px solid var(--end-border); margin: 0; padding: 0; }\n.end-accordion-item:last-child { border-bottom: none; }\n.end-accordion-header { padding: 1rem 1.25rem; font-weight: 700; font-size: 15px; color: var(--end-primary-dark); cursor: pointer; display: flex; justify-content: space-between; align-items: center; list-style: none; transition: background .2s ease; background: transparent; border: none; margin: 0; }\n.end-accordion-header:hover { background: var(--end-primary-light); }\n.end-accordion-header::-webkit-details-marker { display: none; }\n.end-accordion-header::after { content: '+'; font-size: 20px; font-weight: 400; color: var(--end-primary); transition: transform .2s ease; }\n.end-accordion-item[open] .end-accordion-header::after { content: '−'; }\n.end-accordion-content { padding: 0 1.25rem 1rem; color: var(--end-text-light); font-size: 14px; line-height: 1.7; margin-top: 10px; }\n.end-accordion-content p { margin: 0; }\n\n.end-precautions { background: var(--end-white); border-radius: var(--end-radius); padding: 1.5rem; box-shadow: var(--end-shadow); border-left: 4px solid var(--end-secondary); }\n.end-precautions ul { margin: 0; padding-left: 1.25rem; }\n.end-precautions li { font-size: 14px; color: var(--end-text-light); margin-bottom: .5rem; line-height: 1.6; }\n.end-precautions li:last-child { margin-bottom: 0; }\n\n.end-specs { background: var(--end-white); border-radius: var(--end-radius); box-shadow: var(--end-shadow); overflow: hidden; margin-bottom: 1.5rem; }\n.end-spec-row { display: flex; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid var(--end-border); }\n.end-spec-row:last-child { border-bottom: none; }\n.end-spec-label { font-size: 14px; font-weight: 700; color: var(--end-primary-dark); }\n.end-spec-value { font-size: 14px; color: var(--end-text-light); text-align: right; flex: 1; margin-left: 1rem; }\n\n.end-cta-box { background: linear-gradient(135deg, var(--end-primary) 0%, var(--end-primary-dark) 100%); border-radius: var(--end-radius); padding: clamp(1.75rem, 4vw, 3rem); text-align: center; position: relative; overflow: hidden; }\n.end-cta-box p { color: white; font-size: clamp(15px, 2.5vw, 19px); line-height: 1.7; font-weight: 600; text-shadow: 0 2px 12px rgba(0,0,0,.1); margin: 0; }\n\n.end-disclaimer { font-size: 12px; color: var(--end-text-light); text-align: center; margin-top: 1rem; font-style: italic; }\n\n@media (max-width: 767px) {\n .end-grid { grid-template-columns: 1fr; gap: 1rem; }\n .end-card { padding: 1.125rem; }\n .end-section { margin-bottom: 1.75rem; }\n .end-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--end-radius-sm); }\n .end-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .end-premium h2::after { width: 40px; height: 3px; }\n .end-grid-compact { gap: .625rem; }\n .end-grid-compact .end-card { padding: .75rem; }\n .end-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .end-timeline-content { padding: .875rem 1rem; }\n .end-timeline-content h3 { font-size: 14px; }\n .end-timeline-content p { font-size: 13px; }\n .end-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .end-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .end-spec-row { flex-direction: column; gap: .25rem; }\n .end-spec-value { text-align: left; margin-left: 0; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .end-card { animation: fadeInUp .5s ease backwards; }\n .end-card:nth-child(1) { animation-delay: .05s; }\n .end-card:nth-child(2) { animation-delay: .1s; }\n .end-card:nth-child(3) { animation-delay: .15s; }\n .end-card:nth-child(4) { animation-delay: .2s; }\n .end-card:nth-child(5) { animation-delay: .25s; }\n .end-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 .end-premium * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }\n}\n\u003c\/style\u003e","brand":"ENDRO","offers":[{"title":"Default Title","offer_id":56165872664953,"sku":"NBAIEND0138","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pain-lavant-dermatologique-sans-parfum-85-ml-endro-lifestyle.webp?v=1769701452"},{"product_id":"dentifrice-fruits-rouges-175g-endro","title":"Dentifrice Enfants Fruits Rouges - 175g - Endro","description":"\u003cdiv class=\"edk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"edk-hero\"\u003e\n \u003cdiv class=\"edk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"edk-hero-content\"\u003e\n \u003cdiv class=\"edk-badges-top\"\u003e\n \u003cspan class=\"edk-badge\"\u003e🍓 Goût fruits rouges\u003c\/span\u003e\n \u003cspan class=\"edk-badge\"\u003e🌿 Certifié Bio Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"edk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"edk-badge\"\u003e👶 Dès 3 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"edk-hero-title\"\u003eDentifrice Enfants Fruits Rouges\u003c\/span\u003e\n \u003cp class=\"edk-subtitle\"\u003ePar Endro — 175 g avec pompe\u003c\/p\u003e\n \u003cp class=\"edk-description\"\u003eLe dentifrice bio au goût irrésistible qui transforme le brossage en moment de plaisir. 100 % d'origine naturelle, 73 % d'ingrédients bio, avec fluor adapté aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"edk-section\"\u003e\n \u003ch2\u003eDentifrice enfants bio aux fruits rouges : le brossage devient un plaisir\u003c\/h2\u003e\n \u003cp class=\"edk-section-intro\"\u003eFaire accepter le brossage des dents à un enfant, c'est parfois un véritable défi. Avec ce dentifrice enfants Endro goût fruits rouges, la corvée se transforme en moment agréable.\u003c\/p\u003e\n \u003cdiv class=\"edk-grid-compact\"\u003e\n \u003cdiv class=\"edk-card\"\u003e\n \u003ch3\u003e🍒 Arôme naturel\u003c\/h3\u003e\n \u003cp\u003eUn délicieux goût de fruits rouges qui séduit les enfants dès 3 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edk-card\"\u003e\n \u003ch3\u003e🧴 Texture gel\u003c\/h3\u003e\n \u003cp\u003eAgréable et douce pour un brossage tout en confort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edk-card\"\u003e\n \u003ch3\u003e🌱 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié bio, 100 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edk-card\"\u003e\n \u003ch3\u003e🛡️ Protection complète\u003c\/h3\u003e\n \u003cp\u003eEfficacité bucco-dentaire prouvée sans compromis sur la composition\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"edk-section\"\u003e\n \u003ch2\u003eUne formule courte, propre et vraiment efficace\u003c\/h2\u003e\n \u003cp class=\"edk-section-intro\"\u003eContrairement à de nombreux dentifrices enfants du commerce, celui d'Endro mise sur une liste d'ingrédients réduite à l'essentiel. Chaque composant a un rôle précis.\u003c\/p\u003e\n \u003cdiv class=\"edk-grid\"\u003e\n \u003cdiv class=\"edk-card\"\u003e\n \u003ch3\u003e✨ Silice hydratée \u0026amp; érythritol\u003c\/h3\u003e\n \u003cp\u003eAgents nettoyants doux qui luttent contre la plaque dentaire tout en préservant l'émail fragile des dents de lait et des dents définitives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edk-card\"\u003e\n \u003ch3\u003e🦷 Fluor (Sodium Fluoride)\u003c\/h3\u003e\n \u003cp\u003eReconnu pour son action anticaries, il renforce l'émail et favorise la reminéralisation. Dosage adapté aux enfants, conforme aux recommandations des professionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edk-card\"\u003e\n \u003ch3\u003e🌿 Extrait d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise et protège les gencives sensibles, particulièrement sollicitées lors des poussées dentaires ou du brossage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edk-card\"\u003e\n \u003ch3\u003e🪨 Argiles naturelles\u003c\/h3\u003e\n \u003cp\u003eMontmorillonite, illite et kaolin contribuent à purifier et à reminéraliser naturellement les dents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edk-tip\"\u003e\n \u003cspan class=\"edk-tip-icon\"\u003e🌾\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e73 % des ingrédients sont issus de l'agriculture biologique.\u003c\/strong\u003e La formule est vegan, sans dioxyde de titane, sans sulfate agressif, ni colorant artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"edk-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce dentifrice plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cdiv class=\"edk-grid\"\u003e\n \u003cdiv class=\"edk-card\"\u003e\n \u003ch3\u003e🏅 Certification Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eUn gage de transparence et de respect de normes strictes, bien au-delà des références classiques de supermarché.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edk-card\"\u003e\n \u003ch3\u003e🧴 Format généreux de 175 g\u003c\/h3\u003e\n \u003cp\u003eAvec pompe pratique pour les petites mains, hygiénique et économique pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edk-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eConçu et produit en Bretagne, avec une démarche écoresponsable de bout en bout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edk-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Convient aussi aux adultes\u003c\/h3\u003e\n \u003cp\u003eSon goût gourmand et sa composition irréprochable en font un dentifrice familial par excellence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"edk-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"edk-accordion\"\u003e\n \u003cdetails class=\"edk-accordion-item\" open\u003e\n \u003csummary class=\"edk-accordion-header\"\u003e📋 Composition intégrale\u003c\/summary\u003e\n \u003cdiv class=\"edk-accordion-content mt-3\"\u003e\n \u003cp\u003eGlycerin**, Aqua (Water), Hydrated Silica, Erythritol, Xanthan Gum, Aroma, Montmorillonite, Disodium Cocoyl Glutamate, Sodium Fluoride, Aloe Barbadensis Leaf Juice Powder*, Decyl Glucoside, Illite, Kaolin.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Issu de l'agriculture biologique — **Transformé à partir d'ingrédients biologiques\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"edk-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"edk-timeline\"\u003e\n \u003cdiv class=\"edk-timeline-item\"\u003e\n \u003cdiv class=\"edk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"edk-timeline-content\"\u003e\n \u003ch3\u003eDéposez une noisette de gel\u003c\/h3\u003e\n \u003cp\u003eSur une brosse à dents sèche adaptée à l'âge de votre enfant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edk-timeline-item\"\u003e\n \u003cdiv class=\"edk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"edk-timeline-content\"\u003e\n \u003ch3\u003eBrossez doucement pendant 2 à 3 minutes\u003c\/h3\u003e\n \u003cp\u003eMatin et soir, en insistant sur chaque zone de la bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edk-timeline-item\"\u003e\n \u003cdiv class=\"edk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"edk-timeline-content\"\u003e\n \u003ch3\u003eRincez soigneusement\u003c\/h3\u003e\n \u003cp\u003eAssurez-vous que votre enfant rince bien la bouche après le brossage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edk-timeline-item\"\u003e\n \u003cdiv class=\"edk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"edk-timeline-content\"\u003e\n \u003ch3\u003eSurveillance adulte (3-6 ans)\u003c\/h3\u003e\n \u003cp\u003ePour les enfants de 3 à 6 ans, le brossage doit toujours se faire sous la surveillance d'un adulte afin d'éviter l'ingestion du dentifrice.\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=\"edk-section\"\u003e\n \u003ch2\u003ePour qui est fait ce dentifrice ?\u003c\/h2\u003e\n \u003cdiv class=\"edk-grid\"\u003e\n \u003cdiv class=\"edk-card\"\u003e\n \u003ch3\u003e👶 Les enfants dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eQui ont besoin d'un dentifrice doux, efficace et au goût qu'ils adorent pour rendre le brossage amusant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edk-card\"\u003e\n \u003ch3\u003e👩‍👧 Les parents exigeants\u003c\/h3\u003e\n \u003cp\u003eQui souhaitent une hygiène bucco-dentaire bio, sans substances indésirables pour protéger leurs enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edk-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdultes et adolescents apprécient également sa texture légère et son goût fruité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + DISCLAIMER --\u003e\n \u003csection class=\"edk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"edk-cta-box\"\u003e\n \u003cp\u003e🍓 Offrez à votre enfant un brossage qui rime avec plaisir et protection naturelle. Un dentifrice bio, fabriqué en France, que toute la famille va adopter !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"edk-disclaimer\"\u003eCe dentifrice ne se substitue pas à une consultation chez le dentiste. Pensez à faire contrôler régulièrement les dents de votre enfant par un professionnel de santé bucco-dentaire. Un brossage régulier, associé à une alimentation équilibrée, reste la meilleure prévention contre les caries.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --edk-cream: #fdf6f3;\n --edk-white: #ffffff;\n --edk-primary: #c97b6b;\n --edk-primary-dark: #8b4a3c;\n --edk-primary-light: #f5e6e1;\n --edk-secondary: #d4534b;\n --edk-accent: #e8927a;\n --edk-text: #1a1a1a;\n --edk-text-light: #5a5a5a;\n --edk-border: #eeddd7;\n --edk-shadow: 0 4px 24px rgba(139,74,60,.08);\n --edk-shadow-lg: 0 12px 48px rgba(139,74,60,.15);\n --edk-radius: 20px;\n --edk-radius-sm: 12px;\n}\n\n.edk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--edk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.edk-hero {\n position: relative;\n background: linear-gradient(135deg, #c97b6b 0%, #d4534b 50%, #8b4a3c 100%);\n border-radius: var(--edk-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(--edk-shadow-lg);\n}\n\n.edk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.edk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.edk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.edk-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(--edk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.edk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.edk-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.edk-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.edk-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.edk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.edk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--edk-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.edk-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(--edk-primary), var(--edk-secondary));\n border-radius: 2px;\n}\n\n.edk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--edk-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.edk-card {\n background: var(--edk-white);\n border-radius: var(--edk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--edk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.edk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--edk-shadow-lg);\n border-color: var(--edk-primary);\n}\n\n.edk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--edk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.edk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--edk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.edk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.edk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.edk-grid-compact .edk-card {\n padding: 1rem;\n}\n\n.edk-grid-compact .edk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.edk-grid-compact .edk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.edk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.edk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.edk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--edk-primary), var(--edk-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.edk-timeline-content {\n flex: 1;\n background: var(--edk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--edk-radius-sm);\n box-shadow: var(--edk-shadow);\n}\n\n.edk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--edk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.edk-timeline-content p {\n font-size: 14px;\n color: var(--edk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.edk-accordion {\n background: var(--edk-white);\n border-radius: var(--edk-radius);\n box-shadow: var(--edk-shadow);\n overflow: hidden;\n}\n\n.edk-accordion-item {\n border-bottom: 1px solid var(--edk-border);\n margin: 0;\n padding: 0;\n}\n\n.edk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.edk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--edk-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.edk-accordion-header:hover {\n background: var(--edk-primary-light);\n}\n\n.edk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.edk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--edk-primary);\n transition: transform .2s ease;\n}\n\n.edk-accordion-item[open] .edk-accordion-header::after {\n content: '−';\n}\n\n.edk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--edk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.edk-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.edk-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.edk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--edk-primary-light);\n border-radius: var(--edk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.edk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.edk-tip p {\n font-size: 14px;\n color: var(--edk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.edk-cta-box {\n background: linear-gradient(135deg, var(--edk-primary) 0%, var(--edk-primary-dark) 100%);\n border-radius: var(--edk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.edk-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.edk-disclaimer {\n font-size: 12px;\n color: var(--edk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .edk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .edk-card {\n padding: 1.125rem;\n }\n\n .edk-section {\n margin-bottom: 1.75rem;\n }\n\n .edk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--edk-radius-sm);\n }\n\n .edk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .edk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .edk-grid-compact {\n gap: .625rem;\n }\n\n .edk-grid-compact .edk-card {\n padding: .75rem;\n }\n\n .edk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .edk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .edk-timeline-content h3 {\n font-size: 14px;\n }\n\n .edk-timeline-content p {\n font-size: 13px;\n }\n\n .edk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .edk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .edk-card {\n animation: edkFadeInUp .5s ease backwards;\n }\n .edk-card:nth-child(1) { animation-delay: .05s; }\n .edk-card:nth-child(2) { animation-delay: .1s; }\n .edk-card:nth-child(3) { animation-delay: .15s; }\n .edk-card:nth-child(4) { animation-delay: .2s; }\n .edk-card:nth-child(5) { animation-delay: .25s; }\n .edk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes edkFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .edk-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":56166177538425,"sku":"NBAIEND0054","price":10.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-enfants-fruits-rouges-endro-175-ml.webp?v=1763386235"},{"product_id":"recharge-dentifrice-fruits-rouges-350g-endro","title":"Recharge dentifrice fruits rouges - 350g - Endro","description":"\u003cdiv class=\"edr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"edr-hero\"\u003e\n \u003cdiv class=\"edr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"edr-hero-content\"\u003e\n \u003cdiv class=\"edr-badges-top\"\u003e\n \u003cspan class=\"edr-badge\"\u003e🌿 100 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"edr-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e\n \u003cspan class=\"edr-badge\"\u003e♻️ Éco-recharge 350 g\u003c\/span\u003e\n \u003cspan class=\"edr-badge\"\u003e🫐 Goût fruits rouges\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"edr-hero-title\"\u003eRecharge dentifrice fruits rouges — Endro\u003c\/span\u003e\n \u003cp class=\"edr-subtitle\"\u003eLe dentifrice bio enfants dès 3 ans, en format éco-recharge malin\u003c\/p\u003e\n \u003cp class=\"edr-description\"\u003e1000 ppm de fluor • Certifié COSMOS Organic • Remplace jusqu'à 5 tubes classiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eDentifrice enfants bio aux fruits rouges : l'éco-recharge maline d'Endro\u003c\/h2\u003e\n \u003cp class=\"edr-section-intro\"\u003eFaire aimer le brossage de dents à un enfant, voilà un défi que tous les parents connaissent. Avec cette \u003cstrong\u003erecharge dentifrice fruits rouges Endro de 350 g\u003c\/strong\u003e, vous combinez une formule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, un goût irrésistible de fruits rouges et un format éco-responsable qui remplace jusqu'à \u003cstrong\u003e5 tubes classiques\u003c\/strong\u003e. Certifié bio, fabriqué en Bretagne, ce \u003cstrong\u003edentifrice naturel\u003c\/strong\u003e pour enfants dès 3 ans coche toutes les cases d'une hygiène bucco-dentaire saine et ludique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette recharge dentifrice Endro ?\u003c\/h2\u003e\n \u003cdiv class=\"edr-grid\"\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🦷 1000 ppm de fluor\u003c\/h3\u003e\n \u003cp\u003eLe dosage recommandé par les dentistes pour les enfants de plus de 3 ans, qui aide à renforcer l'émail fragile des dents de lait et à prévenir les caries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🍓 Goût fruits rouges gourmand\u003c\/h3\u003e\n \u003cp\u003eUn arôme naturel doux, sans amertume, qui transforme le brossage en un moment agréable. Fini les grimaces devant le lavabo !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e📋 Formule courte et transparente\u003c\/h3\u003e\n \u003cp\u003eSeulement 13 ingrédients d'origine naturelle, sans huile essentielle, sans colorant de synthèse, sans perturbateur endocrinien. Un vrai dentifrice 100 % naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e♻️ Format éco-recharge 350 g\u003c\/h3\u003e\n \u003cp\u003eVersez le contenu dans votre flacon rechargeable Endro. Vous réduisez considérablement vos déchets plastiques tout en faisant des économies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e✨ Texture gel agréable\u003c\/h3\u003e\n \u003cp\u003eSe dose facilement, mousse légèrement et se rince sans difficulté. Parfaitement adaptée aux plus petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"edr-inci-box\"\u003e\n \u003cp class=\"edr-inci-text\"\u003eGlycerin**, Aqua (Water\/Eau), Hydrated Silica, Erythritol, Xanthan Gum, Aroma (Flavor), Montmorillonite, Disodium Cocoyl Glutamate, \u003cstrong\u003eSodium Fluoride\u003c\/strong\u003e, Aloe Barbadensis Leaf Juice Powder*, Decyl Glucoside, Illite, Kaolin.\u003c\/p\u003e\n \u003cp class=\"edr-inci-note\"\u003e** Transformé à partir d'ingrédients biologiques — * Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-grid\"\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🌱 Glycérine végétale bio\u003c\/h3\u003e\n \u003cp\u003eApporte onctuosité et hydratation aux gencives sensibles de votre enfant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e💎 Silice hydratée\u003c\/h3\u003e\n \u003cp\u003eAgent nettoyant doux, non abrasif pour l'émail des dents de lait.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🍬 Érythritol\u003c\/h3\u003e\n \u003cp\u003eSucre naturel sans effet cariogène, contribue à un goût agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🪨 Argiles naturelles\u003c\/h3\u003e\n \u003cp\u003eMontmorillonite, illite et kaolin purifient en douceur et reminéralisent naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise les gencives sensibles des enfants, pour un brossage tout en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🛡️ Fluorure de sodium\u003c\/h3\u003e\n \u003cp\u003e1000 ppm de fluor : protection anti-caries adaptée aux plus de 3 ans, recommandée par les dentistes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eComment utiliser cette recharge ?\u003c\/h2\u003e\n \u003cdiv class=\"edr-timeline\"\u003e\n \u003cdiv class=\"edr-timeline-item\"\u003e\n \u003cdiv class=\"edr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-content\"\u003e\n \u003ch3\u003eVersez la recharge\u003c\/h3\u003e\n \u003cp\u003eVersez le contenu de la recharge dentifrice dans votre flacon rechargeable Endro propre et sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-item\"\u003e\n \u003cdiv class=\"edr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-content\"\u003e\n \u003ch3\u003eDosez un petit pois\u003c\/h3\u003e\n \u003cp\u003eDéposez une quantité de la taille d'un petit pois sur la brosse à dents de votre enfant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-item\"\u003e\n \u003cdiv class=\"edr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-content\"\u003e\n \u003ch3\u003eBrossez 2 minutes\u003c\/h3\u003e\n \u003cp\u003eBrossez pendant \u003cstrong\u003e2 minutes, 2 fois par jour\u003c\/strong\u003e, puis recrachez. Pour les enfants de moins de 6 ans, le brossage doit toujours se faire \u003cstrong\u003esous la surveillance d'un adulte\u003c\/strong\u003e afin de limiter l'ingestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-tip\"\u003e\n \u003cspan class=\"edr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePensez à remplacer la brosse à dents tous les 3 mois pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eLabels et engagements\u003c\/h2\u003e\n \u003cdiv class=\"edr-grid-compact\"\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié COSMEBIO : formulation bio rigoureuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué à Lannion, en Bretagne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🐰 Végan \u0026amp; cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient ni test d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🚫 Sans huile essentielle\u003c\/h3\u003e\n \u003cp\u003eAdapté aux jeunes enfants et aux femmes enceintes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e♻️ Éco-recharge\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 75 % de plastique en moins par rapport aux tubes classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🌍 Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eUn geste simple pour réduire durablement votre impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"edr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions et conseils\u003c\/h2\u003e\n \u003cdiv class=\"edr-accordion\"\u003e\n \u003cdetails class=\"edr-accordion-item\"\u003e\n \u003csummary class=\"edr-accordion-header\"\u003e⚠️ Précautions liées au fluor\u003c\/summary\u003e\n \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe dentifrice contient du fluor. Si votre enfant consomme déjà du fluor via d'autres sources (eau fluorée, sel fluoré, compléments), demandez conseil à votre dentiste ou pédiatre avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"edr-accordion-item\"\u003e\n \u003csummary class=\"edr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez la recharge dans un endroit sec, à l'abri de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"edr-accordion-item\"\u003e\n \u003csummary class=\"edr-accordion-header\"\u003e🩺 Suivi dentaire\u003c\/summary\u003e\n \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique \u003cstrong\u003ene se substitue pas à un suivi dentaire régulier\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-cta-box\"\u003e\n \u003cp\u003eOffrez à votre enfant un brossage efficace, gourmand et respectueux de la planète 🌍\u003cbr\u003eAvec cette éco-recharge Endro aux fruits rouges, vous faites le choix d'un \u003cstrong\u003edentifrice naturel\u003c\/strong\u003e certifié bio, au juste dosage de fluor, dans un format pensé pour réduire durablement vos déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"edr-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ce produit est un cosmétique, non un médicament.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --edr-cream: #faf6f4;\n --edr-white: #ffffff;\n --edr-primary: #d4917a;\n --edr-primary-dark: #a8604a;\n --edr-primary-light: #f6ebe6;\n --edr-secondary: #e8a894;\n --edr-accent: #c97a63;\n --edr-text: #1a1a1a;\n --edr-text-light: #5a5a5a;\n --edr-border: #e8ddd8;\n --edr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --edr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --edr-radius: 20px;\n --edr-radius-sm: 12px;\n}\n\n.edr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--edr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.edr-hero {\n position: relative;\n background: linear-gradient(135deg, #d4917a 0%, #e8a894 50%, #c97a63 100%);\n border-radius: var(--edr-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(--edr-shadow-lg);\n}\n\n.edr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.edr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.edr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.edr-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(--edr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.edr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.edr-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.edr-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}\n\n.edr-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2.2vw, 16px);\n margin: 0;\n letter-spacing: .02em;\n}\n\n\/* === SECTIONS === *\/\n.edr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.edr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--edr-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.edr-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(--edr-primary), var(--edr-secondary));\n border-radius: 2px;\n}\n\n.edr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--edr-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.edr-section-intro strong {\n color: var(--edr-primary-dark);\n}\n\n\/* === CARDS === *\/\n.edr-card {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--edr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.edr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--edr-shadow-lg);\n border-color: var(--edr-primary);\n}\n\n.edr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--edr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.edr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--edr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.edr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.edr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.edr-grid-compact .edr-card {\n padding: 1rem;\n}\n\n.edr-grid-compact .edr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.edr-grid-compact .edr-card p {\n font-size: 12px;\n}\n\n\/* === INCI BOX === *\/\n.edr-inci-box {\n background: var(--edr-white);\n border-radius: var(--edr-radius-sm);\n padding: clamp(1rem, 3vw, 1.5rem);\n box-shadow: var(--edr-shadow);\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--edr-primary);\n}\n\n.edr-inci-text {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--edr-text-light);\n line-height: 1.7;\n margin: 0 0 .5rem 0;\n word-break: break-word;\n}\n\n.edr-inci-note {\n font-size: 12px;\n color: var(--edr-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.edr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.edr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.edr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--edr-primary), var(--edr-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.edr-timeline-content {\n flex: 1;\n background: var(--edr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--edr-radius-sm);\n box-shadow: var(--edr-shadow);\n}\n\n.edr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--edr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.edr-timeline-content p {\n font-size: 14px;\n color: var(--edr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.edr-timeline-content strong {\n color: var(--edr-primary-dark);\n}\n\n\/* === TIP === *\/\n.edr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--edr-primary-light);\n border-radius: var(--edr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.edr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.edr-tip p {\n font-size: 14px;\n color: var(--edr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.edr-testimonial {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--edr-shadow);\n border-left: 4px solid var(--edr-primary);\n}\n\n.edr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--edr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.edr-accordion {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n box-shadow: var(--edr-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.edr-accordion-item {\n border-bottom: 1px solid var(--edr-border);\n margin: 0;\n padding: 0;\n}\n\n.edr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.edr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--edr-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.edr-accordion-header:hover {\n background: var(--edr-primary-light);\n}\n\n.edr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.edr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--edr-primary);\n transition: transform .2s ease;\n}\n\n.edr-accordion-item[open] .edr-accordion-header::after {\n content: '−';\n}\n\n.edr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--edr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.edr-accordion-content p {\n margin: 0;\n}\n\n.edr-accordion-content strong {\n color: var(--edr-primary-dark);\n}\n\n\/* === CTA === *\/\n.edr-cta-box {\n background: linear-gradient(135deg, var(--edr-primary) 0%, var(--edr-primary-dark) 100%);\n border-radius: var(--edr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.edr-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.edr-cta-box strong {\n color: #fff;\n}\n\n\/* === DISCLAIMER === *\/\n.edr-disclaimer {\n font-size: 12px;\n color: var(--edr-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 .edr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .edr-card {\n padding: 1.125rem;\n }\n\n .edr-section {\n margin-bottom: 1.75rem;\n }\n\n .edr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--edr-radius-sm);\n }\n\n .edr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .edr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .edr-grid-compact {\n gap: .625rem;\n }\n\n .edr-grid-compact .edr-card {\n padding: .75rem;\n }\n\n .edr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .edr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .edr-timeline-content h3 {\n font-size: 14px;\n }\n\n .edr-timeline-content p {\n font-size: 13px;\n }\n\n .edr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .edr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .edr-testimonial {\n padding: 1.25rem;\n }\n\n .edr-testimonial-text {\n font-size: 14px;\n }\n\n .edr-inci-box {\n padding: .875rem;\n }\n\n .edr-badges-top {\n gap: 6px;\n }\n\n .edr-badge {\n font-size: 11px;\n padding: 6px 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .edr-card {\n animation: edrFadeInUp .5s ease backwards;\n }\n .edr-card:nth-child(1) { animation-delay: .05s; }\n .edr-card:nth-child(2) { animation-delay: .1s; }\n .edr-card:nth-child(3) { animation-delay: .15s; }\n .edr-card:nth-child(4) { animation-delay: .2s; }\n .edr-card:nth-child(5) { animation-delay: .25s; }\n .edr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes edrFadeInUp {\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 .edr-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":56166252937593,"sku":"NBAIEND0110","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-dentifrice-fruits-rouges-350g-endro-packshothd_84ca1590-1c7a-4b54-9eb8-6f584cdc8cf4.webp?v=1775380000"},{"product_id":"gommage-visage-eclat-75ml-endro","title":"Gommage visage éclat - 75ml - Endro","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gommage Visage Éclat Endro\nPalette détectée:\n - Primaire: #E07850 (orange corail du packaging - couleur dominante)\n - Secondaire: #C45A3A (terracotta foncé - profondeur)\n - Accent: #F5A623 (orange vif - dynamisme fruité)\n - Background: #FFF8F5 (crème rosé - douceur)\nAmbiance: Naturel\/Bio, frais et fruité, féminin et lumineux, cosmétique clean\nPréfixe CSS: gve\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"La triple exfoliation : le secret d'un gommage visage vraiment efficace\"\n 2. \"Les bienfaits concrets sur votre peau\"\n 3. \"Composition complète et transparente\"\n 4. \"Comment utiliser ce gommage pour un résultat optimal ?\"\n 5. \"Pour qui est fait ce gommage visage Endro ?\"\n 6. \"Gommage visage maison vs gommage formulé : pourquoi choisir Endro ?\"\n 7. \"L'engagement Endro : cosmétique responsable et locale\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gve-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"gve-hero\"\u003e\n \u003cdiv class=\"gve-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gve-hero-content\"\u003e\n \u003cdiv class=\"gve-badges-top\"\u003e\n \u003cspan class=\"gve-badge\"\u003e🍊 100% naturel\u003c\/span\u003e\n \u003cspan class=\"gve-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"gve-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"gve-badge\"\u003e♻️ Upcyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gve-hero-title\"\u003eGommage Visage Éclat\u003c\/span\u003e\n \u003cp class=\"gve-subtitle\"\u003eTriple exfoliation naturelle pour un teint lumineux\u003c\/p\u003e\n \u003cp class=\"gve-description\"\u003eAHA, enzymes de grenade \u0026amp; poudres de fruits upcyclées : révélez l'éclat naturel de votre peau en un seul geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gve-section\"\u003e\n \u003ch2\u003eLa triple exfoliation : le secret d'un gommage visage vraiment efficace\u003c\/h2\u003e\n \u003cp class=\"gve-section-intro\"\u003eContrairement aux gommages classiques, ce soin Endro associe trois types d'exfoliation complémentaires pour des résultats visibles dès la première utilisation.\u003c\/p\u003e\n \u003cdiv class=\"gve-grid\"\u003e\n \u003cdiv class=\"gve-card gve-card-highlight\"\u003e\n \u003ch3\u003e🍑 Exfoliation mécanique\u003c\/h3\u003e\n \u003cp\u003eLes poudres de pêche et d'orange upcyclées éliminent délicatement les cellules mortes en surface, sans micro-rayures ni irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card gve-card-highlight\"\u003e\n \u003ch3\u003e🍇 Exfoliation enzymatique\u003c\/h3\u003e\n \u003cp\u003eL'enzyme de grenade issue de fermentation naturelle dissout en douceur les liaisons entre les cellules mortes pour un effet peau neuve.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card gve-card-highlight\"\u003e\n \u003ch3\u003e🧪 Exfoliation chimique douce\u003c\/h3\u003e\n \u003cp\u003eLes AHA (acides de fruits) pénètrent plus profondément pour affiner le grain de peau et stimuler le renouvellement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-tip\"\u003e\n \u003cspan class=\"gve-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette synergie permet d'obtenir les bienfaits d'un gommage professionnel tout en préservant l'équilibre cutané, même sur les peaux les plus délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gve-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets sur votre peau\u003c\/h2\u003e\n \u003cp class=\"gve-section-intro\"\u003eEn intégrant ce gommage à votre routine hebdomadaire, vous constaterez rapidement des résultats visibles.\u003c\/p\u003e\n \u003cdiv class=\"gve-grid\"\u003e\n \u003cdiv class=\"gve-card\"\u003e\n \u003ch3\u003e☀️ Teint lumineux\u003c\/h3\u003e\n \u003cp\u003eLes cellules mortes accumulées sont éliminées, laissant place à une peau fraîche et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card\"\u003e\n \u003ch3\u003e🔬 Grain de peau affiné\u003c\/h3\u003e\n \u003cp\u003eLes pores paraissent resserrés, la texture de la peau devient plus uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card\"\u003e\n \u003ch3\u003e🪶 Douceur veloutée\u003c\/h3\u003e\n \u003cp\u003eEffet velours immédiat après chaque utilisation pour une peau plus douce au toucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card\"\u003e\n \u003ch3\u003e💧 Meilleure absorption\u003c\/h3\u003e\n \u003cp\u003eVos sérums et crèmes pénètrent plus efficacement sur une peau débarrassée de ses impuretés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card\"\u003e\n \u003ch3\u003e🌸 Effet bonne mine\u003c\/h3\u003e\n \u003cp\u003eIdéal avant un événement ou pour réveiller un teint hivernal fatigué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gve-section\"\u003e\n \u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n \u003cp class=\"gve-section-intro\"\u003eCe gommage visage bio certifié affiche une formule 100% d'origine naturelle, fabriquée en France avec des ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"gve-grid\"\u003e\n \u003cdiv class=\"gve-card gve-card-ingredient\"\u003e\n \u003ch3\u003e🍊 Poudre d'écorce d'orange\u003c\/h3\u003e\n \u003cp\u003eIssue du recyclage agroalimentaire, elle offre une exfoliation mécanique douce avec un délicat parfum agrumé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card gve-card-ingredient\"\u003e\n \u003ch3\u003e🍑 Poudre de noyau de pêche\u003c\/h3\u003e\n \u003cp\u003eGrains ultra-fins pour un gommage mécanique respectueux qui n'agresse pas l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card gve-card-ingredient\"\u003e\n \u003ch3\u003e🍇 Enzyme de grenade\u003c\/h3\u003e\n \u003cp\u003eObtenue par fermentation naturelle, elle dissout les cellules mortes sans friction pour un éclat immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card gve-card-ingredient\"\u003e\n \u003ch3\u003e🧴 AHA (acides alpha-hydroxylés)\u003c\/h3\u003e\n \u003cp\u003eExfoliants doux et hydratants qui favorisent le renouvellement cellulaire en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card gve-card-ingredient\"\u003e\n \u003ch3\u003e🌊 Extrait d'algue rouge\u003c\/h3\u003e\n \u003cp\u003eRiche en astaxanthine, un puissant antioxydant qui protège la peau du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card gve-card-ingredient\"\u003e\n \u003ch3\u003e🥬 Filtrat de radis fermenté\u003c\/h3\u003e\n \u003cp\u003eActif purifiant naturel qui aide à maintenir l'équilibre de la flore cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-clean-badge\"\u003e\n \u003cspan\u003e🚫 Sans parfum synthétique\u003c\/span\u003e\n \u003cspan\u003e🚫 Sans conservateur controversé\u003c\/span\u003e\n \u003cspan\u003e🚫 Sans ingrédient d'origine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gve-section\"\u003e\n \u003ch2\u003eComment utiliser ce gommage pour un résultat optimal ?\u003c\/h2\u003e\n \u003cdiv class=\"gve-timeline\"\u003e\n \u003cdiv class=\"gve-timeline-item\"\u003e\n \u003cdiv class=\"gve-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gve-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eDémaquillez et nettoyez votre visage au préalable. Appliquez sur peau humide ou sèche selon votre préférence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-timeline-item\"\u003e\n \u003cdiv class=\"gve-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gve-timeline-content\"\u003e\n \u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n \u003cp\u003eRépartissez sur l'ensemble du visage en évitant soigneusement le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-timeline-item\"\u003e\n \u003cdiv class=\"gve-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gve-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires pendant 30 secondes à 1 minute, en insistant sur la zone T si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-timeline-item\"\u003e\n \u003cdiv class=\"gve-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gve-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau tiède, puis terminez par un jet d'eau fraîche pour resserrer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-timeline-item\"\u003e\n \u003cdiv class=\"gve-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"gve-timeline-content\"\u003e\n \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n \u003cp\u003eAppliquez votre lotion tonique puis votre soin hydratant habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-tip\"\u003e\n \u003cspan class=\"gve-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFréquence recommandée :\u003c\/strong\u003e 1 à 2 fois par semaine. Évitez d'utiliser ce gommage en cas d'exposition solaire intense prévue dans les heures qui suivent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"gve-section\"\u003e\n \u003ch2\u003ePour qui est fait ce gommage visage Endro ?\u003c\/h2\u003e\n \u003cp class=\"gve-section-intro\"\u003eCe soin exfoliant convient à tous les types de peau et répond à de nombreuses préoccupations.\u003c\/p\u003e\n \u003cdiv class=\"gve-grid-compact\"\u003e\n \u003cdiv class=\"gve-card\"\u003e\n \u003ch3\u003e😴 Teint terne\u003c\/h3\u003e\n \u003cp\u003eRedonnez de la luminosité à une peau fatiguée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card\"\u003e\n \u003ch3\u003e🔍 Grain irrégulier\u003c\/h3\u003e\n \u003cp\u003eLissez les aspérités et affinez la texture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card\"\u003e\n \u003ch3\u003e⚫ Pores dilatés\u003c\/h3\u003e\n \u003cp\u003eDésincrustez et resserrez visiblement les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card\"\u003e\n \u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n \u003cp\u003eFormule douce respectueuse des épidermes délicats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card\"\u003e\n \u003ch3\u003e🌿 Adepte du naturel\u003c\/h3\u003e\n \u003cp\u003eFormule bio, vegan et éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication locale avec emballage consigné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"gve-section\"\u003e\n \u003ch2\u003eGommage visage maison vs gommage formulé : pourquoi choisir Endro ?\u003c\/h2\u003e\n \u003cp class=\"gve-section-intro\"\u003eVous avez peut-être déjà testé un gommage maison à base de sucre ou de marc de café. Si ces recettes peuvent dépanner, elles présentent plusieurs limites.\u003c\/p\u003e\n \u003cdiv class=\"gve-comparison\"\u003e\n \u003cdiv class=\"gve-comparison-col gve-comparison-bad\"\u003e\n \u003ch3\u003e❌ Gommage maison\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eGrains souvent trop abrasifs\u003c\/li\u003e\n \u003cli\u003eRisque de micro-lésions\u003c\/li\u003e\n \u003cli\u003ePas d'actifs complémentaires\u003c\/li\u003e\n \u003cli\u003eConservation problématique\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-comparison-col gve-comparison-good\"\u003e\n \u003ch3\u003e✅ Gommage Endro\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eTexture parfaitement calibrée\u003c\/li\u003e\n \u003cli\u003eTriple action synergique\u003c\/li\u003e\n \u003cli\u003eActifs dosés avec précision\u003c\/li\u003e\n \u003cli\u003eConservation optimale\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-tip\"\u003e\n \u003cspan class=\"gve-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe gommage Endro offre l'efficacité d'une formule professionnelle avec la naturalité que vous recherchez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"gve-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement Endro : cosmétique responsable et locale\u003c\/h2\u003e\n \u003cp class=\"gve-section-intro\"\u003eEn choisissant ce gommage, vous soutenez une marque bretonne engagée.\u003c\/p\u003e\n \u003cdiv class=\"gve-grid-compact\"\u003e\n \u003cdiv class=\"gve-card gve-card-eco\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003e100% fabriqué à Lorient en Bretagne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card gve-card-eco\"\u003e\n \u003ch3\u003e♻️ Ingrédients upcyclés\u003c\/h3\u003e\n \u003cp\u003ePoudres issues de coproduits alimentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card gve-card-eco\"\u003e\n \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eCertification Cosmos Organic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-card gve-card-eco\"\u003e\n \u003ch3\u003e📦 Emballage consigné\u003c\/h3\u003e\n \u003cp\u003eTube aluminium à rapporter en magasin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gve-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau le meilleur de la nature : un geste beauté simple, efficace et respectueux de votre peau comme de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gve-cream: #FFF8F5;\n --gve-white: #ffffff;\n --gve-primary: #E07850;\n --gve-primary-dark: #C45A3A;\n --gve-primary-light: #FDEEE8;\n --gve-secondary: #D4724A;\n --gve-accent: #F5A623;\n --gve-text: #1a1a1a;\n --gve-text-light: #5a5a5a;\n --gve-border: #f0e6e2;\n --gve-shadow: 0 4px 24px rgba(224,120,80,.12);\n --gve-shadow-lg: 0 12px 48px rgba(196,90,58,.18);\n --gve-radius: 20px;\n --gve-radius-sm: 12px;\n}\n\n.gve-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gve-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gve-hero {\n position: relative;\n background: linear-gradient(135deg, #F5A623 0%, #E07850 40%, #C45A3A 100%);\n border-radius: var(--gve-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(--gve-shadow-lg);\n}\n\n.gve-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 40% 40%, rgba(255,255,255,.05) 0%, transparent 30%);\n opacity: 1;\n}\n\n.gve-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gve-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gve-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(--gve-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gve-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gve-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.gve-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.gve-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.gve-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gve-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gve-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.gve-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(--gve-accent), var(--gve-primary));\n border-radius: 2px;\n}\n\n.gve-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gve-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\/* === GRILLES === *\/\n.gve-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gve-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.gve-card {\n background: var(--gve-white);\n border-radius: var(--gve-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gve-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gve-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gve-shadow-lg);\n border-color: var(--gve-primary);\n}\n\n.gve-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gve-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gve-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gve-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gve-card-highlight {\n background: linear-gradient(135deg, var(--gve-white) 0%, var(--gve-primary-light) 100%);\n border: 2px solid var(--gve-primary-light);\n}\n\n.gve-card-ingredient {\n border-left: 4px solid var(--gve-accent);\n}\n\n.gve-card-eco {\n background: linear-gradient(135deg, #f0fff4 0%, var(--gve-white) 100%);\n border: 2px solid #d4edda;\n}\n\n.gve-grid-compact .gve-card {\n padding: 1rem;\n}\n\n.gve-grid-compact .gve-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gve-grid-compact .gve-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gve-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gve-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gve-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gve-accent), var(--gve-primary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(224,120,80,.3);\n}\n\n.gve-timeline-content {\n flex: 1;\n background: var(--gve-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gve-radius-sm);\n box-shadow: var(--gve-shadow);\n}\n\n.gve-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gve-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gve-timeline-content p {\n font-size: 14px;\n color: var(--gve-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gve-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gve-primary-light);\n border-radius: var(--gve-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid rgba(224,120,80,.2);\n}\n\n.gve-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gve-tip p {\n font-size: 14px;\n color: var(--gve-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CLEAN BADGE === *\/\n.gve-clean-badge {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.5rem;\n padding: 1rem;\n background: #fef3f0;\n border-radius: var(--gve-radius-sm);\n border: 1px dashed var(--gve-primary);\n}\n\n.gve-clean-badge span {\n font-size: 13px;\n font-weight: 600;\n color: var(--gve-primary-dark);\n}\n\n\/* === COMPARISON === *\/\n.gve-comparison {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gve-comparison-col {\n background: var(--gve-white);\n border-radius: var(--gve-radius);\n padding: 1.25rem;\n box-shadow: var(--gve-shadow);\n}\n\n.gve-comparison-col h3 {\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 .75rem 0;\n text-align: center;\n}\n\n.gve-comparison-col ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.gve-comparison-col li {\n font-size: 13px;\n padding: .5rem 0;\n border-bottom: 1px solid var(--gve-border);\n color: var(--gve-text-light);\n}\n\n.gve-comparison-col li:last-child {\n border-bottom: none;\n}\n\n.gve-comparison-bad {\n border: 2px solid #ffcdd2;\n background: linear-gradient(135deg, #fff5f5 0%, var(--gve-white) 100%);\n}\n\n.gve-comparison-bad h3 {\n color: #c62828;\n}\n\n.gve-comparison-good {\n border: 2px solid #c8e6c9;\n background: linear-gradient(135deg, #f1f8e9 0%, var(--gve-white) 100%);\n}\n\n.gve-comparison-good h3 {\n color: #2e7d32;\n}\n\n\/* === CTA FINAL === *\/\n.gve-cta-box {\n background: linear-gradient(135deg, var(--gve-primary) 0%, var(--gve-primary-dark) 100%);\n border-radius: var(--gve-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.gve-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.gve-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gve-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .gve-card {\n padding: 1.125rem;\n }\n \n .gve-section {\n margin-bottom: 1.75rem;\n }\n \n .gve-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gve-radius-sm);\n }\n \n .gve-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .gve-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .gve-grid-compact {\n gap: .625rem;\n }\n \n .gve-grid-compact .gve-card {\n padding: .75rem;\n }\n \n .gve-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .gve-timeline-content {\n padding: .875rem 1rem;\n }\n \n .gve-timeline-content h3 {\n font-size: 14px;\n }\n \n .gve-timeline-content p {\n font-size: 13px;\n }\n \n .gve-comparison {\n grid-template-columns: 1fr;\n }\n \n .gve-clean-badge {\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n }\n \n .gve-badges-top {\n gap: 6px;\n }\n \n .gve-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gve-card {\n animation: gveFadeInUp .5s ease backwards;\n }\n .gve-card:nth-child(1) { animation-delay: .05s; }\n .gve-card:nth-child(2) { animation-delay: .1s; }\n .gve-card:nth-child(3) { animation-delay: .15s; }\n .gve-card:nth-child(4) { animation-delay: .2s; }\n .gve-card:nth-child(5) { animation-delay: .25s; }\n .gve-card:nth-child(6) { animation-delay: .3s; }\n \n .gve-timeline-item {\n animation: gveFadeInUp .5s ease backwards;\n }\n .gve-timeline-item:nth-child(1) { animation-delay: .1s; }\n .gve-timeline-item:nth-child(2) { animation-delay: .15s; }\n .gve-timeline-item:nth-child(3) { animation-delay: .2s; }\n .gve-timeline-item:nth-child(4) { animation-delay: .25s; }\n .gve-timeline-item:nth-child(5) { animation-delay: .3s; }\n}\n\n@keyframes gveFadeInUp {\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 .gve-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":56166286262649,"sku":"NBAIEND0114","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gommage-visage-edro.jpg?v=1776431489"},{"product_id":"gel-nettoyant-hydratant-endro","title":"Gel Nettoyant Hydratant visage - 150 ml - Endro","description":"\u003cdiv class=\"gn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gn-hero\"\u003e\n \u003cdiv class=\"gn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gn-hero-content\"\u003e\n \u003cdiv class=\"gn-badges-top\"\u003e\n \u003cspan class=\"gn-badge\"\u003e🌿 100 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"gn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"gn-badge\"\u003e💧 Acide hyaluronique\u003c\/span\u003e\n \u003cspan class=\"gn-badge\"\u003e🥒 Extrait de concombre bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gn-hero-title\"\u003eGel nettoyant hydratant visage Endro\u003c\/span\u003e\n \u003cp class=\"gn-subtitle\"\u003eLa gelée nettoyante certifiée bio qui nettoie sans jamais dessécher\u003c\/p\u003e\n \u003cp class=\"gn-description\"\u003e150 ml · Tous types de peaux · Vegan · Certifié Cosmos Organic\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gn-section\"\u003e\n \u003ch2\u003eGel nettoyant visage hydratant bio Endro — Acide hyaluronique \u0026amp; Concombre\u003c\/h2\u003e\n \u003cp class=\"gn-section-intro\"\u003eVous cherchez un gel nettoyant pour le visage qui nettoie efficacement sans laisser la peau tiraillée ? La Gelée Nettoyante Hydratante Endro est un soin visage certifié bio, formulé à partir d'ingrédients 100 % d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"gn-grid\"\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eRetient l'eau dans l'épiderme, repulpe la peau et maintient son élasticité dès le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🥒 Extrait de concombre bio\u003c\/h3\u003e\n \u003cp\u003ePropriétés hydratantes, apaisantes et rafraîchissantes pour un confort immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera\u003c\/h3\u003e\n \u003cp\u003eCalme les rougeurs et les tiraillements, complète l'action apaisante du concombre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"gn-section-intro\" style=\"margin-top:1.25rem;\"\u003eSa texture gelée, légère et fondante, se transforme en une mousse délicate au contact de la peau humide. Le résultat : un teint net, souple et confortablement hydraté, sans aucune sensation de dessèchement. Conditionnée en flacon pompe de \u003cstrong\u003e150 ml\u003c\/strong\u003e, elle convient à \u003cstrong\u003etous les types de peaux\u003c\/strong\u003e, y compris les plus sensibles.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gn-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel nettoyant pour visage plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"gn-section-intro\"\u003eContrairement à de nombreux gels nettoyants, cette gelée Endro mise sur une formule courte, bio et transparente, sans sulfate agressif ni ingrédient superflu.\u003c\/p\u003e\n \u003cdiv class=\"gn-grid\"\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🧴 Nettoyage doux et respectueux\u003c\/h3\u003e\n \u003cp\u003eDes tensioactifs d'origine végétale éliminent impuretés et maquillage léger sans altérer la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e💦 Hydratation immédiate\u003c\/h3\u003e\n \u003cp\u003eL'acide hyaluronique retient l'eau dans l'épiderme, repulpe la peau et maintient son élasticité dès le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e❄️ Effet fraîcheur apaisant\u003c\/h3\u003e\n \u003cp\u003eL'extrait de concombre bio et l'aloe vera calment les rougeurs et les tiraillements, pour un confort longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🌍 Bio, vegan \u0026amp; responsable\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée bio, vegan et emballage responsable — un choix cohérent pour votre peau et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gn-section\"\u003e\n \u003ch2\u003eLes actifs clés et la composition complète\u003c\/h2\u003e\n \u003cp class=\"gn-section-intro\"\u003eTrois actifs phares travaillent en synergie dans cette formule pour nettoyer, hydrater et apaiser votre peau en un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"gn-grid\"\u003e\n \u003cdiv class=\"gn-card gn-card-highlight\"\u003e\n \u003ch3\u003e💎 Acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eSodium Hyaluronate — Puissant agent hydratant capable de retenir jusqu'à \u003cstrong\u003e1 000 fois son poids en eau\u003c\/strong\u003e. Il repulpe visiblement la peau et préserve sa souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card gn-card-highlight\"\u003e\n \u003ch3\u003e🥒 Extrait de concombre bio\u003c\/h3\u003e\n \u003cp\u003eCucumis Sativus Fruit Extract — Reconnu pour ses propriétés hydratantes, apaisantes et rafraîchissantes, il soulage les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card gn-card-highlight\"\u003e\n \u003ch3\u003e🫧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eHumectant naturel qui adoucit et protège le film hydrolipidique. Hydrate, adoucit et protège durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"gn-accordion-item\"\u003e\n \u003csummary class=\"gn-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"gn-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Caprylyl\/Capryl Glucoside, Glycerin, Erythritol, Decyl Glucoside, Pentylene Glycol, Caprylyl Glycol, Xanthan Gum, Sodium Hyaluronate, Cucumis Sativus Fruit Extract*, Parfum, Lactic Acid, Aloe Barbadensis Leaf Juice Powder*, Sodium Hydroxide. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gn-section\"\u003e\n \u003ch2\u003eComment utiliser cette gelée nettoyante au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"gn-timeline\"\u003e\n \u003cdiv class=\"gn-timeline-item\"\u003e\n \u003cdiv class=\"gn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gn-timeline-content\"\u003e\n \u003ch3\u003eHumidifiez votre visage\u003c\/h3\u003e\n \u003cp\u003ePassez votre visage sous l'eau tiède pour préparer la peau au nettoyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-timeline-item\"\u003e\n \u003cdiv class=\"gn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gn-timeline-content\"\u003e\n \u003ch3\u003eDéposez une à deux pressions\u003c\/h3\u003e\n \u003cp\u003ePrélevez le gel dans le creux de vos mains grâce au flacon pompe pratique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-timeline-item\"\u003e\n \u003cdiv class=\"gn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gn-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur l'ensemble du visage en mouvements circulaires pendant une trentaine de secondes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-timeline-item\"\u003e\n \u003cdiv class=\"gn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gn-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. Votre peau est nette, souple et confortablement hydratée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-timeline-item\"\u003e\n \u003cdiv class=\"gn-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"gn-timeline-content\"\u003e\n \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n \u003cp\u003eUtilisez matin et\/ou soir, puis appliquez un sérum ou une crème hydratante pour optimiser les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"gn-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce soin nettoyant ?\u003c\/h2\u003e\n \u003cdiv class=\"gn-grid-compact\"\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🙂 Peaux normales\u003c\/h3\u003e\n \u003cp\u003eUn nettoyage frais qui maintient l'équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e✨ Peaux mixtes\u003c\/h3\u003e\n \u003cp\u003ePurifie sans agresser, régule en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🌸 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eHydrate dès le nettoyage, zéro sensation de tiraillement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule douce, apaisante, sans sulfate agressif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-tip\"\u003e\n \u003cspan class=\"gn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCe gel nettoyant est idéal si vous recherchez un nettoyant quotidien qui ne dessèche pas, qui respecte votre peau et dont la composition est irréprochable. Les peaux sujettes aux tiraillements après le nettoyage y trouveront un confort immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"gn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gn-cta-box\"\u003e\n \u003cp\u003e🧴 Offrez à votre peau un nettoyage doux, hydratant et certifié bio.\u003cbr\u003eLa Gelée Nettoyante Endro — votre rituel fraîcheur, matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gn-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique. 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 --gn-cream: #f4f6f8;\n --gn-white: #ffffff;\n --gn-primary: #4a82a8;\n --gn-primary-dark: #2b4f6e;\n --gn-primary-light: #e8f0f6;\n --gn-secondary: #6aaed4;\n --gn-accent: #8ec5db;\n --gn-text: #1a1a1a;\n --gn-text-light: #5a6a78;\n --gn-border: #dce5ec;\n --gn-shadow: 0 4px 24px rgba(43,79,110,.08);\n --gn-shadow-lg: 0 12px 48px rgba(43,79,110,.15);\n --gn-radius: 20px;\n --gn-radius-sm: 12px;\n}\n\n.gn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gn-hero {\n position: relative;\n background: linear-gradient(135deg, #2b4f6e 0%, #4a82a8 45%, #6aaed4 100%);\n border-radius: var(--gn-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(--gn-shadow-lg);\n}\n\n.gn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gn-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(--gn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gn-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.gn-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.gn-description {\n color: rgba(255,255,255,.78);\n font-size: clamp(13px, 2vw, 16px);\n margin: 0;\n font-weight: 500;\n letter-spacing: .02em;\n}\n\n\/* === SECTIONS === *\/\n.gn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gn-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.gn-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(--gn-primary), var(--gn-secondary));\n border-radius: 2px;\n}\n\n.gn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gn-text-light);\n margin-bottom: 1.5rem;\n max-width: 660px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gn-card {\n background: var(--gn-white);\n border-radius: var(--gn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gn-shadow-lg);\n border-color: var(--gn-primary);\n}\n\n.gn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gn-card-highlight {\n border-left: 4px solid var(--gn-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.gn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gn-grid-compact .gn-card {\n padding: 1rem;\n}\n\n.gn-grid-compact .gn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gn-grid-compact .gn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gn-primary), var(--gn-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.gn-timeline-content {\n flex: 1;\n background: var(--gn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gn-radius-sm);\n box-shadow: var(--gn-shadow);\n}\n\n.gn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gn-timeline-content p {\n font-size: 14px;\n color: var(--gn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gn-testimonial {\n background: var(--gn-white);\n border-radius: var(--gn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gn-shadow);\n border-left: 4px solid var(--gn-primary);\n}\n\n.gn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gn-accordion {\n background: var(--gn-white);\n border-radius: var(--gn-radius);\n box-shadow: var(--gn-shadow);\n overflow: hidden;\n}\n\n.gn-accordion-item {\n border-bottom: 1px solid var(--gn-border);\n margin: 0;\n padding: 0;\n}\n\n.gn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gn-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.gn-accordion-header:hover {\n background: var(--gn-primary-light);\n}\n\n.gn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gn-primary);\n transition: transform .2s ease;\n}\n\n.gn-accordion-item[open] .gn-accordion-header::after {\n content: '−';\n}\n\n.gn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gn-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gn-primary-light);\n border-radius: var(--gn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gn-tip p {\n font-size: 14px;\n color: var(--gn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gn-cta-box {\n background: linear-gradient(135deg, var(--gn-primary) 0%, var(--gn-primary-dark) 100%);\n border-radius: var(--gn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gn-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.gn-disclaimer {\n font-size: 12px;\n color: var(--gn-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 .gn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gn-card {\n padding: 1.125rem;\n }\n\n .gn-section {\n margin-bottom: 1.75rem;\n }\n\n .gn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gn-radius-sm);\n }\n\n .gn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gn-grid-compact {\n gap: .625rem;\n }\n\n .gn-grid-compact .gn-card {\n padding: .75rem;\n }\n\n .gn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gn-timeline-content h3 {\n font-size: 14px;\n }\n\n .gn-timeline-content p {\n font-size: 13px;\n }\n\n .gn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gn-testimonial {\n padding: 1.25rem;\n }\n\n .gn-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gn-card {\n animation: gnFadeInUp .5s ease backwards;\n }\n .gn-card:nth-child(1) { animation-delay: .05s; }\n .gn-card:nth-child(2) { animation-delay: .1s; }\n .gn-card:nth-child(3) { animation-delay: .15s; }\n .gn-card:nth-child(4) { animation-delay: .2s; }\n .gn-card:nth-child(5) { animation-delay: .25s; }\n .gn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gnFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gn-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":56166339215737,"sku":"NBAIEND0112","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-nettoyant-hydratant-visage-150-ml-endro_11zon.jpg?v=1762865631"},{"product_id":"huile-seche-sublimante-100-ml-endro","title":"Huile Sèche Sublimante - Visage, Corps \u0026 Cheveux - 100 ml - Endro","description":"\u003cdiv class=\"hs-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hs-hero\"\u003e\n\u003cdiv class=\"hs-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hs-hero-content\"\u003e\n\u003cdiv class=\"hs-badges-top\"\u003e\n\u003cspan class=\"hs-badge\"\u003e🌿 100% naturelle\u003c\/span\u003e \u003cspan class=\"hs-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e \u003cspan class=\"hs-badge\"\u003e✨ 3-en-1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hs-hero-title\"\u003eHuile Sèche Sublimante Endro\u003c\/span\u003e\n\u003cp class=\"hs-subtitle\"\u003eLe secret d'une peau satinée parfumée au Monoï des îles\u003c\/p\u003e\n\u003cp class=\"hs-description\"\u003eVisage, corps \u0026amp; cheveux : une seule huile bio aux huiles végétales françaises pour une nutrition express sans fini gras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003eUne huile sèche bio 3-en-1 qui sublime votre peau, votre visage et vos cheveux\u003c\/h2\u003e\n\u003cp class=\"hs-section-intro\"\u003eVous cherchez \u003cstrong\u003eune huile sèche polyvalente\u003c\/strong\u003e capable de nourrir intensément sans jamais laisser de sensation grasse ? L'\u003cstrong\u003eHuile sèche sublimante Endro\u003c\/strong\u003e est exactement ce qu'il vous faut.\u003c\/p\u003e\n\u003cdiv class=\"hs-grid-compact\"\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🌸 Pénétration express\u003c\/h3\u003e\n\u003cp\u003eAbsorption instantanée sans film gras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🥥 Parfum Monoï\u003c\/h3\u003e\n\u003cp\u003eÉvasion polynésienne garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e💆 Visage\u003c\/h3\u003e\n\u003cp\u003eNutrition \u0026amp; éclat quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e✨ Corps\u003c\/h3\u003e\n\u003cp\u003eVoile satiné lumineux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n\u003cp\u003eBrillance \u0026amp; discipline\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🌾 Bio certifié\u003c\/h3\u003e\n\u003cp\u003e29% d'ingrédients bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003ePourquoi choisir une huile sèche plutôt qu'une huile classique ?\u003c\/h2\u003e\n\u003cdiv class=\"hs-comparison\"\u003e\n\u003cdiv class=\"hs-comparison-item hs-comparison-bad\"\u003e\n\u003ch3\u003e❌ Huile classique\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eFilm gras désagréable\u003c\/li\u003e\n\u003cli\u003ePénétration lente\u003c\/li\u003e\n\u003cli\u003eRésidus collants\u003c\/li\u003e\n\u003cli\u003eSouvent des silicones\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-comparison-item hs-comparison-good\"\u003e\n\u003ch3\u003e✅ Huile sèche Endro\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eTexture ultra-légère\u003c\/li\u003e\n\u003cli\u003ePénètre en secondes\u003c\/li\u003e\n\u003cli\u003eFini satiné immédiat\u003c\/li\u003e\n\u003cli\u003e100% origine naturelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hs-section-outro\"\u003eL'huile sèche Endro mise uniquement sur la puissance des \u003cstrong\u003ehuiles végétales françaises\u003c\/strong\u003e. Votre peau reçoit de véritables actifs nourrissants, sans compromis.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003eLes bienfaits des huiles végétales françaises de cette formule\u003c\/h2\u003e\n\u003cdiv class=\"hs-grid\"\u003e\n\u003cdiv class=\"hs-card hs-card-ingredient\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol française\u003c\/h3\u003e\n\u003cp\u003eRiche en vitamine E et acides gras essentiels, elle protège et assouplit la peau tout en renforçant la barrière cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card hs-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Huile de chanvre française\u003c\/h3\u003e\n\u003cp\u003eRéputée pour ses propriétés régénérantes et apaisantes, elle convient particulièrement aux peaux sensibles ou réactives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card hs-card-ingredient\"\u003e\n\u003ch3\u003e🌰 Huile de noisette française\u003c\/h3\u003e\n\u003cp\u003ePénétrante par excellence, elle régule le sébum et laisse un toucher sec incomparable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card hs-card-ingredient\"\u003e\n\u003ch3\u003e🥥 Émollients issus de la coco\u003c\/h3\u003e\n\u003cp\u003eIls apportent cette texture sèche caractéristique et un fini soyeux inimitable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003eComment utiliser cette huile sèche sublimante ?\u003c\/h2\u003e\n\u003cdiv class=\"hs-timeline\"\u003e\n\u003cdiv class=\"hs-timeline-item\"\u003e\n\u003cdiv class=\"hs-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hs-timeline-content\"\u003e\n\u003ch3\u003e🌸 Sur le visage\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes en massages circulaires doux, en évitant le contour des yeux. Idéale en soin de jour sous le maquillage ou en soin de nuit intensif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-timeline-item\"\u003e\n\u003cdiv class=\"hs-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hs-timeline-content\"\u003e\n\u003ch3\u003e✨ Sur le corps\u003c\/h3\u003e\n\u003cp\u003eSprayez généreusement sur peau propre et sèche, puis massez. Particulièrement agréable après la douche sur peau légèrement humide pour un voile satiné parfait.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-timeline-item\"\u003e\n\u003cdiv class=\"hs-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hs-timeline-content\"\u003e\n\u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur longueurs et pointes pour nourrir, discipliner les frisottis et apporter brillance. Sur cheveux secs ou légèrement humides.\u003cspan class=\"hs-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-tip\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Astuce masque :\u003c\/strong\u003e laissez poser 30 minutes sur les cheveux sous une serviette chaude avant votre shampoing pour une nutrition intense !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"hs-accordion\"\u003e\n\u003cdetails class=\"hs-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"hs-accordion-header\"\u003e🧪 Liste des ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"hs-accordion-content\"\u003e\n\u003cul class=\"hs-inci-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHELIANTHUS ANNUUS SEED OIL\u003c\/strong\u003e – Huile de tournesol (France)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCANNABIS SATIVA SEED OIL\u003c\/strong\u003e – Huile de chanvre (France)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCORYLUS AVELLANA SEED OIL\u003c\/strong\u003e – Huile de noisette (France)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCOCO CAPRYLATE\/CAPRATE\u003c\/strong\u003e – Émollient issu de la coco\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCOCONUT ALKANES\u003c\/strong\u003e – Alcanes de noix de coco\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePARFUM\u003c\/strong\u003e – Monoï des îles\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTOCOPHEROL\u003c\/strong\u003e – Vitamine E, anti-oxydant naturel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"hs-inci-note\"\u003e\u003cstrong\u003e29% des ingrédients sont issus de l'agriculture biologique.\u003c\/strong\u003e\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=\"hs-section\"\u003e\n\u003ch2\u003eLes engagements Endro pour cette huile sèche\u003c\/h2\u003e\n\u003cdiv class=\"hs-grid-compact\"\u003e\n\u003cdiv class=\"hs-card hs-card-engagement\"\u003e\n\u003ch3\u003e🌿 Certifiée Bio\u003c\/h3\u003e\n\u003cp\u003eLabel Slow Cosmétique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card hs-card-engagement\"\u003e\n\u003ch3\u003e🍃 100% naturelle\u003c\/h3\u003e\n\u003cp\u003eOrigine naturelle garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card hs-card-engagement\"\u003e\n\u003ch3\u003e🇫🇷 Made in Bretagne\u003c\/h3\u003e\n\u003cp\u003eFabrication artisanale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card hs-card-engagement\"\u003e\n\u003ch3\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card hs-card-engagement\"\u003e\n\u003ch3\u003e♻️ Flacon verre\u003c\/h3\u003e\n\u003cp\u003eRéutilisable \u0026amp; recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card hs-card-engagement\"\u003e\n\u003ch3\u003e🌾 Huiles françaises\u003c\/h3\u003e\n\u003cp\u003eCircuit court privilégié\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003ePour qui est faite cette huile sèche sublimante ?\u003c\/h2\u003e\n\u003cp class=\"hs-section-intro\"\u003eCette huile sèche convient à \u003cstrong\u003etous les types de peaux\u003c\/strong\u003e et \u003cstrong\u003etous les types de cheveux\u003c\/strong\u003e. Sa formulation équilibrée nourrit sans surcharger.\u003c\/p\u003e\n\u003cdiv class=\"hs-grid\"\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🎯 Multi-usage\u003c\/h3\u003e\n\u003cp\u003ePour simplifier votre routine beauté avec un seul produit efficace\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n\u003cp\u003ePour celles et ceux qui détestent les sensations grasses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🌾 Naturel \u0026amp; français\u003c\/h3\u003e\n\u003cp\u003ePour les adeptes de cosmétiques clean et locaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🏝️ Parfum envoûtant\u003c\/h3\u003e\n\u003cp\u003ePour s'évader au parfum des îles à chaque application\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003eFormat et durée d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"hs-format-box\"\u003e\n\u003cdiv class=\"hs-format-visual\"\u003e\n\u003cspan class=\"hs-format-size\"\u003e100 ml\u003c\/span\u003e \u003cspan class=\"hs-format-type\"\u003eFlacon verre spray\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-format-details\"\u003e\n\u003cdiv class=\"hs-format-item\"\u003e\n\u003cspan class=\"hs-format-icon\"\u003e⏱️\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e d'utilisation quotidienne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-format-item\"\u003e\n\u003cspan class=\"hs-format-icon\"\u003e✈️\u003c\/span\u003e \u003cspan\u003eFormat compact \u003cstrong\u003evoyage \u0026amp; sport\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-format-item\"\u003e\n\u003cspan class=\"hs-format-icon\"\u003e♻️\u003c\/span\u003e \u003cspan\u003eFlacon \u003cstrong\u003eréutilisable\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"hs-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConseils pour optimiser les bienfaits de votre huile sèche\u003c\/h2\u003e\n\u003cdiv class=\"hs-cta-box\"\u003e\n\u003cp\u003e🚿 Appliquez sur \u003cstrong\u003epeau propre après une douche tiède\u003c\/strong\u003e pour ouvrir les pores et maximiser l'absorption.\u003c\/p\u003e\n\u003cp\u003e☀️ Conservez à l'\u003cstrong\u003eabri de la lumière et de la chaleur\u003c\/strong\u003e pour préserver toutes les qualités des huiles végétales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hs-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --hs-cream: #FDF8F5;\n --hs-white: #ffffff;\n --hs-primary: #C4785A;\n --hs-primary-dark: #9A5A42;\n --hs-primary-light: #F5E8E2;\n --hs-secondary: #E85D3B;\n --hs-accent: #D4956A;\n --hs-text: #1a1a1a;\n --hs-text-light: #5a5a5a;\n --hs-border: #e8ddd7;\n --hs-shadow: 0 4px 24px rgba(196,120,90,.12);\n --hs-shadow-lg: 0 12px 48px rgba(196,120,90,.18);\n --hs-radius: 20px;\n --hs-radius-sm: 12px;\n}\n\n.hs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hs-hero {\n position: relative;\n background: linear-gradient(135deg, #C4785A 0%, #E85D3B 50%, #D4956A 100%);\n border-radius: var(--hs-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(--hs-shadow-lg);\n}\n\n.hs-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C15 5 5 15 5 30s10 25 25 25 25-10 25-25S45 5 30 5zm0 40c-8 0-15-7-15-15s7-15 15-15 15 7 15 15-7 15-15 15z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.hs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hs-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(--hs-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hs-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.hs-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.hs-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.hs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hs-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.hs-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(--hs-primary), var(--hs-secondary));\n border-radius: 2px;\n}\n\n.hs-section-intro,\n.hs-section-outro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hs-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.hs-section-outro {\n margin-top: 1.5rem;\n margin-bottom: 0;\n}\n\n\/* === GRILLES === *\/\n.hs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.hs-card {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hs-shadow-lg);\n border-color: var(--hs-primary);\n}\n\n.hs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hs-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--hs-secondary);\n}\n\n.hs-card-engagement {\n background: linear-gradient(135deg, var(--hs-white) 0%, var(--hs-primary-light) 100%);\n}\n\n.hs-grid-compact .hs-card {\n padding: 1rem;\n}\n\n.hs-grid-compact .hs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hs-grid-compact .hs-card p {\n font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.hs-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.hs-comparison-item {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n padding: 1.5rem;\n box-shadow: var(--hs-shadow);\n}\n\n.hs-comparison-item h3 {\n font-size: 18px;\n font-weight: 800;\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.hs-comparison-bad {\n border: 2px solid #e0e0e0;\n}\n\n.hs-comparison-bad h3 {\n color: #888;\n}\n\n.hs-comparison-good {\n border: 2px solid var(--hs-secondary);\n background: linear-gradient(135deg, var(--hs-white) 0%, var(--hs-primary-light) 100%);\n}\n\n.hs-comparison-good h3 {\n color: var(--hs-primary-dark);\n}\n\n.hs-comparison-item ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.hs-comparison-item li {\n padding: .5rem 0;\n font-size: 14px;\n color: var(--hs-text-light);\n border-bottom: 1px solid var(--hs-border);\n}\n\n.hs-comparison-item li:last-child {\n border-bottom: none;\n}\n\n\/* === TIMELINE === *\/\n.hs-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hs-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hs-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hs-primary), var(--hs-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.hs-timeline-content {\n flex: 1;\n background: var(--hs-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hs-radius-sm);\n box-shadow: var(--hs-shadow);\n}\n\n.hs-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hs-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hs-timeline-content p {\n font-size: 14px;\n color: var(--hs-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.hs-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hs-primary-light);\n border-radius: var(--hs-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hs-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hs-tip p {\n font-size: 14px;\n color: var(--hs-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.hs-accordion {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n box-shadow: var(--hs-shadow);\n overflow: hidden;\n}\n\n.hs-accordion-item {\n border-bottom: 1px solid var(--hs-border);\n margin: 0;\n padding: 0;\n}\n\n.hs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hs-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.hs-accordion-header:hover {\n background: var(--hs-primary-light);\n}\n\n.hs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hs-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hs-primary);\n transition: transform .2s ease;\n}\n\n.hs-accordion-item[open] .hs-accordion-header::after {\n content: '−';\n}\n\n.hs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hs-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.hs-inci-list {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n}\n\n.hs-inci-list li {\n padding: .5rem 0;\n border-bottom: 1px solid var(--hs-border);\n font-size: 13px;\n}\n\n.hs-inci-list li:last-child {\n border-bottom: none;\n}\n\n.hs-inci-note {\n background: var(--hs-primary-light);\n padding: .75rem 1rem;\n border-radius: var(--hs-radius-sm);\n font-size: 13px;\n color: var(--hs-primary-dark);\n margin: 0;\n}\n\n\/* === FORMAT BOX === *\/\n.hs-format-box {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n box-shadow: var(--hs-shadow);\n padding: 2rem;\n display: flex;\n flex-wrap: wrap;\n gap: 2rem;\n align-items: center;\n justify-content: center;\n}\n\n.hs-format-visual {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n}\n\n.hs-format-size {\n font-size: 48px;\n font-weight: 900;\n color: var(--hs-primary);\n line-height: 1;\n}\n\n.hs-format-type {\n font-size: 14px;\n color: var(--hs-text-light);\n font-weight: 600;\n}\n\n.hs-format-details {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.hs-format-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n font-size: 15px;\n color: var(--hs-text);\n}\n\n.hs-format-icon {\n font-size: 20px;\n}\n\n\/* === CTA BOX === *\/\n.hs-cta-box {\n background: linear-gradient(135deg, var(--hs-primary) 0%, var(--hs-primary-dark) 100%);\n border-radius: var(--hs-radius);\n padding: clamp(1.75rem, 4vw, 2.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hs-cta-box p {\n color: white;\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 1rem 0;\n}\n\n.hs-cta-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hs-disclaimer {\n font-size: 12px;\n color: var(--hs-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 .hs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hs-card {\n padding: 1.125rem;\n }\n \n .hs-card-ingredient {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--hs-secondary);\n }\n \n .hs-section {\n margin-bottom: 1.75rem;\n }\n \n .hs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hs-radius-sm);\n }\n \n .hs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hs-grid-compact {\n gap: .625rem;\n }\n \n .hs-grid-compact .hs-card {\n padding: .75rem;\n }\n \n .hs-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .hs-timeline-content {\n padding: .875rem 1rem;\n }\n \n .hs-timeline-content h3 {\n font-size: 14px;\n }\n \n .hs-timeline-content p {\n font-size: 13px;\n }\n \n .hs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hs-comparison {\n gap: 1rem;\n }\n \n .hs-comparison-item {\n padding: 1rem;\n }\n \n .hs-comparison-item h3 {\n font-size: 16px;\n }\n \n .hs-format-box {\n padding: 1.5rem;\n flex-direction: column;\n text-align: center;\n }\n \n .hs-format-size {\n font-size: 40px;\n }\n \n .hs-tip {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hs-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hs-card:nth-child(1) { animation-delay: .05s; }\n .hs-card:nth-child(2) { animation-delay: .1s; }\n .hs-card:nth-child(3) { animation-delay: .15s; }\n .hs-card:nth-child(4) { animation-delay: .2s; }\n .hs-card:nth-child(5) { animation-delay: .25s; }\n .hs-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 .hs-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":56580236673401,"sku":"NBAIEND0146","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-seche-sublimante-100-ml-endro-lifestyle_082fcd26-77e6-4f62-b55a-3b20ddcf563f.webp?v=1787565190"},{"product_id":"endro-soin-contour-yeux-levres-routine-anti-age-20-ml","title":"Soin contour yeux \u0026 lèvres - anti-âge - 20 ml - Endro","description":"\u003cdiv class=\"edr-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"edr-hero\"\u003e\n\u003cdiv class=\"edr-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"edr-hero-content\"\u003e\n\u003cdiv class=\"edr-badges-top\"\u003e\n\u003cspan class=\"edr-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"edr-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"edr-badge\"\u003e🧴 20 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"edr-hero-title\"\u003eSoin contour yeux \u0026amp; lèvres Endro\u003c\/span\u003e\n\u003cp class=\"edr-subtitle\"\u003eRoutine anti-âge naturelle\u003c\/p\u003e\n\u003cp class=\"edr-description\"\u003eUn soin 2-en-1 concentré en actifs puissants pour repulper, lisser et raviver l'éclat des zones les plus délicates de votre visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eSoin contour yeux et lèvres Endro : votre allié anti-âge naturel\u003c\/h2\u003e\n\u003cp class=\"edr-section-intro\"\u003eVous cherchez un soin contour des yeux qui prend également soin de vos lèvres ? Ce soin 2-en-1 signé Endro a été spécialement formulé pour répondre aux besoins des zones les plus délicates de votre visage. Concentré en actifs puissants, il s'inscrit parfaitement dans une routine anti-âge efficace et naturelle.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce soin pour le contour des yeux et des lèvres ?\u003c\/h2\u003e\n\u003cp class=\"edr-section-intro\"\u003eLa peau autour des yeux et des lèvres est jusqu'à cinq fois plus fine que sur le reste du visage. C'est précisément là que les premiers signes de l'âge et de la fatigue apparaissent.\u003c\/p\u003e\n\u003cdiv class=\"edr-grid\"\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e✨ Repulpe visiblement\u003c\/h3\u003e\n\u003cp\u003eRedonne du volume au contour des yeux et des lèvres pour un effet jeunesse immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🪶 Lisse les ridules\u003c\/h3\u003e\n\u003cp\u003eAtténue les fines lignes et les marques de déshydratation pour une peau plus lisse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e😌 Atténue la fatigue\u003c\/h3\u003e\n\u003cp\u003eRéduit les signes de fatigue pour un regard reposé et revitalisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e💪 Raffermit la peau\u003c\/h3\u003e\n\u003cp\u003eTonifie les tissus pour redonner fermeté et éclat à votre visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌟 Révèle la lumière\u003c\/h3\u003e\n\u003cp\u003eIllumine le regard et le sourire pour un teint plus radieux au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eUn soin contour yeux Made in France\u003c\/h2\u003e\n\u003cdiv class=\"edr-grid-compact\"\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🇫🇷 Savoir-faire français\u003c\/h3\u003e\n\u003cp\u003eFabriqué en Bretagne par la marque Endro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🧴 Format généreux\u003c\/h3\u003e\n\u003cp\u003e20 ml vs 10 ml classiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e👁️ Double action\u003c\/h3\u003e\n\u003cp\u003eYeux + lèvres en un seul soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e📅 Longue durée\u003c\/h3\u003e\n\u003cp\u003ePlusieurs semaines d'utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 1.5rem;\" class=\"edr-section-intro\"\u003eContrairement aux formats classiques de 10 ml, cette version élargie vous permet de traiter à la fois le contour des yeux et celui des lèvres, deux zones souvent négligées mais essentielles pour préserver la jeunesse de votre visage.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eComment utiliser ce soin apaisant contour des yeux ?\u003c\/h2\u003e\n\u003cp class=\"edr-section-intro\"\u003ePour profiter pleinement des bienfaits de ce soin contour yeux, appliquez-le sur une peau propre et sèche.\u003c\/p\u003e\n\u003cdiv class=\"edr-timeline\"\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003ePrélevez le soin\u003c\/h3\u003e\n\u003cp\u003eUne petite quantité du bout du doigt suffit pour chaque zone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur le contour des yeux\u003c\/h3\u003e\n\u003cp\u003ePar légers tapotements, de l'intérieur vers l'extérieur de l'œil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003eTraitez le contour des lèvres\u003c\/h3\u003e\n\u003cp\u003eRenouvelez l'opération sur tout le pourtour de la bouche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003eMatin et\/ou soir\u003c\/h3\u003e\n\u003cp\u003eUtilisez selon vos besoins pour des résultats optimaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-tip\"\u003e\n\u003cspan class=\"edr-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe geste de tapotement favorise la microcirculation et optimise la pénétration des actifs. Évitez de frotter pour ne pas fragiliser ces zones sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n\u003cdiv class=\"edr-grid\"\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌱 Prévention des ridules\u003c\/h3\u003e\n\u003cp\u003eIdéal dès les premiers signes de l'âge pour prévenir l'apparition des fines lignes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e😴 Signes de fatigue\u003c\/h3\u003e\n\u003cp\u003eParfait pour atténuer les marques visibles de fatigue autour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003eRecommandé pour hydrater et repulper le contour des lèvres déshydraté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌿 Routine naturelle\u003c\/h3\u003e\n\u003cp\u003ePour celles qui souhaitent un soin anti-âge efficace et 100% naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eLes engagements Endro\u003c\/h2\u003e\n\u003cdiv class=\"edr-testimonial\"\u003e\n\u003cp class=\"edr-testimonial-text\"\u003e\"En choisissant Endro, vous optez pour une cosmétique responsable. Notre marque bretonne s'engage à proposer des formules concentrées en actifs, sans ingrédients superflus, dans le respect de votre peau et de l'environnement.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-accordion\"\u003e\n\u003cdetails open=\"\" class=\"edr-accordion-item\"\u003e\n\u003csummary class=\"edr-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n\u003cdiv class=\"edr-accordion-content\"\u003e\n\u003cp\u003e20 ml - Format généreux pour une utilisation prolongée sur le contour des yeux et des lèvres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails open=\"\" class=\"edr-accordion-item\"\u003e\n\u003csummary class=\"edr-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n\u003cdiv class=\"edr-accordion-content\"\u003e\n\u003cp\u003eMade in France - Fabriqué avec soin en Bretagne par la marque Endro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails open=\"\" class=\"edr-accordion-item\"\u003e\n\u003csummary class=\"edr-accordion-header\"\u003e🧪 Composition (INCI)\u003c\/summary\u003e\n\u003cdiv class=\"edr-accordion-content\"\u003e\n\u003cp\u003eAQUA (WATER \/ EAU), GLYCERIN, HELIANTHUS ANNUUS (SUNFLOWER) SEED OIL*, PENTYLENE GLYCOL, GLYCERYL STEARATE, COCO CAPRYLATE\/CAPRATE, PRUNUS DOMESTICA SEED OIL*, BUTYROSPERMUM PARKII (SHEA) BUTTER*, XANTHAN GUM, SODIUM LEVULINATE, COLLAGEN AMINO ACIDS, ADANSONIA DIGITATA PULP EXTRACT, MALTODEXTRIN, PROPANEDIOL, MAGNOLIA OFFICINALIS BARK EXTRACT, TOCOPHEROL, SODIUM ANISATE, SODIUM STEAROYL LACTYLATE, ALOE BARBADENSIS LEAF JUICE POWDER*, GLYCOGEN, SODIUM HYALURONATE, LACTIC ACID, GENTIANA LUTEA ROOT EXTRACT*, SODIUM HYDROXIDE, BENZALDEHYDE.\u003c\/p\u003e\n\u003cp\u003e* Ingrédients issus de l'agriculture biologique. 32 % 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\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"edr-section\"\u003e\n\u003cdiv class=\"edr-cta-box\"\u003e\n\u003cp\u003eOffrez à votre regard et à vos lèvres le soin qu'ils méritent avec ce concentré anti-âge naturel et Made in France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"edr-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --edr-cream: #F8F7F5;\n --edr-white: #ffffff;\n --edr-primary: #8B9BB4;\n --edr-primary-dark: #5A6A80;\n --edr-primary-light: #E8ECF2;\n --edr-secondary: #A5B4C8;\n --edr-accent: #6B7A8F;\n --edr-text: #1a1a1a;\n --edr-text-light: #5a5a5a;\n --edr-border: #e0e0e0;\n --edr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --edr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --edr-radius: 20px;\n --edr-radius-sm: 12px;\n}\n\n.edr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--edr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.edr-hero {\n position: relative;\n background: linear-gradient(135deg, #A5B4C8 0%, #8B9BB4 50%, #6B7A8F 100%);\n border-radius: var(--edr-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(--edr-shadow-lg);\n}\n\n.edr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.edr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.edr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.edr-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(--edr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.edr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.edr-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.edr-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.edr-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.edr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.edr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--edr-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.edr-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(--edr-primary), var(--edr-secondary));\n border-radius: 2px;\n}\n\n.edr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--edr-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.edr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.edr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.edr-card {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--edr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.edr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--edr-shadow-lg);\n border-color: var(--edr-primary);\n}\n\n.edr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--edr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.edr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--edr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.edr-grid-compact .edr-card {\n padding: 1rem;\n}\n\n.edr-grid-compact .edr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.edr-grid-compact .edr-card p {\n font-size: 12px;\n}\n\n.edr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.edr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.edr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--edr-primary), var(--edr-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.edr-timeline-content {\n flex: 1;\n background: var(--edr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--edr-radius-sm);\n box-shadow: var(--edr-shadow);\n}\n\n.edr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--edr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.edr-timeline-content p {\n font-size: 14px;\n color: var(--edr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.edr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--edr-primary-light);\n border-radius: var(--edr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.edr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.edr-tip p {\n font-size: 14px;\n color: var(--edr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.edr-testimonial {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--edr-shadow);\n border-left: 4px solid var(--edr-primary);\n margin-bottom: 1.25rem;\n}\n\n.edr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--edr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.edr-accordion {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n box-shadow: var(--edr-shadow);\n overflow: hidden;\n}\n\n.edr-accordion-item {\n border-bottom: 1px solid var(--edr-border);\n margin: 0;\n padding: 0;\n}\n\n.edr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.edr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--edr-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.edr-accordion-header:hover {\n background: var(--edr-primary-light);\n}\n\n.edr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.edr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--edr-primary);\n transition: transform .2s ease;\n}\n\n.edr-accordion-item[open] .edr-accordion-header::after {\n content: '−';\n}\n\n.edr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--edr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.edr-accordion-content p {\n margin: 0;\n}\n\n.edr-cta-box {\n background: linear-gradient(135deg, var(--edr-primary) 0%, var(--edr-primary-dark) 100%);\n border-radius: var(--edr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.edr-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.edr-disclaimer {\n font-size: 12px;\n color: var(--edr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .edr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .edr-card {\n padding: 1.125rem;\n }\n \n .edr-section {\n margin-bottom: 1.75rem;\n }\n \n .edr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--edr-radius-sm);\n }\n \n .edr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .edr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .edr-grid-compact {\n gap: .625rem;\n }\n \n .edr-grid-compact .edr-card {\n padding: .75rem;\n }\n \n .edr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .edr-timeline-content {\n padding: .875rem 1rem;\n }\n \n .edr-timeline-content h3 {\n font-size: 14px;\n }\n \n .edr-timeline-content p {\n font-size: 13px;\n }\n \n .edr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .edr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .edr-testimonial {\n padding: 1.25rem;\n }\n \n .edr-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .edr-card {\n animation: fadeInUp .5s ease backwards;\n }\n .edr-card:nth-child(1) { animation-delay: .05s; }\n .edr-card:nth-child(2) { animation-delay: .1s; }\n .edr-card:nth-child(3) { animation-delay: .15s; }\n .edr-card:nth-child(4) { animation-delay: .2s; }\n .edr-card:nth-child(5) { animation-delay: .25s; }\n .edr-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 .edr-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":56580290249081,"sku":"NBAIEND0120","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-contour-yeux-levres-endro.jpg?v=1776431879"},{"product_id":"creme-de-jour-anti-age-50-ml-endro","title":"Crème de jour Anti-âge - 50 ml - Endro","description":"\u003cdiv class=\"endro-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"endro-hero\"\u003e\n\u003cdiv class=\"endro-hero-pattern\"\u003e\u003cbr\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% naturelle\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e⭐ Yuka 86\/100\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"endro-hero-title\"\u003eCrème de Jour Anti-Âge\u003c\/span\u003e\n\u003cp class=\"endro-subtitle\"\u003eEndro • 50 ml\u003c\/p\u003e\n\u003cp class=\"endro-description\"\u003eRides, fermeté, éclat : une formule bio certifiée aux actifs végétaux pour une peau visiblement plus jeune\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eUne crème de jour anti-âge bio qui tient vraiment ses promesses\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eVous cherchez la \u003cstrong\u003emeilleure crème de jour anti-âge\u003c\/strong\u003e alliant efficacité et naturalité ? La crème de jour Anti-âge Endro pourrait bien devenir votre alliée quotidienne.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌱 100% naturelle\u003c\/h3\u003e\n\u003cp\u003eFormulée uniquement à partir d'ingrédients d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🏆 Certifiée bio\u003c\/h3\u003e\n\u003cp\u003e31% d'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🐢 Slow Cosmétique\u003c\/h3\u003e\n\u003cp\u003eLabel garantissant une cosmétique raisonnable et écologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e📍 Made in Bretagne\u003c\/h3\u003e\n\u003cp\u003eFabrication artisanale française de qualité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003ePourquoi choisir cette crème de jour anti-âge Endro ?\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eContrairement aux crèmes conventionnelles, la formule Endro mise sur la \u003cstrong\u003ebiotechnologie verte\u003c\/strong\u003e pour des résultats visibles.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e✨ Effet tenseur naturel\u003c\/h3\u003e\n\u003cp\u003eGrâce à l'extrait de chirette verte issu de la biotechnologie pour une peau visiblement raffermie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧈 Nutrition profonde\u003c\/h3\u003e\n\u003cp\u003eLe beurre de karité et l'huile de bourrache nourrissent intensément sans alourdir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💧 Hydratation durable\u003c\/h3\u003e\n\u003cp\u003eL'hydrolat de bleuet apporte une hydratation longue durée et apaise la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eL'huile de tournesol riche en vitamine E protège contre le vieillissement prématuré\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\u003eSa texture fluide et légère pénètre rapidement sans film gras, parfaite comme base de maquillage !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets pour votre peau\u003c\/h2\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🎯 Anti-rides actif\u003c\/h3\u003e\n\u003cp\u003eAtténue les rides et ridules existantes tout en prévenant leur apparition\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💪 Fermeté renforcée\u003c\/h3\u003e\n\u003cp\u003eRenforce la fermeté et l'élasticité cutanée jour après jour\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🎈 Effet repulpant\u003c\/h3\u003e\n\u003cp\u003eRepulpe la peau pour un effet rebondi visible dès les premières applications\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e☀️ Éclat ravivé\u003c\/h3\u003e\n\u003cp\u003eRavive l'éclat des teints ternes ou fatigués pour une mine radieuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌸 Parfum délicat\u003c\/h3\u003e\n\u003cp\u003eDélicatement parfumée à la fleur d'oranger pour un moment de bien-être\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🪶 Légèreté\u003c\/h3\u003e\n\u003cp\u003eNourrit intensément sans jamais alourdir ni graisser la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003ePour quels types de peaux ?\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eLa formule équilibrée de cette crème la rend compatible avec \u003cstrong\u003etous les types de peaux\u003c\/strong\u003e, y compris les peaux mixtes à grasses.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌅 Premiers signes de l'âge\u003c\/h3\u003e\n\u003cp\u003eIdéale dès 30-35 ans pour prévenir et corriger les premières marques du temps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🍂 Peaux matures\u003c\/h3\u003e\n\u003cp\u003eParfaite pour les peaux en quête de fermeté retrouvée et d'éclat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🏜️ Peaux déshydratées\u003c\/h3\u003e\n\u003cp\u003eUn soin nourrissant léger pour les peaux assoiffées d'hydratation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eComment utiliser votre crème anti-âge ?\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\u003ePréparez votre peau\u003c\/h3\u003e\n\u003cp\u003eSur peau propre et sèche, après votre nettoyant et éventuel sérum\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\u003ePrélevez une noisette\u003c\/h3\u003e\n\u003cp\u003eUne petite quantité suffit grâce à la texture concentrée\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\u003eAppliquez en douceur\u003c\/h3\u003e\n\u003cp\u003eMassez visage, cou et décolleté par mouvements circulaires doux\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\u003eMatin et\/ou soir\u003c\/h3\u003e\n\u003cp\u003eEn dernière étape de votre routine, comme base de maquillage le matin\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\u003eAstuce :\u003c\/strong\u003e Lors de la première utilisation, amorcez la pompe en appuyant fermement plusieurs fois. Le tube de 50 ml vous accompagne pendant \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e d'utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💜 Hydrolat de bleuet\u003c\/h3\u003e\n\u003cp\u003eApaise et décongestionne la peau, idéal pour les peaux sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌺 Huile de bourrache\u003c\/h3\u003e\n\u003cp\u003eRégénère et assouplit les peaux matures grâce à ses omégas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🔬 Extrait de chirette verte\u003c\/h3\u003e\n\u003cp\u003eActif biotechnologique à puissant effet tenseur naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n\u003cp\u003eNourrit et protège intensément la barrière cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n\u003cp\u003eAntioxydant naturel riche en omégas et vitamine E\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌼 Fleur d'oranger\u003c\/h3\u003e\n\u003cp\u003eParfum délicat pour un moment de bien-être quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-accordion\"\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content\"\u003e\n\u003cp\u003eAqua, Helianthus Annuus Seed Oil, Glycerin, Butyrospermum Parkii Butter, Centaurea Cyanus Flower Water, Glyceryl Stearate Citrate, Borago Officinalis Seed Oil, Pentylene Glycol, Stearyl Alcohol, Propanediol, Acacia Senegal Gum, Parfum, Sodium Levulinate, Xanthan Gum, Sodium Anisate, Lactic Acid, Leuconostoc\/Radish Root Ferment Filtrate, Tocopherol, Andrographis Paniculata Leaf Extract, Geraniol, Linalool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eEngagements qualité et certifications\u003c\/h2\u003e\n\u003cdiv class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌿 100% naturelle\u003c\/h3\u003e\n\u003cp\u003eOrigine naturelle garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌱 31% bio\u003c\/h3\u003e\n\u003cp\u003eIngrédients biologiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e✅ Certifiée bio\u003c\/h3\u003e\n\u003cp\u003eLabel officiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🐢 Slow Cosmétique\u003c\/h3\u003e\n\u003cp\u003eCosmétique raisonnée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testée sur animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e📍 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriquée en Bretagne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"endro-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"endro-cta-box\"\u003e\n\u003cp\u003e🌸 Offrez à votre peau le meilleur de la nature bretonne avec cette crème anti-âge certifiée bio. Texture légère, résultats visibles, conscience tranquille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --endro-cream: #F8F6FB;\n --endro-white: #ffffff;\n --endro-primary: #9B9BC5;\n --endro-primary-dark: #6B6B9D;\n --endro-primary-light: #E8E4F0;\n --endro-secondary: #7A7AAF;\n --endro-accent: #B8A9C9;\n --endro-text: #1a1a1a;\n --endro-text-light: #5a5a5a;\n --endro-border: #e0e0e0;\n --endro-shadow: 0 4px 24px rgba(107,107,157,.1);\n --endro-shadow-lg: 0 12px 48px rgba(107,107,157,.18);\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, #9B9BC5 0%, #7A7AAF 50%, #6B6B9D 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.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, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.endro-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.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-accent));\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-section-intro strong {\n color: var(--endro-primary-dark);\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-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(155,155,197,.3);\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-tip strong {\n color: var(--endro-primary-dark);\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-top: 1.25rem;\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}\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-tip {\n padding: .875rem 1rem;\n }\n \n .endro-tip-icon {\n font-size: 20px;\n }\n \n .endro-tip p {\n font-size: 13px;\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":56580329767289,"sku":"NBAIEND0133","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-de-jour-anti-age-50-ml-endro-lifestyle_e16b002c-14a9-4d2d-9dce-843f695a7444.webp?v=1787564830"},{"product_id":"stop-boutons-30ml-routine-purifiante-endro","title":"Stop boutons 10ml - Routine Purifiante - Endro","description":"\u003cdiv class=\"sb-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"sb-hero\"\u003e\n\u003cdiv class=\"sb-hero-pattern\"\u003e\u003cbr\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 \u003cspan class=\"sb-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e \u003cspan class=\"sb-badge\"\u003e✨ Certifié Bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sb-hero-title\"\u003eStop Boutons Endro\u003c\/span\u003e\n\u003cp class=\"sb-subtitle\"\u003eSoin ciblé 100% naturel\u003c\/p\u003e\n\u003cp class=\"sb-description\"\u003e3 actifs végétaux puissants pour faire disparaître vos imperfections rapidement et naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003eStop boutons Endro : le soin ciblé bio qui fait vraiment disparaître vos imperfections\u003c\/h2\u003e\n\u003cp class=\"sb-section-intro\"\u003eVous en avez assez de voir ces boutons gâcher votre quotidien ? Ce sérum huileux non comédogène, certifié bio et fabriqué en Bretagne, agit localement sur les boutons, comédons et points noirs pour vous offrir une peau enfin saine et purifiée.\u003c\/p\u003e\n\u003cdiv class=\"sb-grid-compact\"\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🎯 Action ciblée\u003c\/h3\u003e\n\u003cp\u003eTraite localement chaque imperfection\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🧪 3 actifs\u003c\/h3\u003e\n\u003cp\u003eFormule minimaliste ultra-efficace\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🌱 99,8% bio\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de l'agriculture bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e💧 Non comédogène\u003c\/h3\u003e\n\u003cp\u003eN'obstrue pas les pores\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003ePourquoi ce soin anti-boutons est différent ?\u003c\/h2\u003e\n\u003cp class=\"sb-section-intro\"\u003eContrairement aux formules conventionnelles souvent agressives, le Stop boutons d'Endro mise sur une approche minimaliste et naturelle. Pas de longue liste d'ingrédients incompréhensibles : trois actifs végétaux soigneusement sélectionnés.\u003c\/p\u003e\n\u003cdiv class=\"sb-grid\"\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🌰 Huile de noisette française\u003c\/h3\u003e\n\u003cp\u003eSéborégulatrice, elle rééquilibre la production de sébum sans assécher votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🌿 Huile essentielle de tea tree\u003c\/h3\u003e\n\u003cp\u003eAntibactérienne et anti-inflammatoire, elle cible directement les bactéries responsables des boutons\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🌸 Huile essentielle de palmarosa\u003c\/h3\u003e\n\u003cp\u003eAntibactérienne et antifongique, elle complète l'action purifiante tout en douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003ePour quels types de peau ?\u003c\/h2\u003e\n\u003cp class=\"sb-section-intro\"\u003eCe soin stop boutons a été spécialement conçu pour répondre aux besoins des peaux à problèmes. Bonne nouvelle : utilisable dès 12 ans !\u003c\/p\u003e\n\u003cdiv class=\"sb-grid\"\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e😣 Peaux à imperfections\u003c\/h3\u003e\n\u003cp\u003eBoutons occasionnels, comédons, points noirs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🔴 Peaux à tendance acnéique\u003c\/h3\u003e\n\u003cp\u003ePour aider à résorber les éruptions cutanées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e✨ Peaux grasses et mixtes\u003c\/h3\u003e\n\u003cp\u003eGrâce à son action séborégulatrice efficace\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\u003e\u003cstrong\u003eDès 12 ans :\u003c\/strong\u003e Ce soin peut être utilisé par les adolescents, l'âge où les premiers boutons font souvent leur apparition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003eComment utiliser le Stop boutons Endro ?\u003c\/h2\u003e\n\u003cdiv class=\"sb-timeline\"\u003e\n\u003cdiv class=\"sb-timeline-item\"\u003e\n\u003cspan class=\"sb-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"sb-timeline-content\"\u003e\n\u003ch3\u003eLe soir, après votre crème\u003c\/h3\u003e\n\u003cp\u003eAppliquez en dernière étape de votre routine soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-timeline-item\"\u003e\n\u003cspan class=\"sb-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"sb-timeline-content\"\u003e\n\u003ch3\u003eUne petite goutte sur le doigt\u003c\/h3\u003e\n\u003cp\u003eUne quantité minime suffit pour chaque bouton\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-timeline-item\"\u003e\n\u003cspan class=\"sb-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"sb-timeline-content\"\u003e\n\u003ch3\u003eApplication locale sur chaque bouton\u003c\/h3\u003e\n\u003cp\u003eCiblez précisément chaque imperfection à traiter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-timeline-item\"\u003e\n\u003cspan class=\"sb-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"sb-timeline-content\"\u003e\n\u003ch3\u003eLaissez agir toute la nuit\u003c\/h3\u003e\n\u003cp\u003eLe soin travaille pendant votre sommeil\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\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e Évitez le contour des yeux. Ne vous exposez pas au soleil après application (présence d'huiles essentielles). En cas de contact avec les yeux, rincez abondamment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets sur votre peau\u003c\/h2\u003e\n\u003cdiv class=\"sb-grid\"\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e⚡ Disparition accélérée\u003c\/h3\u003e\n\u003cp\u003eLes boutons s'estompent rapidement grâce à l'action antibactérienne combinée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🎯 Correction des imperfections\u003c\/h3\u003e\n\u003cp\u003eComédons, points noirs et rougeurs sont visiblement réduits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🧼 Peau purifiée\u003c\/h3\u003e\n\u003cp\u003eUne peau assainie en profondeur, débarrassée des impuretés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n\u003cp\u003eContrôle l'excès de sébum sans effet desséchant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🔬 Pores resserrés\u003c\/h3\u003e\n\u003cp\u003eUn grain de peau affiné et une texture plus lisse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e💚 Respectueux\u003c\/h3\u003e\n\u003cp\u003eEfficacité sans agression, votre peau reste équilibrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003eLes engagements Endro\u003c\/h2\u003e\n\u003cdiv class=\"sb-grid\"\u003e\n\u003cdiv class=\"sb-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=\"sb-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in Bretagne\u003c\/h3\u003e\n\u003cp\u003eFabrication artisanale française\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e♻️ Flacon en verre\u003c\/h3\u003e\n\u003cp\u003e30 ml réutilisable et recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient animal, non testé sur animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"sb-section\"\u003e\n\u003ch2\u003eRestrictions d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"sb-accordion\"\u003e\n\u003cdetails class=\"sb-accordion-item\"\u003e\n\u003csummary class=\"sb-accordion-header\"\u003e👶 Âge minimum\u003c\/summary\u003e\n\u003cdiv class=\"sb-accordion-content\"\u003e\n\u003cp\u003eEn raison de la présence d'huiles essentielles, ce produit convient aux adolescents \u003cstrong\u003eà partir de 12 ans\u003c\/strong\u003e.\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🤰 Grossesse et allaitement\u003c\/summary\u003e\n\u003cdiv class=\"sb-accordion-content\"\u003e\n\u003cp\u003eCe produit \u003cstrong\u003ene convient pas aux femmes enceintes ou allaitantes\u003c\/strong\u003e en raison de la présence d'huiles essentielles.\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⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"sb-accordion-content\"\u003e\n\u003cp\u003eCe soin cosmétique ne constitue pas un traitement médical. En cas d'acné sévère ou persistante, nous vous conseillons de consulter un dermatologue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau un soin ciblé 100% naturel et certifié bio pour retrouver un teint clair et sans imperfections\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sb-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sb-cream: #f8faf9;\n --sb-white: #ffffff;\n --sb-primary: #6B8E7B;\n --sb-primary-dark: #4A6B5A;\n --sb-primary-light: #e8f0eb;\n --sb-secondary: #5A7A6A;\n --sb-accent: #8FAF9F;\n --sb-text: #1a1a1a;\n --sb-text-light: #5a5a5a;\n --sb-border: #e0e0e0;\n --sb-shadow: 0 4px 24px rgba(107,142,123,.12);\n --sb-shadow-lg: 0 12px 48px rgba(107,142,123,.2);\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.sb-hero {\n position: relative;\n background: linear-gradient(135deg, #5A7A6A 0%, #6B8E7B 50%, #8FAF9F 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% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.sb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\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.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,.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.sb-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.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-accent));\n border-radius: 2px;\n}\n\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: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\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-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.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.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.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.sb-accordion {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n box-shadow: var(--sb-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\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}\n\n.sb-accordion-content p {\n margin: 0;\n}\n\n.sb-cta-box {\n background: linear-gradient(135deg, var(--sb-primary) 0%, var(--sb-primary-dark) 100%);\n border-radius: var(--sb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sb-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.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@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\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@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":"ENDRO","offers":[{"title":"Default Title","offer_id":56580787929465,"sku":"NBAIEND0127","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/stop-boutons-30ml-routine-purifiante-endro-lifestyle_bd129796-ea3c-4ae5-800d-57e8382c74af.webp?v=1776426172"},{"product_id":"deodorant-stick-rechargeable-50g-eclat-soleil-endro","title":"Déodorant Stick Rechargeable 50g - Éclat de Soleil - Endro","description":"\u003cdiv class=\"endro-premium\"\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✅ Certifié BIO\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e♻️ Rechargeable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"endro-hero-title\"\u003eDéodorant Stick Éclat Soleil\u003c\/span\u003e\n \u003cp class=\"endro-subtitle\"\u003eEfficacité 48h • Actif breveté DEOLYA®\u003c\/p\u003e\n \u003cp class=\"endro-description\"\u003eUn déodorant solide rechargeable au parfum fruité et solaire, formulé en Bretagne. La fraîcheur naturelle qui prend soin de vous et de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eDéodorant Stick Rechargeable Éclat Soleil Endro : la fraîcheur naturelle au quotidien\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eVous cherchez un déodorant stick à la fois efficace, naturel et respectueux de la planète ? Le déodorant en stick rechargeable \u003cstrong\u003eÉclat Soleil\u003c\/strong\u003e de la marque bretonne \u003cstrong\u003eEndro\u003c\/strong\u003e coche toutes les cases. Avec sa formule \u003cstrong\u003e100% d'origine naturelle\u003c\/strong\u003e, certifiée \u003cstrong\u003eBIO et végane\u003c\/strong\u003e, ce stick déodorant vous accompagne pendant \u003cstrong\u003e48 heures\u003c\/strong\u003e grâce à l'actif breveté DEOLYA®. Une vraie alternative aux classiques comme le déodorant Dove stick, Sanex déodorant stick ou Mennen déodorant stick.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant rechargeable ?\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eAu-delà de son efficacité prouvée, ce déodorant rechargeable séduit par son engagement écologique. Son boîtier en plastique recyclé se recharge facilement, ce qui réduit considérablement vos déchets. Une recharge de 50g vous offre \u003cstrong\u003eenviron 3 mois d'utilisation\u003c\/strong\u003e, fabriquée en France, en Bretagne.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e⏱️ Efficacité 48h\u003c\/h3\u003e\n \u003cp\u003eUne protection longue durée contre les mauvaises odeurs, grâce à l'actif breveté DEOLYA®.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🧈 Texture baume fondant\u003c\/h3\u003e\n \u003cp\u003eApplication douce, ni grasse ni collante, pour un confort immédiat sous les bras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e☀️ Parfum Éclat de Soleil\u003c\/h3\u003e\n \u003cp\u003eDes notes fruitées et solaires lumineuses qui réveillent votre routine matinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌱 56% d'ingrédients bio\u003c\/h3\u003e\n \u003cp\u003ePlus de la moitié des ingrédients sont issus de l'Agriculture Biologique certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e♻️ Format rechargeable\u003c\/h3\u003e\n \u003cp\u003eUn boîtier en plastique recyclé qui se recharge facilement pour limiter les déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en Bretagne\u003c\/h3\u003e\n \u003cp\u003eUne fabrication française et artisanale par la marque engagée Endro.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eUne formule naturelle aux actifs ciblés\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eLa force de ce stick déodorant repose sur la synergie de trois actifs : le \u003cstrong\u003ebicarbonate de sodium\u003c\/strong\u003e, l'\u003cstrong\u003ehydroxyde de magnésium\u003c\/strong\u003e et le \u003cstrong\u003ecitrate de triéthyle\u003c\/strong\u003e. Ensemble, ils neutralisent durablement les odeurs tout en respectant votre peau. L'\u003cstrong\u003eextrait de reine des prés\u003c\/strong\u003e et le \u003cstrong\u003ezinc PCA\u003c\/strong\u003e apaisent et apportent un véritable confort sous les bras.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid-compact\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🧂 Bicarbonate de sodium\u003c\/h3\u003e\n \u003cp\u003eNeutralise efficacement les odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e💧 Hydroxyde de magnésium\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'humidité en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🍃 Citrate de triéthyle\u003c\/h3\u003e\n \u003cp\u003eBloque la formation des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌸 Reine des prés\u003c\/h3\u003e\n \u003cp\u003eApaise et adoucit la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e✨ Zinc PCA\u003c\/h3\u003e\n \u003cp\u003eConfort et fraîcheur prolongée.\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 l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-accordion\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdetails class=\"endro-accordion-item\"\u003e\n \u003csummary class=\"endro-accordion-header\"\u003e📋 Liste complète des ingrédients (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"endro-accordion-content mt-3\"\u003e\n \u003cp\u003eHuile de tournesol* bio, amidon de maïs* bio, alcool stéarylique, hydroxyde de magnésium, coco-caprylate\/caprate, bicarbonate de sodium, citrate de triéthyle, cire de son de riz, hydroxycarbonate de magnésium, parfum, butylène glycol, tétrastéarate de polyglycéryle-3, zinc PCA, extrait de reine des prés, eau, tocophérol, linalol, limonène, huile d'orange amère, vanilline, huile\/extrait d'ylang-ylang, acétate de linalyle, pinène, acétate de géranyle. \u003cem\u003e*Ingrédients issus de l'Agriculture Biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant en stick ?\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eL'utilisation est ultra simple, comme avec n'importe quel déodorant stick classique :\u003c\/p\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\u003eFaites remonter le produit\u003c\/h3\u003e\n \u003cp\u003eTournez la molette située sous le stick pour faire remonter le baume déodorant.\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\u003eAppliquez sous les bras\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur des \u003cstrong\u003eaisselles propres et sèches\u003c\/strong\u003e en un seul aller-retour.\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\u003eRefermez et conservez\u003c\/h3\u003e\n \u003cp\u003eReplacez le capuchon et conservez le stick à température ambiante, à l'abri de la chaleur.\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\u003ePrécaution :\u003c\/strong\u003e ne pas utiliser sur peau irritée, lésée ou juste après l'épilation. En cas de réaction, cessez l'utilisation. Ce produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eAvis et résultats des tests consommateurs\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eLes retours sur ce déodorant stick Endro parlent d'eux-mêmes. D'après un test consommateur réalisé sur \u003cstrong\u003e18 testeurs pendant 7 jours\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"endro-grid-compact\"\u003e\n \u003cdiv class=\"endro-stat-card\"\u003e\n \u003cdiv class=\"endro-stat-number\"\u003e94%\u003c\/div\u003e\n \u003cp\u003ele jugent efficace contre les mauvaises odeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-stat-card\"\u003e\n \u003cdiv class=\"endro-stat-number\"\u003e88%\u003c\/div\u003e\n \u003cp\u003econfirment qu'il ne laisse pas d'effet gras ni collant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est fait ce déodorant ?\u003c\/h2\u003e\n \u003cdiv class=\"endro-cta-box\"\u003e\n \u003cp\u003eCe déodorant rechargeable s'adresse à toutes les personnes qui souhaitent passer à une routine plus saine et écoresponsable, sans renoncer à l'efficacité d'un déodorant classique. Son parfum solaire et fruité plaira aux amateurs de fragrances lumineuses et gourmandes.\u003c\/p\u003e\n \u003cp style=\"margin-top:1rem;\"\u003eAvec le \u003cstrong\u003estick déodorant Éclat Soleil Endro\u003c\/strong\u003e, adoptez un geste beauté simple, naturel et durable, fabriqué avec soin en France. ☀️\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"endro-disclaimer\"\u003eSi vous avez la peau particulièrement sensible au bicarbonate, faites un test sur une petite zone avant la première application complète.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --endro-cream: #fdf6f1;\n --endro-white: #ffffff;\n --endro-primary: #e8693a;\n --endro-primary-dark: #b84a1f;\n --endro-primary-light: #fce4d6;\n --endro-secondary: #f4a261;\n --endro-accent: #ffcc8a;\n --endro-text: #2a1810;\n --endro-text-light: #6b5448;\n --endro-border: #f0d9c8;\n --endro-shadow: 0 4px 24px rgba(184, 74, 31, .1);\n --endro-shadow-lg: 0 12px 48px rgba(184, 74, 31, .18);\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 color: var(--endro-text);\n }\n\n .endro-hero {\n position: relative;\n background: linear-gradient(135deg, #f4a261 0%, #e8693a 50%, #b84a1f 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: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .15;\n }\n\n .endro-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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 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 .endro-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n }\n\n .endro-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\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-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 line-height: 1.2;\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.75rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n }\n\n .endro-section-intro strong {\n color: var(--endro-primary-dark);\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 {\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-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-stat-card {\n background: linear-gradient(135deg, var(--endro-white) 0%, var(--endro-primary-light) 100%);\n border-radius: var(--endro-radius);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--endro-shadow);\n border: 2px solid var(--endro-accent);\n transition: all .3s ease;\n }\n\n .endro-stat-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--endro-shadow-lg);\n }\n\n .endro-stat-number {\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n color: var(--endro-primary);\n line-height: 1;\n margin-bottom: .5rem;\n letter-spacing: -.04em;\n background: linear-gradient(135deg, var(--endro-primary), var(--endro-primary-dark));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .endro-stat-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--endro-text);\n margin: 0;\n font-weight: 600;\n line-height: 1.5;\n }\n\n .endro-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\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 box-shadow: 0 4px 12px rgba(232, 105, 58, .35);\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-accordion {\n background: var(--endro-white);\n border-radius: var(--endro-radius);\n box-shadow: var(--endro-shadow);\n overflow: hidden;\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 margin-top: 10px;\n }\n\n .endro-accordion-content p {\n margin: 0;\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.5rem;\n border-left: 4px solid var(--endro-primary);\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-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 box-shadow: var(--endro-shadow-lg);\n }\n\n .endro-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 50%);\n pointer-events: none;\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 position: relative;\n z-index: 1;\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 .endro-card {\n padding: 1.125rem;\n }\n .endro-section {\n margin-bottom: 1.75rem;\n }\n .endro-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--endro-radius-sm);\n }\n .endro-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .endro-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .endro-grid-compact {\n gap: .625rem;\n }\n .endro-grid-compact .endro-card {\n padding: .75rem;\n }\n .endro-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .endro-timeline-content {\n padding: .875rem 1rem;\n }\n .endro-timeline-content h3 {\n font-size: 14px;\n }\n .endro-timeline-content p {\n font-size: 13px;\n }\n .endro-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .endro-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\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":57386061070713,"sku":"NBAIEND0149","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-stick-rechargeable-50g-eclat-soleil-endro-lifestyle.webp?v=1780649684"},{"product_id":"recharge-deodorant-stick-eclat-soleil-endro","title":"Recharge Déodorant Stick - Éclat Soleil - Endro","description":"\u003cdiv class=\"endro-premium\"\u003e\n\u003cdiv class=\"endro-hero\"\u003e\n\u003cdiv class=\"endro-hero-pattern\"\u003e\u003cbr\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 \u003cspan class=\"endro-badge\"\u003e✅ Certifié BIO\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e♻️ Format recharge\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"endro-hero-title\"\u003eRecharge Déodorant Stick Éclat Soleil\u003c\/span\u003e\n\u003cp class=\"endro-subtitle\"\u003eUne fraîcheur solaire signée Endro\u003c\/p\u003e\n\u003cp class=\"endro-description\"\u003eProtection 48h, formule vegan à 100% d'origine naturelle, parfum fruité d'orange et d'ylang-ylang. Le geste éco-responsable qui rayonne au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eRecharge Déodorant Stick Éclat Soleil Endro : la fraîcheur solaire au quotidien\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eEt si votre \u003cstrong\u003edéodorant naturel\u003c\/strong\u003e devenait un véritable rituel beauté ? Avec la recharge du \u003cstrong\u003edéodorant stick\u003c\/strong\u003e Éclat Soleil de la marque bretonne Endro, vous prolongez l'utilisation de votre stick rechargeable tout en réduisant vos déchets. Une alternative engagée et efficace aux déodorants classiques, pensée pour celles et ceux qui veulent prendre soin de leur peau autant que de la planète.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eUn stick déodorant 100 % d'origine naturelle, certifié BIO et vegan\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eUne recharge de 50 g (environ 3 mois d'utilisation) à la formule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, dont \u003cstrong\u003e56 % issus de l'Agriculture Biologique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol \u0026amp; cire de son de riz bio\u003c\/h3\u003e\n\u003cp\u003ePour une texture baume fondante, non grasse, qui glisse en douceur sur la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💧 Trio anti-odeurs synergique\u003c\/h3\u003e\n\u003cp\u003eBicarbonate de sodium, hydroxyde de magnésium et citrate de triéthyle neutralisent efficacement les odeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧪 Actif breveté DEOLYA®\u003c\/h3\u003e\n\u003cp\u003eApaise les peaux soumises à la transpiration et offre un confort durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌽 Amidon de maïs bio\u003c\/h3\u003e\n\u003cp\u003eAbsorbe l'humidité tout en douceur, pour une sensation de fraîcheur prolongée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌸 Zinc PCA \u0026amp; reine des prés\u003c\/h3\u003e\n\u003cp\u003ePropriétés équilibrantes pour respecter le pH naturel de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e☀️ Parfum Éclat Soleil\u003c\/h3\u003e\n\u003cp\u003eOrange amère, ylang-ylang et touche de vanilline : une note fruitée et solaire comme un jour d'été.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eQuels sont les bienfaits de ce déodorant en stick ?\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eConçu pour offrir une \u003cstrong\u003eprotection anti-odeurs jusqu'à 48 heures\u003c\/strong\u003e, ce déodorant accompagne vos journées les plus actives sans agresser l'épiderme. Sa formule sans sels d'aluminium respecte le mécanisme naturel de la transpiration.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e⏱️ Protection 48h\u003c\/h3\u003e\n\u003cp\u003eUne efficacité longue durée pour des journées sereines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e✨ Sans traces blanches\u003c\/h3\u003e\n\u003cp\u003eTexture baume qui glisse parfaitement sur la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌿 Douceur confort\u003c\/h3\u003e\n\u003cp\u003eConfortable même après épilation (sur peau non irritée).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e♻️ Geste éco-responsable\u003c\/h3\u003e\n\u003cp\u003eFormat recharge à clipser, fabriqué en France artisanalement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eComment utiliser votre recharge déodorant Endro ?\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eL'utilisation est aussi simple qu'agréable.\u003c\/p\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\u003eClipsez la recharge\u003c\/h3\u003e\n\u003cp\u003eInsérez la recharge dans votre stick Endro vide jusqu'au clic.\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\u003eTournez la molette\u003c\/h3\u003e\n\u003cp\u003eFaites remonter le produit de quelques millimètres seulement.\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\u003eAppliquez en douceur\u003c\/h3\u003e\n\u003cp\u003eUn seul aller-retour sur des aisselles \u003cstrong\u003epropres et sèches\u003c\/strong\u003e.\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\u003eRefermez le capot\u003c\/h3\u003e\n\u003cp\u003eAprès chaque utilisation, pour préserver le parfum solaire.\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\u003eConseil pratique :\u003c\/strong\u003e évitez l'application immédiatement après le rasage ou l'épilation, et n'utilisez pas le produit sur peau irritée. En cas de réactivité au bicarbonate, espacez les applications le temps que votre peau s'adapte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"endro-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eAvis et questions fréquentes sur le déodorant stick Endro\u003c\/h2\u003e\n\u003cdiv class=\"endro-accordion\"\u003e\n\u003cdetails class=\"endro-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e⏳ Combien de temps dure une recharge ?\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content mt-3\"\u003e\n\u003cp\u003eEnviron 3 mois en utilisation quotidienne, pour 50 g de produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e🌸 Convient-il aux peaux sensibles ?\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content mt-3\"\u003e\n\u003cp\u003eSa formule apaisante avec DEOLYA® est pensée pour le confort, mais comme tout déodorant au bicarbonate, un temps d'adaptation peut être nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"endro-accordion-item\"\u003e\n\u003csummary class=\"endro-accordion-header\"\u003e🌍 Est-il vraiment plus écologique ?\u003c\/summary\u003e\n\u003cdiv class=\"endro-accordion-content mt-3\"\u003e\n\u003cp\u003eOui : le stick d'origine est en plastique recyclé et rechargeable, ce qui réduit considérablement vos déchets cosmétiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"endro-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe et ne remplace en aucun cas un avis médical. En cas de réaction cutanée persistante, 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 --endro-cream: #fdf6f1;\n --endro-white: #ffffff;\n --endro-primary: #e8693a;\n --endro-primary-dark: #b8451f;\n --endro-primary-light: #fce5d8;\n --endro-secondary: #f4a261;\n --endro-accent: #ffb84d;\n --endro-text: #2a1810;\n --endro-text-light: #6b4a3a;\n --endro-border: #f0d9c8;\n --endro-shadow: 0 4px 24px rgba(184, 69, 31, .08);\n --endro-shadow-lg: 0 12px 48px rgba(184, 69, 31, .18);\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 color: var(--endro-text);\n}\n\n.endro-hero {\n position: relative;\n background: linear-gradient(135deg, #e8693a 0%, #d9542a 50%, #b8451f 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: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,184,77,.5) 0%, transparent 50%);\n opacity: .15;\n}\n\n.endro-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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 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.endro-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n}\n\n.endro-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.endro-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\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-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 line-height: 1.2;\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-accent));\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.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\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 {\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-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 max-width: 750px;\n margin: 0 auto;\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-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(232,105,58,.3);\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.5rem;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\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-accordion {\n background: var(--endro-white);\n border-radius: var(--endro-radius);\n box-shadow: var(--endro-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\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: 22px;\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 margin-top: 10px;\n}\n\n.endro-accordion-content p {\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: 1.5rem;\n font-style: italic;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\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\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":57386191782265,"sku":"NBAIEND0150","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-deodorant-stick-eclat-soleil-endro-lifestyle_3b5b82fd-2ded-471a-8c73-77048f8517aa.webp?v=1787564699"},{"product_id":"deodorant-stick-rechargeable-50g-fraicheur-vegetale-endro","title":"Déodorant Stick Rechargeable Mixte 50g - Fraicheur Végétale - Endro","description":"\u003cdiv class=\"endro-premium\"\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✅ Certifié BIO\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e♻️ Rechargeable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"endro-hero-title\"\u003eDéodorant Stick Fraîcheur Végétale\u003c\/span\u003e\n \u003cp class=\"endro-subtitle\"\u003eEfficacité 48h · Actif breveté DEOLYA® · 50g\u003c\/p\u003e\n \u003cp class=\"endro-description\"\u003eLe déodorant naturel, mixte et rechargeable signé Endro. Une formule végétale puissante, un parfum frais et universel, un boîtier pensé pour durer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eDéodorant Stick Rechargeable Endro : la fraîcheur végétale au naturel\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e, respectueux de votre peau comme de la planète ? Le \u003cstrong\u003eDéodorant Stick Rechargeable Fraîcheur Végétale d'Endro Cosmétiques\u003c\/strong\u003e coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid-compact\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eFormule d'origine naturelle, certifiée BIO et vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e⏱️ Efficacité 48h\u003c\/h3\u003e\n \u003cp\u003eProtection longue durée contre les mauvaises odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e📅 3 mois d'usage\u003c\/h3\u003e\n \u003cp\u003eUn stick de 50g qui vous accompagne au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e👫 Format mixte\u003c\/h3\u003e\n \u003cp\u003eUne fraîcheur universelle pour elle et lui.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eUne formule naturelle puissante grâce à l'actif breveté DEOLYA®\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eCe qui distingue ce déodorant naturel Endro, c'est sa composition intelligente, à la croisée de la cosmétique douce et de la science végétale. Au cœur de la formule : l'actif breveté \u003cstrong\u003eDEOLYA®\u003c\/strong\u003e, qui neutralise efficacement les mauvaises odeurs sans bloquer la transpiration naturelle de votre corps.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🧪 Hydroxyde de magnésium \u0026amp; bicarbonate de sodium\u003c\/h3\u003e\n \u003cp\u003eIls absorbent l'humidité et neutralisent les bactéries responsables des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs \u0026amp; cire de son de riz bio\u003c\/h3\u003e\n \u003cp\u003ePour une texture baume fondant agréable, qui glisse sans effet collant ni gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio \u0026amp; vitamine E\u003c\/h3\u003e\n \u003cp\u003ePour nourrir et protéger la peau délicate des aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌸 Reine des prés \u0026amp; zinc PCA\u003c\/h3\u003e\n \u003cp\u003ePour leurs propriétés apaisantes et régulatrices.\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\u003e61% des ingrédients\u003c\/strong\u003e sont issus de l'Agriculture Biologique. Aucun sel d'aluminium, aucun perturbateur classique : juste de la nature bien pensée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eUn parfum frais, universel et fédérateur\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eLe parfum \u003cstrong\u003eFraîcheur Végétale\u003c\/strong\u003e a été imaginé pour plaire à tout le monde. Une signature olfactive lumineuse et apaisante, idéale comme \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e comme pour femme.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid-compact\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🍊 Orange amère\u003c\/h3\u003e\n \u003cp\u003eNote vive et pétillante en ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🍋 Citron\u003c\/h3\u003e\n \u003cp\u003eFraîcheur zestée et lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e💜 Lavande\u003c\/h3\u003e\n \u003cp\u003eTouche aromatique apaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌿 Géranium\u003c\/h3\u003e\n \u003cp\u003eCœur végétal raffiné et délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eComment utiliser votre déodorant stick Endro ?\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\u003eFaites remonter le produit\u003c\/h3\u003e\n \u003cp\u003eTournez la molette à la base du stick pour faire remonter délicatement le baume.\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\u003eAppliquez sur peau propre\u003c\/h3\u003e\n \u003cp\u003eUn seul aller-retour suffit sur des aisselles \u003cstrong\u003epropres et sèches\u003c\/strong\u003e.\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\u003eProfitez de la fraîcheur\u003c\/h3\u003e\n \u003cp\u003eLa texture baume fondant se dépose en fine couche et agit immédiatement.\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\u003eRespectez votre peau\u003c\/h3\u003e\n \u003cp\u003eÉvitez l'application sur peau irritée, rasée de très près ou épilée le jour même.\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\u003eUn geste simple, matin et soir si besoin, pour une protection jusqu'à \u003cstrong\u003e48 heures\u003c\/strong\u003e contre les odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eUn format rechargeable, économique et éco-responsable\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eLe boîtier en plastique recyclé est conçu pour durer : une fois votre stick terminé, il vous suffit de glisser une recharge.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid-compact\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e♻️ Moins de déchets\u003c\/h3\u003e\n \u003cp\u003eLe boîtier se garde, seul le stick se remplace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e💶 Plus économique\u003c\/h3\u003e\n \u003cp\u003eLes recharges coûtent moins cher qu'un déo neuf.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🎨 Bel objet durable\u003c\/h3\u003e\n \u003cp\u003eUn design soigné qui trouve sa place dans la salle de bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌍 Engagement concret\u003c\/h3\u003e\n \u003cp\u003eUne réponse réelle à l'envie d'un déodorant efficace et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003ePour qui ce déodorant est-il fait ?\u003c\/h2\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌿 Les adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eCelles et ceux qui souhaitent passer à un \u003cstrong\u003edéodorant naturel efficace\u003c\/strong\u003e sans aluminium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🤲 Les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eÀ la recherche d'une formule douce, bio et vegan, qui respecte l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e♻️ Les éco-engagés\u003c\/h3\u003e\n \u003cp\u003eLes amateurs de cosmétiques rechargeables, made in France et engagés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🏡 Les anti-déo maison\u003c\/h3\u003e\n \u003cp\u003eUne alternative saine au déodorant maison naturel, prête à l'emploi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"endro-accordion\"\u003e\n \u003cdetails class=\"endro-accordion-item\"\u003e\n \u003csummary class=\"endro-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"endro-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. Il ne remplace en aucun cas un avis ou un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"endro-disclaimer\"\u003eLes informations ci-dessus sont fournies à titre indicatif et ne se substituent pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --endro-cream: #f5f3ec;\n --endro-white: #ffffff;\n --endro-primary: #7a9472;\n --endro-primary-dark: #4a5d44;\n --endro-primary-light: #e4ebdf;\n --endro-secondary: #a8bd9e;\n --endro-accent: #c9a96e;\n --endro-text: #2c3329;\n --endro-text-light: #5e6a56;\n --endro-border: #d8ddd1;\n --endro-shadow: 0 4px 24px rgba(74,93,68,.08);\n --endro-shadow-lg: 0 12px 48px rgba(74,93,68,.18);\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 color: var(--endro-text);\n line-height: 1.6;\n}\n\n.endro-hero {\n position: relative;\n background: linear-gradient(135deg, #7a9472 0%, #5d7556 50%, #4a5d44 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 opacity: .07;\n background-image: radial-gradient(circle at 20% 30%, white 1px, transparent 1px),\n radial-gradient(circle at 70% 80%, white 1px, transparent 1px),\n radial-gradient(circle at 40% 60%, white 1px, transparent 1px);\n background-size: 60px 60px, 80px 80px, 100px 100px;\n}\n\n.endro-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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 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.endro-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.endro-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.endro-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\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-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 line-height: 1.25;\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.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.endro-section-intro strong {\n color: var(--endro-primary-dark);\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-card p strong {\n color: var(--endro-primary-dark);\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-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 box-shadow: 0 4px 12px rgba(74,93,68,.25);\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.5rem;\n border-left: 4px solid var(--endro-primary);\n}\n\n.endro-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\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-tip p strong {\n color: var(--endro-primary-dark);\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}\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: 22px;\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 margin-top: 10px;\n}\n\n.endro-accordion-content p {\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 .endro-card {\n padding: 1.125rem;\n }\n .endro-section {\n margin-bottom: 1.75rem;\n }\n .endro-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--endro-radius-sm);\n }\n .endro-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .endro-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .endro-grid-compact {\n gap: .625rem;\n }\n .endro-grid-compact .endro-card {\n padding: .75rem;\n }\n .endro-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .endro-timeline-content {\n padding: .875rem 1rem;\n }\n .endro-timeline-content h3 {\n font-size: 14px;\n }\n .endro-timeline-content p {\n font-size: 13px;\n }\n .endro-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .endro-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .endro-card {\n animation: endroFadeInUp .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 endroFadeInUp {\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":57386296344953,"sku":"NBAIEND0147","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-stick-rechargeable-mixte-50g-fraicheur-vegetale-en-lifestyle_d905e6b3-4f98-4737-a481-59a739d23adb.webp?v=1781110209"},{"product_id":"recharge-deodorant-stick-fraicheur-vegetale-endro","title":"Recharge Déodorant Stick - Fraîcheur Végétale - Endro","description":"\u003cdiv class=\"endro-premium\"\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🌿 Certifié Bio COSMOS\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e⏱️ Efficacité 48h\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"endro-hero-title\"\u003eRecharge Déodorant Stick Fraîcheur Végétale\u003c\/span\u003e\n \u003cp class=\"endro-subtitle\"\u003eLa fraîcheur végétale naturelle qui dure 48h\u003c\/p\u003e\n \u003cp class=\"endro-description\"\u003eUne recharge 50 g pensée pour votre étui Endro : protection anti-odeurs validée cliniquement, formule 100 % d'origine naturelle et démarche zéro déchet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eRecharge Déodorant Stick Fraîcheur Végétale Endro : la fraîcheur naturelle qui dure 48h\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel\u003c\/strong\u003e efficace, qui respecte votre peau et la planète ? La recharge déodorant stick Fraîcheur Végétale d'Endro coche toutes les cases. Pensée pour s'adapter à votre étui Endro déjà en votre possession, cette recharge de 50 g vous offre une protection anti-odeurs validée cliniquement jusqu'à 48 heures, dans une démarche zéro déchet et certifiée bio.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce stick déodorant naturel ?\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eContrairement aux déodorants stick classiques souvent chargés en sels d'aluminium ou en alcool, cette formule est \u003cstrong\u003e100 % d'origine naturelle et certifiée Bio COSMOS ORGANIC\u003c\/strong\u003e. Elle laisse la peau respirer sans bloquer les pores.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e⏱️ Protection 48 heures\u003c\/h3\u003e\n \u003cp\u003eUne efficacité validée cliniquement, du matin au lendemain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e👕 Sans traces blanches\u003c\/h3\u003e\n \u003cp\u003eTexture fondante, pas de résidu collant sur vos vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e💨 Pénétration rapide\u003c\/h3\u003e\n \u003cp\u003eFini sec et confortable dès l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eAdapté aux peaux réactives ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e👫 Mixte\u003c\/h3\u003e\n \u003cp\u003eUne fragrance non genrée pour femmes comme pour hommes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eSans sels d'aluminium, sans alcool, sans parabènes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eUne formule courte et des actifs ciblés\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eLe secret de son efficacité ? Un trio d'actifs intelligemment dosés.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌼 DEOLYA®\u003c\/h3\u003e\n \u003cp\u003eExtrait breveté de reine-des-prés qui neutralise les odeurs dès l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e⚗️ Hydroxyde de magnésium\u003c\/h3\u003e\n \u003cp\u003eRégule le pH cutané et limite la prolifération bactérienne responsable des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🛡️ Citrate de triéthyle\u003c\/h3\u003e\n \u003cp\u003eEmpêche la dégradation de la sueur, à la source des mauvaises odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-accordion\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdetails class=\"endro-accordion-item\"\u003e\n \u003csummary class=\"endro-accordion-header\"\u003e📋 Liste complète des ingrédients (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"endro-accordion-content mt-3\"\u003e\n \u003cp\u003eHuile de tournesol*, amidon de maïs*, alcool stéarylique, hydroxyde de magnésium, bicarbonate de sodium, citrate de triéthyle, cire de son de riz, hydroxycarbonate de magnésium, parfum (fraîcheur végétale), coco-caprylate\/caprate, butylène glycol, tétrastéarate de polyglycéryle-3, zinc PCA, extrait de reine des prés (DEOLYA®), eau, tocophérol, limonène, linalol, géraniol, eugénol. \u003cem\u003e*Ingrédients d'origine naturelle.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"margin-top: .75rem;\"\u003e\u003cstrong\u003eSans\u003c\/strong\u003e sels d'aluminium, sans alcool, sans parabènes, sans perturbateurs endocriniens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eComment utiliser votre recharge déodorant stick ?\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\u003e🔄 Clipsez la recharge\u003c\/h3\u003e\n \u003cp\u003eInsérez la recharge dans votre étui déodorant Endro existant.\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\u003e✨ Appliquez sur peau propre\u003c\/h3\u003e\n \u003cp\u003eSur des aisselles propres et sèches, idéalement le matin.\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\u003e🌿 2 à 3 passages suffisent\u003c\/h3\u003e\n \u003cp\u003eUne application rapide pour une fraîcheur qui dure toute la journée.\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\u003eUne recharge de 50 g vous accompagne en moyenne \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e selon votre fréquence d'utilisation. Bien plus économique et écologique qu'un déodorant maison naturel, sans le casse-tête de la préparation !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eUne fragrance végétale fraîche et unisexe\u003c\/h2\u003e\n \u003cdiv class=\"endro-testimonial\"\u003e\n \u003cp class=\"endro-testimonial-text\"\u003e\"Le parfum « Fraîcheur Végétale » évoque une promenade en sous-bois après la pluie : herbacé, vert, légèrement boisé. Une senteur fine et non genrée, idéale pour celles et ceux qui fuient les parfums sucrés des déodorants stick conventionnels.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eUn geste beauté engagé, fabriqué en France\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eEndro est une marque bretonne pionnière du zéro déchet en cosmétique. En choisissant cette recharge, vous réduisez considérablement vos déchets plastiques tout en soutenant une fabrication française et artisanale.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid-compact\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eUne production bretonne, locale et artisanale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌱 Bio COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCertification de référence pour les cosmétiques bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eRecharge sans emballage plastique superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e📅 D.L.C. 14 mois\u003c\/h3\u003e\n \u003cp\u003eUne durabilité optimale après fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eAvis et précautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"endro-testimonial\"\u003e\n \u003cp class=\"endro-testimonial-text\"\u003e\"Les utilisateurs apprécient particulièrement la \u003cstrong\u003etenue longue durée\u003c\/strong\u003e, la texture agréable et l'absence de traces sur les vêtements.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-accordion\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdetails class=\"endro-accordion-item\"\u003e\n \u003csummary class=\"endro-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"endro-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de peau très sensible, effectuez un test dans le pli du coude avant la première utilisation. Évitez l'application sur peau irritée ou juste après l'épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"endro-accordion-item\"\u003e\n \u003csummary class=\"endro-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"endro-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis médical en cas d'hypersudation ou de réaction cutanée persistante.\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 --endro-cream: #f5f1ea;\n --endro-white: #ffffff;\n --endro-primary: #7a9170;\n --endro-primary-dark: #4a5d44;\n --endro-primary-light: #e3e9dc;\n --endro-secondary: #a8b89c;\n --endro-accent: #c9a97e;\n --endro-text: #2a2f26;\n --endro-text-light: #5a6155;\n --endro-border: #d8dcd2;\n --endro-shadow: 0 4px 24px rgba(74,93,68,.1);\n --endro-shadow-lg: 0 12px 48px rgba(74,93,68,.18);\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 color: var(--endro-text);\n line-height: 1.6;\n}\n\n.endro-hero {\n position: relative;\n background: linear-gradient(135deg, #4a5d44 0%, #7a9170 50%, #a8b89c 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 opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, white 1.5px, transparent 2.5px),\n radial-gradient(circle at 40% 80%, white 2px, transparent 3px);\n background-size: 120px 120px, 80px 80px, 100px 100px;\n}\n\n.endro-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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 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.endro-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.8vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.endro-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.3vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\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-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 line-height: 1.2;\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: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.endro-section-intro strong {\n color: var(--endro-primary-dark);\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 {\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-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 max-width: 720px;\n margin: 0 auto;\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 box-shadow: 0 4px 12px rgba(74,93,68,.25);\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-testimonial {\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: 4px solid var(--endro-primary);\n max-width: 820px;\n margin: 0 auto;\n}\n\n.endro-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--endro-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.endro-testimonial-text strong {\n color: var(--endro-primary-dark);\n font-style: normal;\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 max-width: 820px;\n margin-left: auto;\n margin-right: auto;\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: 24px;\n font-weight: 400;\n color: var(--endro-primary);\n transition: transform .2s ease;\n line-height: 1;\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 margin-top: 10px;\n}\n\n.endro-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.endro-accordion-content p:last-child {\n margin-bottom: 0;\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.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\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-tip p strong {\n color: var(--endro-primary-dark);\n}\n\n@media (max-width: 767px) {\n .endro-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .endro-card {\n padding: 1.125rem;\n }\n .endro-section {\n margin-bottom: 1.75rem;\n }\n .endro-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--endro-radius-sm);\n }\n .endro-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .endro-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .endro-grid-compact {\n gap: .625rem;\n }\n .endro-grid-compact .endro-card {\n padding: .75rem;\n }\n .endro-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .endro-timeline-content {\n padding: .875rem 1rem;\n }\n .endro-timeline-content h3 {\n font-size: 14px;\n }\n .endro-timeline-content p {\n font-size: 13px;\n }\n .endro-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .endro-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .endro-testimonial {\n padding: 1.25rem;\n }\n .endro-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .endro-card {\n animation: endroFadeInUp .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 endroFadeInUp {\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":57386441605497,"sku":"NBAIEND0148","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-stick-rechargeable-mixte-50g-fraicheur-vegetale-en-lifestyle.webp?v=1780652615"},{"product_id":"deodorant-stick-rechargeable-50g-pro-age-menopause-endro","title":"Déodorant Stick Rechargeable 50g - Pro-âge Ménopause - Endro","description":"\u003cdiv class=\"endro-premium\"\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✨ Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e♻️ Rechargeable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"endro-hero-title\"\u003eDéodorant Stick Pro-âge Ménopause\u003c\/span\u003e\n \u003cp class=\"endro-subtitle\"\u003eVelours Floral · Efficacité 48h · Actif breveté DEOLYA®\u003c\/p\u003e\n \u003cp class=\"endro-description\"\u003eUn déodorant baume fondant spécialement formulé pour accompagner les femmes en période de ménopause : protection ciblée, fraîcheur immédiate et respect de la peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eUn déodorant pensé pour les femmes en période de ménopause\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eBouffées de chaleur, transpiration plus intense, sensibilité accrue de la peau… La ménopause s'accompagne souvent de changements corporels qui demandent des soins adaptés.\u003c\/p\u003e\n \u003cdiv class=\"endro-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003edéodorant stick rechargeable Pro-âge Ménopause d'Endro\u003c\/strong\u003e a été spécialement formulé pour répondre à ces besoins spécifiques. Avec son \u003cstrong\u003eactif breveté DEOLYA®\u003c\/strong\u003e, sa texture baume fondant et son parfum Velours Floral aux notes florales et boisées, il vous offre une protection ciblée et respectueuse, \u003cstrong\u003esans aluminium ni ingrédients controversés\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce stick déodorant rechargeable ?\u003c\/h2\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e⏱️ Efficacité 48h prouvée\u003c\/h3\u003e\n \u003cp\u003eValidée par un test consommateur : 95 % des testeuses jugent le produit efficace contre les mauvaises odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e❄️ Effet rafraîchissant immédiat\u003c\/h3\u003e\n \u003cp\u003eGrâce au menthyl lactate, idéal en cas de bouffées de chaleur soudaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌸 Apaisement de la peau\u003c\/h3\u003e\n \u003cp\u003eSoulage les peaux sensibilisées par les fluctuations hormonales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e✨ Sans effet gras ni collant\u003c\/h3\u003e\n \u003cp\u003e100 % des testeuses confirment une sensation nette et confortable sous les aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e♻️ Format rechargeable\u003c\/h3\u003e\n \u003cp\u003eBoîtier en plastique recyclé : une consommation plus responsable, geste après geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌺 Parfum Velours Floral\u003c\/h3\u003e\n \u003cp\u003eNotes florales et boisées, élégantes et délicates, pensées pour le bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eLes actifs clés du déodorant ménopause Endro\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eLa force de ce déodorant stick rechargeable repose sur une sélection d'actifs naturels ciblés.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🧪 DEOLYA®\u003c\/h3\u003e\n \u003cp\u003eActif breveté qui agit spécifiquement sur les odeurs liées aux changements hormonaux de la ménopause.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌿 Sauge officinale bio\u003c\/h3\u003e\n \u003cp\u003eExtrait reconnu pour ses propriétés régulatrices, idéal pour les périodes de transpiration accrue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e⚗️ Hydroxyde de magnésium\u003c\/h3\u003e\n \u003cp\u003eNeutralise efficacement les odeurs sans bloquer la transpiration naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🍃 Menthyl lactate\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de fraîcheur immédiate, particulièrement appréciable lors des coups de chaud.\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\u003eFormule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, \u003cstrong\u003ecertifiée bio et vegan\u003c\/strong\u003e, avec \u003cstrong\u003e55 % d'ingrédients issus de l'agriculture biologique\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"endro-inci\"\u003e\n \u003cp\u003eHuile de tournesol*, amidon de maïs*, hydroxyde de magnésium, alcool stéarylique, coco-caprylate\/caprate, citrate de triéthyle, cire de son de riz, parfum, hydroxycarbonate de magnésium, butylène glycol, lactate de menthyle, tétrastéarate de polyglycéryle-3, zinc PCA, eau, tocophérol, extrait de feuille de sauge officinale*, extrait de reine des prés, eugénol, coumarine, menthol, huile de clou de girofle, terpinéol, acétate de géranyle.\u003c\/p\u003e\n \u003cp class=\"endro-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eComment utiliser le déodorant stick Endro ?\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\u003eFaites remonter le produit\u003c\/h3\u003e\n \u003cp\u003eTournez la molette à la base du stick pour faire apparaître la juste quantité de baume.\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\u003eAppliquez en un aller-retour\u003c\/h3\u003e\n \u003cp\u003eDirectement sur des aisselles \u003cstrong\u003epropres et sèches\u003c\/strong\u003e, un seul passage suffit.\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\u003eRefermez le stick\u003c\/h3\u003e\n \u003cp\u003ePour préserver toute la qualité de la formule jusqu'à la prochaine utilisation.\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\u003eRechargez, ne jetez pas\u003c\/h3\u003e\n \u003cp\u003eUn stick de 50 g dure environ \u003cstrong\u003e3 mois\u003c\/strong\u003e. Glissez ensuite une nouvelle recharge dans le boîtier en plastique recyclé.\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\u003ePrécaution :\u003c\/strong\u003e ne pas utiliser sur peau irritée ou lésée. En cas de réaction, cessez l'utilisation. Ce produit cosmétique ne remplace pas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eAvis et résultats prouvés\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eTest consommateur réalisé sur 20 testeuses pendant 7 jours.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid-compact\"\u003e\n \u003cdiv class=\"endro-stat-card\"\u003e\n \u003cdiv class=\"endro-stat-number\"\u003e95%\u003c\/div\u003e\n \u003cp\u003ejugent le déodorant \u003cstrong\u003eefficace\u003c\/strong\u003e contre les mauvaises odeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-stat-card\"\u003e\n \u003cdiv class=\"endro-stat-number\"\u003e100%\u003c\/div\u003e\n \u003cp\u003econfirment \u003cstrong\u003eaucun effet gras ni collant\u003c\/strong\u003e après application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn geste beauté éco-responsable, fabriqué en France\u003c\/h2\u003e\n \u003cdiv class=\"endro-cta-box\"\u003e\n \u003cp\u003eEndro conçoit ses cosmétiques \u003cstrong\u003een France\u003c\/strong\u003e, en privilégiant des ingrédients d'origine naturelle et des emballages rechargeables. En choisissant ce stick déodorant rechargeable, vous adoptez une routine de soin plus saine pour votre peau et plus douce pour la planète. Une vraie alternative aux déodorants conventionnels, pensée pour \u003cstrong\u003etraverser la ménopause avec sérénité et confort\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --endro-cream: #faf8fc;\n --endro-white: #ffffff;\n --endro-primary: #9a8fcf;\n --endro-primary-dark: #5e548e;\n --endro-primary-light: #ede9f7;\n --endro-secondary: #b8a8d9;\n --endro-accent: #c9a9e0;\n --endro-text: #2a2438;\n --endro-text-light: #6b6580;\n --endro-border: #e6e0f0;\n --endro-shadow: 0 4px 24px rgba(94, 84, 142, 0.10);\n --endro-shadow-lg: 0 12px 48px rgba(94, 84, 142, 0.18);\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 color: var(--endro-text);\n}\n\n\/* HERO *\/\n.endro-hero {\n position: relative;\n background: linear-gradient(135deg, #9a8fcf 0%, #b8a8d9 50%, #c9a9e0 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: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,0.3) 0%, transparent 40%);\n opacity: .5;\n}\n\n.endro-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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 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.endro-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n letter-spacing: .02em;\n}\n\n.endro-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 680px;\n opacity: .92;\n}\n\n.endro-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\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\/* SECTIONS *\/\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 line-height: 1.2;\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-accent));\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: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* HIGHLIGHT BOX *\/\n.endro-highlight-box {\n background: var(--endro-white);\n border-radius: var(--endro-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--endro-shadow);\n border-left: 4px solid var(--endro-primary);\n max-width: 880px;\n margin: 0 auto;\n}\n\n.endro-highlight-box p {\n margin: 0;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.75;\n color: var(--endro-text);\n}\n\n\/* CARDS *\/\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\/* GRIDS *\/\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\/* STAT CARDS *\/\n.endro-stat-card {\n background: var(--endro-white);\n border-radius: var(--endro-radius);\n padding: clamp(1.5rem, 3vw, 2rem) 1rem;\n box-shadow: var(--endro-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.endro-stat-card:hover {\n border-color: var(--endro-primary);\n transform: translateY(-4px);\n}\n\n.endro-stat-number {\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n background: linear-gradient(135deg, var(--endro-primary), var(--endro-primary-dark));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n margin-bottom: .5rem;\n letter-spacing: -.04em;\n}\n\n.endro-stat-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--endro-text);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* TIMELINE *\/\n.endro-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 880px;\n margin: 0 auto;\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 box-shadow: 0 4px 12px rgba(94, 84, 142, 0.25);\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\/* TIP *\/\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.5rem;\n max-width: 880px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.endro-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\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\/* INCI *\/\n.endro-inci {\n background: var(--endro-white);\n border-radius: var(--endro-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--endro-shadow);\n border: 1px dashed var(--endro-border);\n max-width: 880px;\n margin: 0 auto;\n}\n\n.endro-inci p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--endro-text-light);\n line-height: 1.7;\n margin: 0 0 .5rem 0;\n}\n\n.endro-inci-note {\n font-size: 12px !important;\n text-align: center;\n margin-top: .75rem !important;\n}\n\n\/* CTA *\/\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 box-shadow: var(--endro-shadow-lg);\n}\n\n.endro-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 60%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);\n pointer-events: none;\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: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n.endro-cta-box strong {\n font-weight: 800;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n .endro-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .endro-card {\n padding: 1.125rem;\n }\n .endro-section {\n margin-bottom: 1.75rem;\n }\n .endro-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--endro-radius-sm);\n }\n .endro-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .endro-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .endro-grid-compact {\n gap: .625rem;\n }\n .endro-stat-card {\n padding: 1.25rem .75rem;\n }\n .endro-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .endro-timeline-content {\n padding: .875rem 1rem;\n }\n .endro-timeline-content h3 {\n font-size: 14px;\n }\n .endro-timeline-content p {\n font-size: 13px;\n }\n .endro-highlight-box {\n padding: 1.25rem;\n }\n .endro-inci {\n padding: 1.25rem;\n }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n .endro-card, .endro-stat-card {\n animation: fadeInUp .5s ease backwards;\n }\n .endro-card:nth-child(1), .endro-stat-card:nth-child(1) { animation-delay: .05s; }\n .endro-card:nth-child(2), .endro-stat-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":57386556227961,"sku":"NBAIEND0151","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-stick-rechargeable-50g-pro-age-menopause-endro-lifestyle_26294042-9a87-4cdf-957b-ba63011ea7a0.webp?v=1781110639"},{"product_id":"recharge-deodorant-stick-pro-age-menopause-endro","title":"Recharge Déodorant Stick - Pro-âge Ménopause - Endro","description":"\u003cdiv class=\"endro-premium\"\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% naturel\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e✅ Certifié BIO\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e♻️ Rechargeable\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"endro-badge\"\u003e⏱️ Efficacité 48h\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"endro-hero-title\"\u003eRecharge Déodorant Stick Pro-âge Ménopause\u003c\/span\u003e\n \u003cp class=\"endro-subtitle\"\u003eVelours Floral · Actif breveté DEOLYA®\u003c\/p\u003e\n \u003cp class=\"endro-description\"\u003eLa fraîcheur naturelle pensée pour accompagner les femmes en transition hormonale, dans une démarche zéro déchet et sans compromis sur l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eRecharge Déodorant Stick Pro-âge Ménopause Endro : la fraîcheur pensée pour les femmes en transition\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eConçue spécialement pour accompagner les bouleversements hormonaux de la ménopause, la \u003cstrong\u003erecharge déodorant stick Pro-âge Endro\u003c\/strong\u003e vous offre une protection efficace, naturelle et respectueuse de votre peau. Avec son format rechargeable, ce \u003cstrong\u003edéodorant en stick\u003c\/strong\u003e s'inscrit dans une démarche zéro déchet, sans compromis sur la performance. Une alternative douce et engagée aux classiques comme le déodorant stick Dove, Sanex ou Mennen.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce stick déodorant pendant la ménopause ?\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eÀ la ménopause, la peau devient souvent plus sensible, plus sèche, et la transpiration peut changer de nature à cause des variations hormonales. Ce déodorant stick a été spécifiquement formulé pour répondre à ces nouveaux besoins.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🛡️ Protection 48h\u003c\/h3\u003e\n \u003cp\u003eAnti-odeurs longue durée grâce à l'actif breveté \u003cstrong\u003eDEOLYA®\u003c\/strong\u003e, pour traverser sereinement vos journées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e❄️ Effet rafraîchissant\u003c\/h3\u003e\n \u003cp\u003eSensation de fraîcheur immédiate apportée par le \u003cstrong\u003ementhyl lactate\u003c\/strong\u003e, idéal en cas de bouffées de chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌸 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eFormule douce qui réconforte les peaux fragilisées par les variations hormonales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e💧 Texture baume fondant\u003c\/h3\u003e\n \u003cp\u003eUne application soyeuse, \u003cstrong\u003esans effet gras ni collant\u003c\/strong\u003e sous les aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-stats-row\"\u003e\n \u003cdiv class=\"endro-stat\"\u003e\n \u003cspan class=\"endro-stat-number\"\u003e95%\u003c\/span\u003e\n \u003cspan class=\"endro-stat-label\"\u003edes testeuses jugent le produit efficace contre les mauvaises odeurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-stat\"\u003e\n \u003cspan class=\"endro-stat-number\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"endro-stat-label\"\u003econfirment l'absence de sensation grasse ou collante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-stat\"\u003e\n \u003cspan class=\"endro-stat-number\"\u003e48h\u003c\/span\u003e\n \u003cspan class=\"endro-stat-label\"\u003ed'efficacité anti-odeurs prouvée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eUne composition 100 % naturelle et bio\u003c\/h2\u003e\n \u003cp class=\"endro-section-intro\"\u003eCertifié BIO et végan, ce déodorant est composé à \u003cstrong\u003e100 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont \u003cstrong\u003e55 % issus de l'Agriculture Biologique\u003c\/strong\u003e. Une formule pensée pour les peaux sensibles, validée dermatologiquement.\u003c\/p\u003e\n \u003cdiv class=\"endro-grid\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌿 Sauge officinale bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses puissantes propriétés régulatrices, elle aide à équilibrer la transpiration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌬️ Menthyl lactate\u003c\/h3\u003e\n \u003cp\u003eApporte une sensation de fraîcheur immédiate et durable, particulièrement appréciée lors des bouffées de chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e⚪ Hydroxyde de magnésium\u003c\/h3\u003e\n \u003cp\u003eNeutralise efficacement les odeurs \u003cstrong\u003esans bloquer la transpiration naturelle\u003c\/strong\u003e de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-accordion\"\u003e\n \u003cdetails class=\"endro-accordion-item\"\u003e\n \u003csummary class=\"endro-accordion-header\"\u003e📋 Liste complète des ingrédients (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"endro-accordion-content mt-3\"\u003e\n \u003cp\u003eHuile de tournesol* (bio), amidon de maïs* (bio), hydroxyde de magnésium, alcool stéarylique, coco-caprylate\/caprate, citrate de triéthyle, cire de son de riz, parfum (Velours Floral), hydroxycarbonate de magnésium, butylène glycol, lactate de menthyle, tétrastéarate de polyglycéryle-3, zinc PCA, eau, tocophérol, extrait de feuille de sauge officinale* (bio), extrait de reine des prés, eugénol, coumarine, menthol, huile de clou de girofle, terpinéol, acétate de géranyle.\u003cbr\u003e\u003cem\u003e*Issus de l'Agriculture Biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eUn parfum enveloppant : Velours Floral\u003c\/h2\u003e\n \u003cdiv class=\"endro-perfume-box\"\u003e\n \u003cdiv class=\"endro-perfume-icon\"\u003e💜\u003c\/div\u003e\n \u003cp\u003eAux \u003cstrong\u003enotes florales et boisées\u003c\/strong\u003e, le parfum Velours Floral apporte une signature olfactive douce et raffinée, qui accompagne discrètement votre journée sans saturer l'odorat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003eComment utiliser la recharge ?\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\u003eInsérez la recharge\u003c\/h3\u003e\n \u003cp\u003eGlissez la recharge de \u003cstrong\u003e50 g\u003c\/strong\u003e dans votre stick rechargeable Endro.\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\u003eAppliquez en douceur\u003c\/h3\u003e\n \u003cp\u003eSur des aisselles \u003cstrong\u003epropres et sèches\u003c\/strong\u003e, effectuez un seul aller-retour.\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\u003ePrécaution\u003c\/h3\u003e\n \u003cp\u003eÉvitez l'application sur peau irritée, rasée ou épilée du jour.\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\u003eUne recharge dure environ \u003cstrong\u003e3 mois\u003c\/strong\u003e en utilisation quotidienne. Son packaging en plastique recyclé prolonge la vie de votre stick d'origine et réduit considérablement vos déchets de salle de bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\"\u003e\n \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"endro-grid-compact\"\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌸 Femmes en péri-ménopause\u003c\/h3\u003e\n \u003cp\u003ePour accompagner les premiers changements hormonaux en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e💜 Femmes ménopausées\u003c\/h3\u003e\n \u003cp\u003eUne réponse ciblée aux nouveaux besoins de la peau et de la transpiration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux, y compris les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"endro-card\"\u003e\n \u003ch3\u003e🌍 Consommatrices engagées\u003c\/h3\u003e\n \u003cp\u003ePour celles qui recherchent un produit naturel, rechargeable et made in France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"endro-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eBon à savoir\u003c\/h2\u003e\n \u003cdiv class=\"endro-accordion\"\u003e\n \u003cdetails class=\"endro-accordion-item\"\u003e\n \u003csummary class=\"endro-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"endro-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique est un soin d'hygiène quotidien et \u003cstrong\u003ene remplace en aucun cas un avis ou un traitement médical\u003c\/strong\u003e. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Tenez hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"endro-accordion-item\"\u003e\n \u003csummary class=\"endro-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"endro-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à température ambiante, à l'abri de la chaleur et de la lumière directe pour préserver la texture baume du déodorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"endro-disclaimer\"\u003eLes informations présentées sur cette fiche sont données à titre informatif et ne se substituent pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --endro-cream: #f7f5fb;\n --endro-white: #ffffff;\n --endro-primary: #8b8bc4;\n --endro-primary-dark: #5d5d96;\n --endro-primary-light: #e8e6f5;\n --endro-secondary: #b8a8d4;\n --endro-accent: #d4c5e8;\n --endro-text: #2a2540;\n --endro-text-light: #6b6580;\n --endro-border: #e0dceb;\n --endro-shadow: 0 4px 24px rgba(93, 93, 150, 0.10);\n --endro-shadow-lg: 0 12px 48px rgba(93, 93, 150, 0.18);\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 color: var(--endro-text);\n line-height: 1.6;\n}\n\n.endro-hero {\n position: relative;\n background: linear-gradient(135deg, #9a9ad0 0%, #8b8bc4 50%, #7878b8 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: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,0.2) 0%, transparent 40%);\n opacity: 0.5;\n}\n\n.endro-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.endro-hero-title {\n display: block;\n color: white;\n font-size: clamp(26px, 6vw, 48px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\n line-height: 1.15;\n}\n\n.endro-subtitle {\n color: rgba(255,255,255,0.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: 0.02em;\n}\n\n.endro-description {\n color: rgba(255,255,255,0.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\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-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.endro-premium h2 {\n font-size: clamp(22px, 4.5vw, 34px);\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 line-height: 1.25;\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.75rem;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.endro-section-intro strong {\n color: var(--endro-primary-dark);\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-card p strong {\n color: var(--endro-text);\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-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-stats-row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-top: 1.75rem;\n}\n\n.endro-stat {\n background: linear-gradient(135deg, var(--endro-primary-light), var(--endro-accent));\n border-radius: var(--endro-radius-sm);\n padding: 1.25rem 1rem;\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.endro-stat:hover {\n border-color: var(--endro-primary);\n transform: translateY(-3px);\n}\n\n.endro-stat-number {\n display: block;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n color: var(--endro-primary-dark);\n line-height: 1;\n margin-bottom: 0.5rem;\n}\n\n.endro-stat-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n color: var(--endro-text);\n font-weight: 600;\n line-height: 1.4;\n}\n\n.endro-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 750px;\n margin: 0 auto;\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 box-shadow: 0 4px 12px rgba(93, 93, 150, 0.3);\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-perfume-box {\n background: linear-gradient(135deg, var(--endro-primary-light), var(--endro-accent));\n border-radius: var(--endro-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n box-shadow: var(--endro-shadow);\n}\n\n.endro-perfume-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.endro-perfume-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--endro-text);\n line-height: 1.7;\n margin: 0;\n font-style: italic;\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-top: 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}\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: 22px;\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 margin-top: 10px;\n}\n\n.endro-accordion-content p {\n margin: 0;\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.5rem;\n border-left: 4px solid var(--endro-primary);\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-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-stats-row {\n grid-template-columns: 1fr;\n gap: 0.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-perfume-box {\n padding: 1.5rem 1.25rem;\n }\n \n .endro-perfume-icon {\n font-size: 36px;\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":57386663313785,"sku":"NBAIEND0152","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-deodorant-stick-pro-age-menopause-endro-lifestyle_8ca2a4c2-9282-49e1-8eae-81e2ab6f0db9.webp?v=1787564528"},{"product_id":"coffret-vague-dhydratation-bio-endro","title":"Coffret Vague d'Hydratation bio - Gelée, Sérum \u0026 Crème Visage - Endro","description":"\u003cdiv class=\"endro-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"endro-hero\"\u003e\n\u003cdiv class=\"endro-hero-pattern\"\u003e\u003cbr\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% d'origine naturelle\u003c\/span\u003e \u003cspan class=\"endro-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"endro-hero-title\"\u003eCoffret Vague d'Hydratation Endro\u003c\/span\u003e\n\u003cp class=\"endro-subtitle\"\u003eGelée nettoyante • Sérum hydratant • Crème visage\u003c\/p\u003e\n\u003cp class=\"endro-description\"\u003eUne routine visage complète réunie dans un coffret aussi beau qu'utile. Trois soins d'origine naturelle à l'acide hyaluronique et à l'aloe vera pour nettoyer, désaltérer et protéger la peau de la déshydratation, accompagnés d'une peinture numérotée à réaliser soi-même.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eQue contient ce coffret hydratation ?\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003ePensé comme une petite galerie d'art inspirée de la nature, ce coffret rassemble les essentiels d'une routine hydratante, du nettoyage jusqu'à la crème.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🫧 La gelée nettoyante\u003c\/h3\u003e\n\u003cp\u003eUn nettoyant doux et frais qui convient à tous les types de peau. Elle élimine les impuretés en laissant la peau confortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💧 Le sérum hydratant 48 h\u003c\/h3\u003e\n\u003cp\u003eTrès concentré en actifs hydratants, il désaltère la peau en profondeur et prolonge la sensation de confort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌊 La crème visage hydratante\u003c\/h3\u003e\n\u003cp\u003eUne texture légère qui hydrate, apaise la peau et l'aide à se prémunir contre la déshydratation au fil de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🎨 La peinture numérotée\u003c\/h3\u003e\n\u003cp\u003eUn tableau à peindre sur le thème de la nature, pour prolonger le moment de détente au-delà de la salle de bain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eLes actifs naturels de la routine\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eLes trois soins partagent les mêmes actifs phares, pour une hydratation cohérente à chaque étape.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💎 Acide hyaluronique\u003c\/h3\u003e\n\u003cp\u003ePrésent dans les trois soins, il retient l'eau dans l'épiderme pour une peau plus souple et visiblement repulpée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eRéputé pour son action apaisante et hydratante, il accompagne chaque geste de la routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🥒 Extrait de concombre bio\u003c\/h3\u003e\n\u003cp\u003eDans la gelée et le sérum, il apporte une sensation de fraîcheur et aide la peau à rester désaltérée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🧈 Karité et huile de lin bio\u003c\/h3\u003e\n\u003cp\u003eAu cœur de la crème, ils nourrissent la peau et renforcent son confort sans l'alourdir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌿 Extrait de criste marine\u003c\/h3\u003e\n\u003cp\u003eCette plante du littoral complète la crème pour aider la peau à faire face aux agressions du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eComment utiliser vos 3 soins hydratants ?\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003eUne routine simple en trois gestes, à suivre matin et\/ou soir.\u003c\/p\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\u003eNettoyez\u003c\/h3\u003e\n\u003cp\u003eAppliquez la gelée nettoyante sur le visage humide, massez en petits cercles puis rincez à l'eau claire.\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\u003eHydratez en profondeur\u003c\/h3\u003e\n\u003cp\u003eSur peau propre et sèche, déposez quelques gouttes de sérum en évitant le contour des yeux.\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\u003eProtégez\u003c\/h3\u003e\n\u003cp\u003eTerminez par la crème hydratante, appliquée sur l'ensemble du visage jusqu'à pénétration.\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\u003ePrenez le temps\u003c\/h3\u003e\n\u003cp\u003eGardez la peinture numérotée pour un moment créatif rien qu'à vous.\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\u003eIdée cadeau :\u003c\/strong\u003e présenté dans un coffret esthétique, il se glisse facilement sous le sapin ou s'offre pour découvrir les soins visage Endro en une seule fois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003ePour qui est fait ce coffret ?\u003c\/h2\u003e\n\u003cdiv class=\"endro-grid-compact\"\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e💧 Peau déshydratée\u003c\/h3\u003e\n\u003cp\u003ePour retrouver une peau confortable qui ne tiraille plus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌸 Tous types de peau\u003c\/h3\u003e\n\u003cp\u003eUne routine pensée pour toutes les peaux en quête d'hydratation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🌱 Adepte du naturel\u003c\/h3\u003e\n\u003cp\u003eDes soins d'origine naturelle pour une routine plus responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card\"\u003e\n\u003ch3\u003e🎁 À offrir\u003c\/h3\u003e\n\u003cp\u003eUn cadeau utile et original pour les fêtes ou un anniversaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 : COMPOSITION --\u003e\n\u003csection class=\"endro-section\"\u003e\n\u003ch2\u003eComposition des soins\u003c\/h2\u003e\n\u003cp class=\"endro-section-intro\"\u003ePour chaque soin : les ingrédients clés en un coup d'œil, et la liste complète si vous souhaitez tout savoir.\u003c\/p\u003e\n\u003cdiv class=\"endro-grid\"\u003e\n\u003cdiv class=\"endro-card endro-compo-card\"\u003e\n\u003ch3\u003e🫧 Gelée nettoyante\u003c\/h3\u003e\n\u003cdiv class=\"endro-chips\"\u003e\n\u003cspan class=\"endro-chip\"\u003eAcide hyaluronique\u003c\/span\u003e \u003cspan class=\"endro-chip\"\u003eConcombre bio\u003c\/span\u003e \u003cspan class=\"endro-chip\"\u003eAloe vera bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"endro-inci\"\u003e\n\u003csummary\u003eVoir la liste complète\u003c\/summary\u003e\n\u003cp\u003eAQUA (WATER \/ EAU), CAPRYLYL\/CAPRYL GLUCOSIDE, GLYCERIN, ERYTHRITOL, DECYL GLUCOSIDE, PENTYLENE GLYCOL, CAPRYLYL GLYCOL, XANTHAN GUM, SODIUM HYALURONATE, CUCUMIS SATIVUS (CUCUMBER) FRUIT EXTRACT*, PARFUM (FRAGRANCE), LACTIC ACID, ALOE BARBADENSIS LEAF JUICE POWDER*, SODIUM HYDROXIDE\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card endro-compo-card\"\u003e\n\u003ch3\u003e💧 Sérum hydratant\u003c\/h3\u003e\n\u003cdiv class=\"endro-chips\"\u003e\n\u003cspan class=\"endro-chip\"\u003eAcide hyaluronique\u003c\/span\u003e \u003cspan class=\"endro-chip\"\u003eAloe vera bio\u003c\/span\u003e \u003cspan class=\"endro-chip\"\u003eConcombre bio\u003c\/span\u003e \u003cspan class=\"endro-chip\"\u003eGardénia\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"endro-inci\"\u003e\n\u003csummary\u003eVoir la liste complète\u003c\/summary\u003e\n\u003cp\u003eAQUA (WATER \/ EAU), PENTYLENE GLYCOL, GLYCERIN, SODIUM HYALURONATE, HEPTYL GLUCOSIDE, PARFUM (FRAGRANCE), SODIUM LEVULINATE, LACTIC ACID, ALOE BARBADENSIS LEAF JUICE POWDER*, SODIUM ANISATE, MALTODEXTRIN, HEXYL CINNAMAL**, GARDENIA FLORIDA FLOWER EXTRACT, CUCUMIS SATIVUS (CUCUMBER) FRUIT EXTRACT*\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"endro-card endro-compo-card\"\u003e\n\u003ch3\u003e🌊 Crème hydratante\u003c\/h3\u003e\n\u003cdiv class=\"endro-chips\"\u003e\n\u003cspan class=\"endro-chip\"\u003eKarité bio\u003c\/span\u003e \u003cspan class=\"endro-chip\"\u003eHuiles de tournesol \u0026amp; lin bio\u003c\/span\u003e \u003cspan class=\"endro-chip\"\u003eAcide hyaluronique\u003c\/span\u003e \u003cspan class=\"endro-chip\"\u003eAloe vera bio\u003c\/span\u003e \u003cspan class=\"endro-chip\"\u003eCriste marine\u003c\/span\u003e \u003cspan class=\"endro-chip\"\u003eVitamine E\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"endro-inci\"\u003e\n\u003csummary\u003eVoir la liste complète\u003c\/summary\u003e\n\u003cp\u003eAQUA (WATER \/ EAU), GLYCERIN, HELIANTHUS ANNUUS (SUNFLOWER) SEED OIL*, BUTYROSPERMUM PARKII (SHEA) BUTTER*, PENTYLENE GLYCOL, GLYCERYL STEARATE, COCO-CAPRYLATE\/CAPRATE, LINUM USITATISSIMUM (LINSEED) SEED OIL*, PARFUM (FRAGRANCE), XANTHAN GUM, MARANTA ARUNDINACEA ROOT POWDER*, SODIUM HYALURONATE, ALOE BARBADENSIS LEAF JUICE POWDER*, CRITHMUM MARITIMUM EXTRACT, SODIUM LEVULINATE, TOCOPHEROL, SODIUM ANISATE, SODIUM STEAROYL LACTYLATE, LACTIC ACID, CAPRYLIC\/CAPRIC TRIGLYCERIDE, HEXYL CINNAMAL, CITRONELLOL, GERANYL ACETATE, LINALYL ACETATE, PELARGONIUM GRAVEOLENS FLOWER OIL\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"endro-inci-legend\"\u003e* Ingrédients issus de l'agriculture biologique  ·  ** Présent dans le parfum\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"endro-section\"\u003e\n\u003cdiv class=\"endro-cta-box\"\u003e\n\u003cp\u003e🌊 Une vague de fraîcheur pour la peau et un joli moment pour soi : le coffret idéal pour adopter, ou offrir, une routine hydratante naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"endro-disclaimer\"\u003eUsage externe. Éviter le contact avec les yeux ; en cas de contact, rincer abondamment à l'eau claire. Ces soins cosmétiques ne constituent pas un traitement médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --endro-cream: #f7f9fa;\n --endro-white: #ffffff;\n --endro-primary: #5B8FA8;\n --endro-primary-dark: #3D6B7D;\n --endro-primary-light: #e8f3f7;\n --endro-secondary: #7FBAD3;\n --endro-accent: #4A9BB5;\n --endro-text: #1a1a1a;\n --endro-text-light: #5a5a5a;\n --endro-border: #e0e0e0;\n --endro-shadow: 0 4px 24px rgba(91,143,168,.12);\n --endro-shadow-lg: 0 12px 48px rgba(61,107,125,.18);\n --endro-radius: 20px;\n --endro-radius-sm: 12px;\n}\n.endro-premium { max-width: 1200px; margin: 0 auto; padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem); background: var(--endro-cream); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }\n.endro-hero { position: relative; background: linear-gradient(135deg, #5B8FA8 0%, #7FBAD3 50%, #4A9BB5 100%); border-radius: var(--endro-radius); padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem); margin-bottom: clamp(2.5rem, 5vw, 4rem); overflow: hidden; box-shadow: var(--endro-shadow-lg); }\n.endro-hero-pattern { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C15 5 5 15 5 30s10 25 25 25 25-10 25-25S45 5 30 5zm0 40c-8 0-15-7-15-15s7-15 15-15 15 7 15 15-7 15-15 15z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\"); opacity: .5; }\n.endro-hero-content { position: relative; z-index: 1; text-align: center; }\n.endro-hero-title { display: block; color: white; font-size: clamp(28px, 7vw, 52px); font-weight: 900; margin: 0 0 1rem 0; letter-spacing: -.04em; text-shadow: 0 4px 20px rgba(0,0,0,.2); }\n.endro-subtitle { color: rgba(255,255,255,.9); font-size: clamp(16px, 3vw, 22px); font-weight: 600; margin: 0 0 1.5rem 0; letter-spacing: .02em; }\n.endro-description { color: rgba(255,255,255,.95); font-size: clamp(15px, 2.5vw, 18px); line-height: 1.7; max-width: 700px; margin: 0 auto; }\n.endro-badges-top { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 1.5rem; }\n.endro-badge { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; background: rgba(255,255,255,.95); backdrop-filter: blur(10px); border-radius: 999px; font-size: 13px; font-weight: 700; color: var(--endro-primary-dark); box-shadow: 0 2px 12px rgba(0,0,0,.1); transition: all .3s ease; }\n.endro-badge:hover { transform: translateY(-2px) scale(1.05); }\n.endro-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n.endro-premium h2 { font-size: clamp(22px, 5vw, 36px); font-weight: 900; color: var(--endro-primary-dark); margin-bottom: clamp(1.25rem, 3vw, 2rem); text-align: center; letter-spacing: -.03em; position: relative; padding-bottom: 1rem; }\n.endro-premium h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 4px; background: linear-gradient(90deg, var(--endro-primary), var(--endro-secondary)); border-radius: 2px; }\n.endro-section-intro { text-align: center; font-size: clamp(15px, 2.5vw, 17px); color: var(--endro-text-light); margin-bottom: 1.5rem; max-width: 600px; margin-left: auto; margin-right: auto; }\n.endro-card { background: var(--endro-white); border-radius: var(--endro-radius); padding: clamp(1.25rem, 3vw, 2rem); box-shadow: var(--endro-shadow); border: 2px solid transparent; transition: all .3s ease; text-align: center; }\n.endro-card:hover { transform: translateY(-6px); box-shadow: var(--endro-shadow-lg); border-color: var(--endro-primary); }\n.endro-card h3 { font-size: clamp(15px, 2.5vw, 18px); font-weight: 800; color: var(--endro-primary-dark); margin: 0 0 .5rem 0; line-height: 1.3; }\n.endro-card p { font-size: clamp(13px, 2vw, 15px); color: var(--endro-text-light); margin: 0; line-height: 1.6; }\n.endro-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.25rem; }\n.endro-grid-compact { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }\n.endro-grid-compact .endro-card { padding: 1rem; }\n.endro-grid-compact .endro-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.endro-grid-compact .endro-card p { font-size: 12px; }\n.endro-timeline { display: flex; flex-direction: column; gap: 1rem; }\n.endro-timeline-item { display: flex; gap: 1rem; align-items: flex-start; }\n.endro-timeline-number { flex-shrink: 0; width: 40px; height: 40px; background: linear-gradient(135deg, var(--endro-primary), var(--endro-secondary)); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 16px; }\n.endro-timeline-content { flex: 1; background: var(--endro-white); padding: 1rem 1.25rem; border-radius: var(--endro-radius-sm); box-shadow: var(--endro-shadow); }\n.endro-timeline-content h3 { font-size: 16px; font-weight: 700; color: var(--endro-primary-dark); margin: 0 0 .25rem 0; }\n.endro-timeline-content p { font-size: 14px; color: var(--endro-text-light); margin: 0; line-height: 1.5; }\n.endro-tip { display: flex; gap: 1rem; align-items: flex-start; background: var(--endro-primary-light); border-radius: var(--endro-radius-sm); padding: 1rem 1.25rem; margin-top: 1.25rem; }\n.endro-tip-icon { font-size: 24px; flex-shrink: 0; }\n.endro-tip p { font-size: 14px; color: var(--endro-text); margin: 0; line-height: 1.6; }\n\/* Composition *\/\n.endro-compo-card { display: flex; flex-direction: column; align-items: center; }\n.endro-compo-card:hover { transform: none; }\n.endro-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: .5rem 0 1rem; }\n.endro-chip { display: inline-block; padding: 5px 12px; background: var(--endro-primary-light); color: var(--endro-primary-dark); border-radius: 999px; font-size: 13px; font-weight: 600; line-height: 1.3; }\n.endro-inci { width: 100%; margin-top: auto; border-top: 1px solid var(--endro-border); padding-top: .75rem; text-align: left; }\n.endro-inci summary { cursor: pointer; font-size: 13px; font-weight: 700; color: var(--endro-primary); text-align: center; list-style: none; }\n.endro-inci summary::-webkit-details-marker { display: none; }\n.endro-inci summary::after { content: ' ▾'; }\n.endro-inci[open] summary::after { content: ' ▴'; }\n.endro-inci p { margin-top: .75rem !important; font-size: 11px !important; line-height: 1.6 !important; color: var(--endro-text-light); word-break: break-word; }\n.endro-inci-legend { text-align: center; margin-top: 1rem !important; font-style: italic; font-size: 12px !important; color: var(--endro-text-light); }\n.endro-cta-box { background: linear-gradient(135deg, var(--endro-primary) 0%, var(--endro-primary-dark) 100%); border-radius: var(--endro-radius); padding: clamp(1.75rem, 4vw, 3rem); text-align: center; position: relative; overflow: hidden; }\n.endro-cta-box p { color: white; font-size: clamp(15px, 2.5vw, 19px); line-height: 1.7; font-weight: 600; text-shadow: 0 2px 12px rgba(0,0,0,.1); margin: 0; }\n.endro-disclaimer { font-size: 12px; color: var(--endro-text-light); text-align: center; margin-top: 1rem; font-style: italic; }\n@media (max-width: 767px) {\n .endro-grid { grid-template-columns: 1fr; gap: 1rem; }\n .endro-card { padding: 1.125rem; }\n .endro-section { margin-bottom: 1.75rem; }\n .endro-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--endro-radius-sm); }\n .endro-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .endro-premium h2::after { width: 40px; height: 3px; }\n .endro-grid-compact { gap: .625rem; }\n .endro-grid-compact .endro-card { padding: .75rem; }\n .endro-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .endro-timeline-content { padding: .875rem 1rem; }\n .endro-timeline-content h3 { font-size: 14px; }\n .endro-timeline-content p { font-size: 13px; }\n .endro-tip { padding: .875rem 1rem; }\n .endro-tip-icon { font-size: 20px; }\n .endro-tip p { font-size: 13px; }\n .endro-chip { font-size: 12px; padding: 4px 10px; }\n}\n@media (prefers-reduced-motion: no-preference) {\n .endro-card { animation: fadeInUp .5s ease backwards; }\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}\n@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n@media (prefers-reduced-motion: reduce) { .endro-premium * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }\n\u003c\/style\u003e","brand":"ENDRO","offers":[{"title":"Default Title","offer_id":64946028151161,"sku":"NBAIEND0153","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/coffret-vague-dhydratation-bio-gelee-serum-creme-visage-endr-packshothd.webp?v=1792488130"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/logo_endro_cosmetique.webp?v=1752223315","url":"https:\/\/www.naturellement-bio.com\/collections\/endro.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}