{"title":"Déodorant","description":"\u003cp\u003eStick rechargeable, baume à appliquer du bout des doigts, format liquide ou soin pour les pieds : tous les déodorants naturels ne s'utilisent pas de la même façon. Voici comment repérer en quelques secondes celui qui correspond à votre peau et à vos habitudes.\u003c\/p\u003e\n\u003ch2\u003eStick, baume ou format liquide : quel déodorant naturel choisir ?\u003c\/h2\u003e\n\u003cp\u003eLe format, c'est souvent ce qui fait la différence au quotidien. Un tableau pour y voir clair :\u003c\/p\u003e\n\u003cdiv style=\"overflow-x: auto;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 0.95em;\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eVotre besoin\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eFormat\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eProduits à découvrir\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003ePourquoi ce choix\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eUn geste rapide et un emballage réutilisable\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eStick rechargeable\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca href=\"\/products\/deodorant-stick-rose-framboise-50-g-endro\" title=\"Déodorant Stick Rechargeable rose-framboise – Endro\"\u003eDéodorant Stick Rechargeable rose-framboise - Endro\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/recharge-deodorant-stick-parfum-rose-framboise-endro\" title=\"Recharge déodorant stick rose-framboise – Endro\"\u003eRecharge déodorant stick rose-framboise - Endro\u003c\/a\u003e\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eSans contact avec les doigts, comme un stick classique. Avec sa recharge dédiée, on garde le contenant, on ne rachète que la recharge.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eLimiter le plastique\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eDéodorant solide\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca href=\"\/products\/deodorant-solide-monoi-comme-avant\" title=\"Déodorant Solide au Beurre de Cacao Monoï – Comme Avant\"\u003eDéodorant Solide au Beurre de Cacao Monoï - Comme Avant\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca href=\"\/products\/deodorant-solide-palmarosa-geranium-lamazuna\" title=\"Déodorant Solide Palmarosa – Lamazuna\"\u003eDéodorant Solide Palmarosa - Lamazuna\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/deodorant-solide-monoi-peaux-sensibles-endro\" title=\"Déodorant Solide Monoï Peaux Sensibles – Endro\"\u003eDéodorant Solide Monoï Peaux Sensibles - Endro\u003c\/a\u003e\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eApplication directe ou après quelques secondes contre la peau pour le réchauffer. Comme Avant le décline aussi en \u003ca href=\"\/products\/deodorant-solide-au-beurre-de-cacao-citron-et-bergarmote-bio-stick-kraft-50-g-comme-avant\" title=\"Déodorant Solide Citron \u0026amp; Bergamote – Comme Avant\"\u003eCitron \u0026amp; Bergamote\u003c\/a\u003e et en \u003ca href=\"\/products\/deodorant-solide-au-beurre-de-cacao-eucalyptus-et-pin-sylvestre-bio-stick-kraft-50-g-comme-avant\" title=\"Déodorant Solide Eucalyptus \u0026amp; Pin Sylvestre – Comme Avant\"\u003eEucalyptus \u0026amp; Pin Sylvestre\u003c\/a\u003e.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eDoser précisément\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eBaume\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca href=\"\/products\/baume-deodorant-mandarine-petit-grain-antheya-copie\" title=\"Baume Déodorant Géranium \u0026amp; Patchouli – Antheya\"\u003eBaume Déodorant Géranium \u0026amp; Patchouli - Antheya\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca href=\"\/products\/deodorant-baume-solide-parfum-embrun-najel\" title=\"Déodorant Solide Baume bio \u0026amp; vegan Embrun – Najel\"\u003eDéodorant Solide Baume bio \u0026amp; vegan Embrun - Najel\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/deodorant-mangue-citrus-45g-najel\" title=\"Déodorant Solide Baume bio \u0026amp; vegan Mangue Citrus – Najel\"\u003eDéodorant Solide Baume bio \u0026amp; vegan Mangue Citrus - Najel\u003c\/a\u003e\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eTexture fondante prélevée du bout des doigts, en petite quantité.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eNe pas changer ses habitudes d'application\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eFormat 50 ml\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca href=\"\/products\/deodorant-the-vert-bio-50ml-coslys\" title=\"Déodorant Thé vert bio 50 ml – Coslys\"\u003eDéodorant Thé vert bio 50 ml - Coslys\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca href=\"\/products\/deodorant-bio-eolesens-ocean\" title=\"Déodorant Bio Océan – Eolesens\"\u003eDéodorant Bio Océan - Eolesens\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/deodorant-bio-eolesens-nuage\" title=\"Déodorant Bio Nuage – Eolesens\"\u003eDéodorant Bio Nuage - Eolesens\u003c\/a\u003e\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eGeste rapide, proche des déodorants classiques.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eUn déodorant naturel pour les chaussures\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003ePieds et chaussures\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/deodorant-pour-pieds-et-chaussures-100-ml-deovert\" title=\"Déodorant pour Pieds et Chaussures 100 ml – Déovert\"\u003eDéodorant pour Pieds et Chaussures 100 ml - Déovert\u003c\/a\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eUsage spécifique, à ne pas confondre avec un déodorant aisselles.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003ch2\u003eAffiner votre choix selon votre peau et vos envies\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Peau sensible ou réactive\u003c\/strong\u003e : orientez-vous vers le Déodorant Solide Monoï Peaux Sensibles d'Endro, dont c'est la vocation affichée.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Vous voulez un produit bio et vegan\u003c\/strong\u003e : les baumes Najel (Embrun, Mangue Citrus) portent explicitement ces mentions dans leur nom.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Vous aimez les notes fraîches ou boisées\u003c\/strong\u003e : l'Eucalyptus \u0026amp; Pin Sylvestre de Comme Avant, l'Embrun de Najel ou l'Océan d'Eolesens sont souvent plébiscités - ces parfums s'adressent à tout le monde, le choix restant une question de goût personnelle.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Vous préférez les notes gourmandes ou florales\u003c\/strong\u003e : le rose-framboise d'Endro, le Mangue Citrus de Najel, le Géranium \u0026amp; Patchouli d'Antheya ou le Palmarosa de Lamazuna méritent un coup d'œil.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Vous ne voulez pas toucher le produit\u003c\/strong\u003e : un stick s'impose. Si au contraire vous aimez doser précisément, un baume sera plus confortable au quotidien.\u003c\/p\u003e\n\u003ch2\u003eRéussir la transition vers un déodorant naturel\u003c\/h2\u003e\n\u003cp\u003ePetite mise au point utile : un anti-transpirant limite la transpiration elle-même, tandis qu'un déodorant agit sur les odeurs sans bloquer la sueur. Les recherches sur le microbiome cutané des aisselles montrent que ce sont certaines bactéries qui transforment la sueur - naturellement peu odorante - en composés odorants. Agir sur ces bactéries, c'est le principe du déodorant.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eQuand l'appliquer\u003c\/strong\u003e\u003cbr\u003eSur une \u003cstrong\u003epeau propre et bien sèche\u003c\/strong\u003e (après votre \u003ca href=\"\/collections\/gel-douche\" target=\"_blank\" rel=\"noopener\" title=\"Gel douche\"\u003egel douche\u003c\/a\u003e), \u003cstrong\u003e1 fois par jour\u003c\/strong\u003e, à renouveler si besoin.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAvec un stick\u003c\/strong\u003e\u003cbr\u003e1 à 2 passages par aisselle.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAvec un baume\u003c\/strong\u003e\u003cbr\u003eUne noisette de la taille d'un petit pois.\u003c\/p\u003e\n\u003cp\u003eEn venant d'un anti-transpirant, certaines personnes ressentent quelques jours à quelques semaines d'ajustement : c'est normal, pas une raison de s'inquiéter.\u003c\/p\u003e\n\u003ch2\u003eLes précautions à connaître\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Après l'épilation ou le rasage\u003c\/strong\u003e : évitez d'appliquer le produit juste après l'\u003ca href=\"\/collections\/epilation\" target=\"_blank\" rel=\"noopener\" title=\"Épilation\"\u003eépilation\u003c\/a\u003e ou le rasage, ou sur une peau irritée.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Peau réactive\u003c\/strong\u003e : faites un test sur une petite zone et arrêtez en cas de rougeurs.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Irritation persistante, transpiration très abondante, grossesse ou allaitement\u003c\/strong\u003e : demandez conseil à un pharmacien ou à un dermatologue avant d'utiliser un produit parfumé aux huiles essentielles.\u003c\/p\u003e\n\u003ch2\u003eUn geste plus léger pour l'environnement\u003c\/h2\u003e\n\u003cp\u003eLe système stick rechargeable d'Endro est concret : on garde le contenant, on ne rachète que la recharge. Les formats solides de Comme Avant, Lamazuna et Endro sont aussi une option pour limiter le plastique. Pour compléter une routine zéro déchet, jetez un œil à notre sélection de \u003ca href=\"\/collections\/savon\" target=\"_blank\" rel=\"noopener\" title=\"Savon Solide\"\u003esavons solides\u003c\/a\u003e ou parcourez l'ensemble de notre rayon \u003ca href=\"\/collections\/hygiene\" target=\"_blank\" rel=\"noopener\" title=\"Hygiène\"\u003ehygiène naturelle\u003c\/a\u003e.\u003c\/p\u003e\n\u003ch2\u003eNotre conseil pour bien démarrer\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eChoisissez d'abord le format qui correspond à votre geste habituel, puis affinez selon votre peau et le parfum qui vous attire.\u003c\/strong\u003e Si vous hésitez encore, un format solide ou un stick dans un parfum que vous aimez est un bon point de départ - et laissez à votre peau le temps de s'habituer, sans vous presser.\u003c\/p\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur déodorant naturel ?\u003c\/summary\u003e\n\u003cp\u003eIl n'existe pas de meilleur déodorant universel : le bon choix dépend du format que vous préférez (stick, solide, baume, 50 ml) et de la sensibilité de votre peau. Le tableau comparatif en haut de page est fait pour vous aider à trancher en quelques secondes. L'essentiel, c'est de trouver le format qui s'intègre naturellement dans votre routine.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le déodorant naturel le plus efficace ?\u003c\/summary\u003e\n\u003cp\u003eL'efficacité dépend avant tout de la méthode d'application : peau propre et bien sèche, bonne quantité (1 à 2 passages pour un stick, une noisette pour un baume), et un peu de patience le temps que votre peau s'adapte si vous venez d'un anti-transpirant. Aucun produit de la sélection n'est objectivement plus efficace qu'un autre : c'est la régularité du geste qui fait la différence.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le déodorant le plus sain ?\u003c\/summary\u003e\n\u003cp\u003eUn déodorant agit sur les odeurs sans bloquer la transpiration, contrairement à un anti-transpirant : c'est déjà une distinction importante. Pour les peaux sensibles ou réactives, le Déodorant Solide Monoï Peaux Sensibles d'Endro est formulé dans cette intention. En cas de doute sur votre situation personnelle, l'avis d'un pharmacien ou d'un dermatologue reste la meilleure boussole.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur déodorant bio ?\u003c\/summary\u003e\n\u003cp\u003eParmi les produits dont le caractère bio figure explicitement dans le nom : les Déodorants Bio Eolesens (Océan, Nuage), les Déodorants Solides Baume bio \u0026amp; vegan Najel (Embrun, Mangue Citrus) et le Déodorant Thé vert bio 50 ml de Coslys. Le choix final se fait ensuite selon le format et le parfum qui vous convient le mieux.\u003c\/p\u003e\n\u003c\/details\u003e","products":[{"product_id":"deodorant-solide-au-beurre-de-cacao-geranium-bio-stick-kraft-50-g-comme-avant","title":"Déodorant Solide au Beurre de Cacao - Menthe poivrée \u0026 Géranium Bourbon - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide au beurre de cacao\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003eMenthe poivrée \u0026amp; Géranium bourbon\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003eUne protection naturelle et efficace toute la journée, sans sel d'aluminium ni bicarbonate. Formulé avec seulement 6 ingrédients bio, dans un tube kraft recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eDéodorant solide bio au beurre de cacao, menthe poivrée et géranium bourbon\u003c\/h2\u003e\n \u003cdiv class=\"deo-testimonial\"\u003e\n \u003cp class=\"deo-testimonial-text\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte vraiment votre peau ? Le \u003cstrong\u003edéodorant solide au beurre de cacao\u003c\/strong\u003e de Comme Avant associe la fraîcheur vivifiante de la \u003cstrong\u003ementhe poivrée\u003c\/strong\u003e à la douceur florale du \u003cstrong\u003egéranium bourbon\u003c\/strong\u003e. Certifié bio, vegan et fabriqué artisanalement près de Marseille, il vous accompagne toute la journée sans agresser vos aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🚫 Zéro sel d'aluminium\u003c\/h3\u003e\n \u003cp\u003eAucun composant controversé : ni aluminium, ni bicarbonate de soude, ni parfum synthétique. Idéal pour les peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🛡️ Anti-odeur longue durée\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients soigneusement sélectionnés qui neutralisent les bactéries responsables des mauvaises odeurs, du matin au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e👫 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eSon parfum frais et herbacé, ni trop fleuri ni trop sucré, convient aussi bien aux femmes qu'aux hommes. Un excellent déodorant naturel mixte.\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\u003eSi vous avez déjà essayé un \u003cstrong\u003edéodorant maison naturel\u003c\/strong\u003e sans être convaincu par la tenue, celui-ci pourrait bien vous surprendre : une protection fiable même lors des journées les plus actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComposition complète — seulement des ingrédients bio\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eLa force de ce déodorant réside dans sa \u003cstrong\u003eformule courte et transparente\u003c\/strong\u003e, composée d'ingrédients 100 % d'origine naturelle et issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003eBase fondante qui hydrate, adoucit et protège la peau des aisselles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et forme un film protecteur léger sur la peau.\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 naturellement l'humidité pour une sensation de sec durable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation cutanée et facilite l'application du stick sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌿 Menthe poivrée bio\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de fraîcheur immédiate et possède des propriétés antibactériennes puissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌸 Géranium bourbon bio\u003c\/h3\u003e\n \u003cp\u003eApporte une note florale subtile et contribue à réguler la transpiration naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-inci-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Theobroma Cacao Seed Butter*, Helianthus Annuus Seed Oil*, Zea Mays Starch*, Glycerin, Mentha Piperita Oil*, Pelargonium Graveolens Oil*. \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=\"deo-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre déodorant solide ?\u003c\/h2\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\u003ePoussez le stick\u003c\/h3\u003e\n \u003cp\u003eAppuyez légèrement sur la base du tube kraft pour faire remonter le déodorant solide.\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\u003eAppliquez une fine couche\u003c\/h3\u003e\n \u003cp\u003ePassez le stick directement sur des aisselles propres et sèches, en une ou deux glissades.\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\u003eLaissez pénétrer\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques secondes avant de vous habiller pour une absorption optimale.\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 :\u003c\/strong\u003e par temps froid, le beurre de cacao peut durcir. Réchauffez le stick quelques instants entre vos mains pour ramollir la surface. En été, conservez-le dans un endroit frais pour préserver sa texture idéale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUn emballage zéro déchet, fabriqué en France\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Kraft recyclé\u003c\/h3\u003e\n \u003cp\u003eTube push-up en kraft recyclé et 100 % recyclable, sans plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🪶 Format nomade\u003c\/h3\u003e\n \u003cp\u003e50 g facile à glisser dans un sac ou une trousse de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏭 Artisanal\u003c\/h3\u003e\n \u003cp\u003eFabriqué à la main dans les ateliers de Comme Avant, près de Marseille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏅 Certifié\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic et labellisé Slow Cosmétique pour une transparence totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"deo-accordion\"\u003e\n \u003cdetails class=\"deo-accordion-item\" open\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e⚠️ Personnes concernées\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit contient des huiles essentielles. Il est \u003cstrong\u003edéconseillé aux femmes enceintes ou allaitantes\u003c\/strong\u003e et aux enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🩹 Application et réactions\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez l'application sur une peau irritée ou lésée. En cas de réaction cutanée, cessez immédiatement l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003eℹ️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe déodorant ne constitue pas un anti-transpirant médical et ne remplace en aucun cas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"deo-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez une routine naturelle et zéro déchet avec le déodorant solide Comme Avant — votre peau et la planète vous diront merci.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003eLes produits cosmétiques naturels ne sont pas des médicaments. Les résultats peuvent varier d'une personne à l'autre.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --deo-cream: #f7f3ef;\n --deo-white: #ffffff;\n --deo-primary: #c4956a;\n --deo-primary-dark: #7a5a3a;\n --deo-primary-light: #f3ebe3;\n --deo-secondary: #d4a574;\n --deo-accent: #a8c5a0;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e4ddd5;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.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\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #7a5a3a 0%, #c4956a 50%, #d4a574 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n repeating-conic-gradient(rgba(255,255,255,.02) 0% 25%, transparent 0% 50%) 0 0 \/ 60px 60px;\n opacity: .5;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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,.9);\n font-size: clamp(16px, 3.5vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.deo-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.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\/* === SECTIONS === *\/\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-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\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-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\/* === TIMELINE === *\/\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\/* === TESTIMONIAL === *\/\n.deo-testimonial {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--deo-shadow);\n border-left: 4px solid var(--deo-primary);\n}\n\n.deo-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.deo-inci-box {\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-inci-box p {\n font-size: 13px;\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIP BOX === *\/\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\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-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.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\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\/* === DISCLAIMER === *\/\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\/* === SECTION INTRO TEXT === *\/\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: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-testimonial {\n padding: 1.25rem;\n }\n\n .deo-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .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 deoFadeInUp {\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 .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755279933597,"sku":"NBAICAV0052","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-menthe-poivree-geranium--packshothd.webp?v=1776174011"},{"product_id":"deodorant-solide-au-beurre-de-cacao-bio-stick-kraft-50-g-comme-avant","title":"Déodorant Solide au Beurre de Cacao Bio - 50g - Comme Avant","description":"\u003cdiv class=\"dc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"dc-hero\"\u003e\n \u003cdiv class=\"dc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dc-hero-content\"\u003e\n \u003cdiv class=\"dc-badges-top\"\u003e\n \u003cspan class=\"dc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"dc-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"dc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"dc-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dc-hero-title\"\u003eDéodorant solide au beurre de cacao bio\u003c\/span\u003e\n \u003cp class=\"dc-subtitle\"\u003eStick kraft 50 g — Comme Avant\u003c\/p\u003e\n \u003cp class=\"dc-description\"\u003eSeulement 4 ingrédients d'origine naturelle pour une protection efficace, douce et respectueuse de votre peau comme de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"dc-section\"\u003e\n \u003ch2\u003eDéodorant solide au beurre de cacao bio : une protection naturelle et douce au quotidien\u003c\/h2\u003e\n \u003cp class=\"dc-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant solide bio\u003c\/strong\u003e vraiment efficace, qui respecte votre peau et la planète ? Le \u003cstrong\u003edéodorant solide au beurre de cacao\u003c\/strong\u003e de \u003cem\u003eComme Avant\u003c\/em\u003e coche toutes les cases. Formulé avec seulement quatre ingrédients d'origine naturelle, ce stick de 50 g vous accompagne pendant des semaines grâce à sa texture concentrée. Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, vegan et fabriqué artisanalement en France près de Marseille, il s'adresse à toutes celles et ceux qui souhaitent prendre soin d'eux sans compromis.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"dc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant bio solide ?\u003c\/h2\u003e\n \u003cp class=\"dc-section-intro\"\u003eContrairement aux déodorants conventionnels, cette formule ne contient \u003cstrong\u003eni sels d'aluminium, ni alcool, ni parfum synthétique, ni conservateur\u003c\/strong\u003e. Résultat : il convient aux \u003cstrong\u003epeaux sensibles et réactives\u003c\/strong\u003e, y compris celles qui réagissent habituellement au bicarbonate de soude classique.\u003c\/p\u003e\n \u003cdiv class=\"dc-grid\"\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🛡️ Bloque les mauvaises odeurs\u003c\/h3\u003e\n \u003cp\u003eDurablement grâce au bicarbonate de sodium finement dosé qui neutralise les bactéries responsables des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e💧 Régule la transpiration\u003c\/h3\u003e\n \u003cp\u003eSans obstruer les pores ni empêcher la peau de respirer. Votre corps fonctionne naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e✨ Nourrit et protège\u003c\/h3\u003e\n \u003cp\u003eGrâce au beurre de cacao bio, riche en acides gras essentiels qui prennent soin de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🤍 Ne pique pas\u003c\/h3\u003e\n \u003cp\u003eLaisse une sensation confortable dès l'application, même sur les peaux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🌸 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous êtes sensible aux odeurs ou souhaitez porter votre propre fragrance sans interférence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eFemme, homme ou adolescent : ce déodorant solide s'adapte à chaque membre de la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"dc-section\"\u003e\n \u003ch2\u003eComposition complète : seulement 4 ingrédients\u003c\/h2\u003e\n \u003cp class=\"dc-section-intro\"\u003eLa force de ce \u003cstrong\u003edéodorant bio\u003c\/strong\u003e réside dans sa formule minimaliste et transparente. Pas d'ingrédient superflu, pas de substance controversée. Vous savez exactement ce que vous appliquez sur votre peau.\u003c\/p\u003e\n \u003cdiv class=\"dc-grid-compact\"\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003eHydrate, nourrit et forme un film protecteur doux sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'humidité pour une sensation de fraîcheur longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🧂 Bicarbonate de sodium\u003c\/h3\u003e\n \u003cp\u003eNeutralise les bactéries responsables des mauvaises odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🌴 Cire de carnauba\u003c\/h3\u003e\n \u003cp\u003eApporte la tenue solide au stick et facilite l'application au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"dc-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant solide ?\u003c\/h2\u003e\n \u003cdiv class=\"dc-timeline\"\u003e\n \u003cdiv class=\"dc-timeline-item\"\u003e\n \u003cdiv class=\"dc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dc-timeline-content\"\u003e\n \u003ch3\u003ePréparez le stick\u003c\/h3\u003e\n \u003cp\u003ePoussez délicatement le fond du stick kraft pour faire remonter le produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-timeline-item\"\u003e\n \u003cdiv class=\"dc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dc-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur peau propre\u003c\/h3\u003e\n \u003cp\u003eEffectuez deux à trois passages sur des aisselles \u003cstrong\u003epropres et sèches\u003c\/strong\u003e. Une fine couche suffit pour vous protéger toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-timeline-item\"\u003e\n \u003cdiv class=\"dc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dc-timeline-content\"\u003e\n \u003ch3\u003ePériode de transition\u003c\/h3\u003e\n \u003cp\u003eSi vous passez d'un déodorant conventionnel à ce déodorant naturel, accordez à votre corps 2 à 3 semaines d'adaptation : c'est normal et tout à fait sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-tip\"\u003e\n \u003cspan class=\"dc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e en été ou par forte chaleur, conservez votre stick dans un endroit frais pour préserver sa texture idéale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"dc-section\"\u003e\n \u003ch2\u003eUn emballage zéro déchet et écoresponsable\u003c\/h2\u003e\n \u003cdiv class=\"dc-grid\"\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e📦 Carton kraft recyclable\u003c\/h3\u003e\n \u003cp\u003eLe packaging en carton kraft recyclable et compostable remplace le plastique habituellement utilisé pour les déodorants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🐢 Slow Cosmétique\u003c\/h3\u003e\n \u003cp\u003eLabellisé Slow Cosmétique pour une cosmétique raisonnable, plus saine et plus respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France Garantie\u003c\/h3\u003e\n \u003cp\u003eFabriqué artisanalement près de Marseille, ce produit incarne une démarche éthique complète, de la formulation à l'emballage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"dc-section-intro\" style=\"margin-top:1.25rem;\"\u003eChoisir ce déodorant solide, c'est faire un geste concret pour réduire vos déchets dans la salle de bain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"dc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est fait ce déodorant ?\u003c\/h2\u003e\n \u003cdiv class=\"dc-grid-compact\"\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e👩 Femmes\u003c\/h3\u003e\n \u003cp\u003eDouceur et protection au quotidien, sans parfum ni irritant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e👨 Hommes\u003c\/h3\u003e\n \u003cp\u003eEfficacité prouvée et formule sobre sans odeur artificielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eSans huile essentielle, adapté aux femmes enceintes et allaitantes (avis médical recommandé).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🌼 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux réactives et intolérantes aux parfums ou au bicarbonate classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-cta-box\"\u003e\n \u003cp\u003e🍫 4 ingrédients · 0 superflu · 100 % naturel\u003cbr\u003eOffrez à votre peau la douceur qu'elle mérite, chaque jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"dc-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --dc-cream: #faf6f1;\n --dc-white: #ffffff;\n --dc-primary: #b8946a;\n --dc-primary-dark: #7a5c3a;\n --dc-primary-light: #f3ece3;\n --dc-secondary: #c9a97a;\n --dc-accent: #d4a96a;\n --dc-text: #1a1a1a;\n --dc-text-light: #5a5a5a;\n --dc-border: #e6ddd3;\n --dc-shadow: 0 4px 24px rgba(122,92,58,.08);\n --dc-shadow-lg: 0 12px 48px rgba(122,92,58,.15);\n --dc-radius: 20px;\n --dc-radius-sm: 12px;\n}\n\n.dc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dc-hero {\n position: relative;\n background: linear-gradient(135deg, #7a5c3a 0%, #b8946a 50%, #d4b98a 100%);\n border-radius: var(--dc-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(--dc-shadow-lg);\n}\n\n.dc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 20px,\n rgba(255,255,255,.03) 20px,\n rgba(255,255,255,.03) 40px\n );\n opacity: 1;\n}\n\n.dc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dc-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.dc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.dc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.dc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dc-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(--dc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dc-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.dc-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(--dc-primary), var(--dc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.dc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dc-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.dc-card {\n background: var(--dc-white);\n border-radius: var(--dc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dc-shadow-lg);\n border-color: var(--dc-primary);\n}\n\n.dc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dc-grid-compact .dc-card {\n padding: 1rem;\n}\n\n.dc-grid-compact .dc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dc-grid-compact .dc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dc-primary), var(--dc-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.dc-timeline-content {\n flex: 1;\n background: var(--dc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dc-radius-sm);\n box-shadow: var(--dc-shadow);\n}\n\n.dc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dc-timeline-content p {\n font-size: 14px;\n color: var(--dc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.dc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dc-primary-light);\n border-radius: var(--dc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dc-tip p {\n font-size: 14px;\n color: var(--dc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.dc-cta-box {\n background: linear-gradient(135deg, var(--dc-primary) 0%, var(--dc-primary-dark) 100%);\n border-radius: var(--dc-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.dc-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.dc-disclaimer {\n font-size: 12px;\n color: var(--dc-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 .dc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dc-card {\n padding: 1.125rem;\n }\n\n .dc-section {\n margin-bottom: 1.75rem;\n }\n\n .dc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dc-radius-sm);\n }\n\n .dc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dc-grid-compact {\n gap: .625rem;\n }\n\n .dc-grid-compact .dc-card {\n padding: .75rem;\n }\n\n .dc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dc-timeline-content h3 {\n font-size: 14px;\n }\n\n .dc-timeline-content p {\n font-size: 13px;\n }\n\n .dc-tip {\n padding: .875rem 1rem;\n }\n\n .dc-tip-icon {\n font-size: 20px;\n }\n\n .dc-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dc-card {\n animation: dcFadeInUp .5s ease backwards;\n }\n .dc-card:nth-child(1) { animation-delay: .05s; }\n .dc-card:nth-child(2) { animation-delay: .1s; }\n .dc-card:nth-child(3) { animation-delay: .15s; }\n .dc-card:nth-child(4) { animation-delay: .2s; }\n .dc-card:nth-child(5) { animation-delay: .25s; }\n .dc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dcFadeInUp {\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 .dc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755381809309,"sku":"NBAICAV0007","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-bio-50g-comme-avant-packshothd.webp?v=1775989822"},{"product_id":"deodorant-solide-au-beurre-de-cacao-citron-et-bergarmote-bio-stick-kraft-50-g-comme-avant","title":"Déodorant Solide au Beurre de Cacao - Citron \u0026 Bergarmote - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Certifié Bio COSMOS\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide au beurre de cacao – Citron \u0026amp; Bergamote\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003eComme Avant\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003e5 ingrédients bio, un parfum d'agrumes frais et une efficacité longue durée — sans sels d'aluminium, sans parabènes, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eBeurre de cacao + citron \u0026amp; bergamote : le neutralisateur d'odeur utlime\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte autant votre peau que l'environnement ? Le déodorant solide au beurre de cacao Citron \u0026amp; Bergamote de Comme Avant est pensé pour vous. Formulé avec seulement cinq ingrédients biologiques, il neutralise les odeurs durablement tout en prenant soin de vos aisselles, sans aucun composant controversé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi adopter ce déodorant naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🛡️ Neutralise les odeurs\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003ebicarbonate de sodium\u003c\/strong\u003e élimine efficacement les bactéries responsables des mauvaises odeurs, pour une fraîcheur fiable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💧 Absorbe l'humidité\u003c\/h3\u003e\n \u003cp\u003eL'\u003cstrong\u003eamidon de maïs bio\u003c\/strong\u003e capte l'excès d'humidité pour une sensation de confort et de sec, même lors des journées les plus actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍋 Fraîcheur d'agrumes\u003c\/h3\u003e\n \u003cp\u003eLes huiles essentielles de \u003cstrong\u003ecitron\u003c\/strong\u003e et de \u003cstrong\u003ebergamote\u003c\/strong\u003e biologiques offrent un parfum frais, tonique et apaisant qui convient à tous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🚫 Sans ingrédients controversés\u003c\/h3\u003e\n \u003cp\u003eAucun sel d'aluminium, aucun parabène, aucun alcool. Une formule minimaliste et transparente pour une hygiène saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e👫 Mixte et universel\u003c\/h3\u003e\n \u003cp\u003eCe duo d'agrumes convient aussi bien aux femmes qu'aux hommes : un véritable \u003cstrong\u003edéodorant naturel\u003c\/strong\u003e sans distinction de genre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✅ Formule minimaliste\u003c\/h3\u003e\n \u003cp\u003eSeulement \u003cstrong\u003e5 ingrédients\u003c\/strong\u003e d'origine biologique. Rien de superflu, chaque composant a un rôle précis et essentiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eLe beurre de cacao : un actif nourrissant au cœur de la formule\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003ebeurre de cacao biologique\u003c\/strong\u003e est riche en acides gras et en antioxydants. Il nourrit et adoucit la peau des aisselles, une zone souvent fragilisée par le rasage ou l'épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🤲 Peau souple et apaisée\u003c\/h3\u003e\n \u003cp\u003eVotre peau reste protégée, douce et confortable même en cas de sensibilité. L'effet nourrissant dure tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✨ Texture fondante\u003c\/h3\u003e\n \u003cp\u003eLe beurre de cacao donne au stick sa texture agréable qui glisse facilement sur la peau, \u003cstrong\u003esans résidu gras ni traces\u003c\/strong\u003e sur les vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Theobroma Cacao Seed Butter*\u003c\/h3\u003e\n \u003cp\u003eBeurre de cacao bio : nourrit et protège la peau en profondeur grâce à sa richesse en acides gras.\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 : neutralise les odeurs en éliminant les bactéries responsables.\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 : absorbe l'humidité pour une sensation de confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍋 Citrus Limon Peel Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de citron bio : apporte fraîcheur et tonicité avec des notes vives et pétillantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍊 Citrus Aurantium Bergamia Fruit Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de bergamote bio : complète l'effet déodorant avec des notes florales et agrumées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Certifié COSMOS Organic, label Vegan.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant solide ?\u003c\/h2\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éparez la zone\u003c\/h3\u003e\n \u003cp\u003eAppliquez le stick directement sous les aisselles \u003cstrong\u003epropres et sèches\u003c\/strong\u003e, idéalement après la douche.\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\u003eAppliquez en douceur\u003c\/h3\u003e\n \u003cp\u003eEffectuez \u003cstrong\u003edeux à trois passages\u003c\/strong\u003e : une fine couche suffit pour une protection efficace pendant plusieurs heures.\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\u003eRéchauffez si besoin\u003c\/h3\u003e\n \u003cp\u003eSi le produit semble un peu dur (notamment en hiver), réchauffez-le quelques secondes \u003cstrong\u003eentre vos paumes\u003c\/strong\u003e avant application.\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 :\u003c\/strong\u003e si vous passez d'un déodorant conventionnel à ce déodorant naturel, accordez à votre corps une \u003cstrong\u003epériode de transition de 2 à 3 semaines\u003c\/strong\u003e. C'est le temps nécessaire pour que votre peau s'adapte et retrouve son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUn engagement zéro déchet jusqu'au bout\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e📦 Packaging kraft\u003c\/h3\u003e\n \u003cp\u003eStick entièrement compostable et recyclable, sans plastique ni suremballage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e⏳ 2 à 3 mois\u003c\/h3\u003e\n \u003cp\u003eUn stick de 50 g vous accompagne pendant 2 à 3 mois d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏭 Artisanal français\u003c\/h3\u003e\n \u003cp\u003eFabriqué près de Marseille, en petites séries pour garantir fraîcheur et traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💰 Choix économique\u003c\/h3\u003e\n \u003cp\u003eUn produit longue durée qui respecte votre budget autant que la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce déodorant ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-testimonial\"\u003e\n \u003cp class=\"deo-testimonial-text\"\u003eCe déodorant solide convient à toutes les personnes souhaitant adopter une hygiène plus saine et plus responsable. Il est particulièrement apprécié par celles et ceux qui recherchent un \u003cstrong\u003edéodorant efficace naturel\u003c\/strong\u003e sans compromis sur le confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eEn raison de la présence de bicarbonate de sodium, ce déodorant est déconseillé sur les peaux lésées ou très réactives. En cas de doute ou de réaction cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003eℹ️ Information importante\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un anti-transpirant médical. Il agit sur les odeurs et non sur la transpiration elle-même.\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=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"deo-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez une routine naturelle et responsable avec le déodorant solide Comme Avant — 5 ingrédients bio, zéro plastique, une fraîcheur d'agrumes qui vous accompagne toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --deo-cream: #faf6ef;\n --deo-white: #ffffff;\n --deo-primary: #c8a84e;\n --deo-primary-dark: #8b6914;\n --deo-primary-light: #f5edda;\n --deo-secondary: #d4a843;\n --deo-accent: #7a9b5a;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e0d8c8;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.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\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #8b6914 0%, #c8a84e 50%, #d4a843 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% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 30%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 35%);\n opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.deo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\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\/* === SECTIONS === *\/\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\/* === SECTION INTRO TEXT === *\/\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: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\n.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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\/* === TIMELINE === *\/\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-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.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\/* === TESTIMONIAL === *\/\n.deo-testimonial {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--deo-shadow);\n border-left: 4px solid var(--deo-primary);\n}\n\n.deo-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\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\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-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.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\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\/* === DISCLAIMER === *\/\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\/* === RESPONSIVE MOBILE === *\/\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-testimonial {\n padding: 1.25rem;\n }\n\n .deo-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .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 deoFadeInUp {\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 .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755384529053,"sku":"NBAICAV0051","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-citron-bergarmote-comme--packshothd.webp?v=1776251229"},{"product_id":"deodorant-solide-au-beurre-de-cacao-eucalyptus-et-pin-sylvestre-bio-stick-kraft-50-g-comme-avant","title":"Déodorant Solide au Beurre de Cacao - Eucalyptus \u0026 Pin Sylvestre - Comme avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide au beurre de cacao – Eucalyptus \u0026amp; Pin Sylvestre\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003ePar Comme Avant · Slow Cosmétique\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003eUn déodorant naturel et efficace, à la formule minimaliste de 6 ingrédients bio, qui neutralise les odeurs toute la journée sans irriter votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui prend soin de votre peau sans compromis ? Le \u003cstrong\u003edéodorant solide au beurre de cacao Eucalyptus \u0026amp; Pin Sylvestre\u003c\/strong\u003e de \u003cstrong\u003eComme Avant\u003c\/strong\u003e est conçu pour neutraliser les odeurs toute la journée, tout en respectant les peaux les plus exigeantes.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic, vegan et labellisé Slow Cosmétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏡 Artisanal\u003c\/h3\u003e\n \u003cp\u003eFabriqué à la main près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧴 6 ingrédients\u003c\/h3\u003e\n \u003cp\u003eFormule courte, transparente et 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003ePackaging kraft recyclable et compostable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant naturel ?\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eBeaucoup de déodorants conventionnels contiennent des sels d'aluminium, des parabènes ou des parfums de synthèse. Ce \u003cstrong\u003edéodorant solide bio\u003c\/strong\u003e prend le contrepied avec une formule courte, transparente et 100 % d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🛡️ Anti-odeur longue durée\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'action combinée de l'amidon de maïs et du bicarbonate de sodium, les mauvaises odeurs sont neutralisées efficacement toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🚫 Sans indésirables\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans pierre d'alun, sans huile de palme. Une formule respectueuse qui ne contient aucun ingrédient controversé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✨ Texture fondante\u003c\/h3\u003e\n \u003cp\u003eNe laisse aucune trace blanche sur les vêtements grâce à sa texture douce qui glisse naturellement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌲 Parfum frais et boisé\u003c\/h3\u003e\n \u003cp\u003eNotes d'eucalyptus globulus et de pin sylvestre, idéal aussi bien comme déodorant naturel pour homme que pour femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e📦 Zéro plastique\u003c\/h3\u003e\n \u003cp\u003ePackaging en stick kraft entièrement recyclable et compostable. Un geste concret pour la planète au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🤲 Nourrit la peau\u003c\/h3\u003e\n \u003cp\u003eLe beurre de cacao bio nourrit et protège la peau fragile des aisselles à 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=\"deo-section\"\u003e\n \u003ch2\u003eComposition complète – Des ingrédients que vous pouvez comprendre\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eLa force de ce déodorant efficace naturel réside dans la simplicité de sa formule, composée de seulement \u003cstrong\u003esix ingrédients bio\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eTheobroma Cacao Seed Butter\u003c\/em\u003e — Nourrit intensément et protège la peau fragile des aisselles. Apporte la texture douce et fondante au stick.\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\u003e\u003cem\u003eZea Mays Starch\u003c\/em\u003e — Absorbe l'humidité naturellement pour une sensation de sec confortable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🕯️ Cire de candelilla\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eEuphorbia Cerifera Wax\u003c\/em\u003e — Solidifie la formule et facilite l'application directe sur 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\u003e\u003cem\u003eSodium Bicarbonate\u003c\/em\u003e — Neutralise les bactéries responsables des mauvaises odeurs de façon naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle d'eucalyptus globulus bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eEucalyptus Globulus Leaf Oil\u003c\/em\u003e — Apporte fraîcheur et propriétés purifiantes reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌲 Huile essentielle de pin sylvestre bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePinus Sylvestris Leaf Oil\u003c\/em\u003e — Complète avec une note boisée vivifiante et tonifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment bien l'appliquer ?\u003c\/h2\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éparez le stick\u003c\/h3\u003e\n \u003cp\u003ePoussez légèrement le fond du tube kraft pour faire apparaître le déodorant solide.\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\u003eAppliquez directement\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur des \u003cstrong\u003eaisselles propres et sèches\u003c\/strong\u003e, en effectuant deux à trois passages. La chaleur de votre peau fait fondre le beurre de cacao, qui glisse uniformément sans effort.\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\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003eSi vous débutez avec un déodorant naturel, laissez à votre corps environ \u003cstrong\u003edeux semaines d'adaptation\u003c\/strong\u003e : c'est normal et tout à fait sain.\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 :\u003c\/strong\u003e par temps très chaud, conservez votre déodorant dans un endroit frais pour préserver sa tenue optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eFabrication artisanale \u0026amp; engagements\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eComme Avant fabrique chaque déodorant solide à la main dans son atelier du sud de la France.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🤲 Fait main\u003c\/h3\u003e\n \u003cp\u003eChaque stick est fabriqué artisanalement dans l'atelier Comme Avant près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌾 Filières bio\u003c\/h3\u003e\n \u003cp\u003eMatières premières rigoureusement sélectionnées, issues de filières biologiques certifiées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Kraft compostable\u003c\/h3\u003e\n \u003cp\u003eTube entièrement recyclable et compostable, supprimant tout recours au plastique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏅 Labels exigeants\u003c\/h3\u003e\n \u003cp\u003eCertifié vegan, Cosmos Organic et labellisé Slow Cosmétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"deo-accordion\"\u003e\n \u003cdetails class=\"deo-accordion-item\" open\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e⚠️ Personnes concernées\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eContient des huiles essentielles : déconseillé aux femmes enceintes, allaitantes et aux enfants de moins de six ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🩹 Application\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez l'application sur une peau lésée ou irritée. En cas de réaction cutanée, cessez l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e💊 Avertissement médical\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un mode de vie sain. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --deo-cream: #faf6f1;\n --deo-white: #ffffff;\n --deo-primary: #7a9a6d;\n --deo-primary-dark: #4a6b3e;\n --deo-primary-light: #eef4eb;\n --deo-secondary: #c8a87c;\n --deo-accent: #a3c28c;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e0ddd8;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.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\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6b3e 0%, #7a9a6d 40%, #c8a87c 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,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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 line-height: 1.1;\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-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .02em;\n}\n\n.deo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\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 line-height: 1.25;\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-secondary));\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: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\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-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\/* === TIMELINE === *\/\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\/* === TIP BOX === *\/\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\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-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.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\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\/* === RESPONSIVE MOBILE === *\/\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-tip {\n padding: .875rem 1rem;\n }\n\n .deo-tip-icon {\n font-size: 20px;\n }\n\n .deo-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .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 deoFadeInUp {\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 .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755386822813,"sku":"NBAICAV0050","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-eucalyptus-pin-sylvestre-packshothd.webp?v=1776173923"},{"product_id":"deodorant-bio-eolesens-ocean","title":"Déodorant Bio - Eolesens - Parfum Océan","description":"\u003cdiv class=\"eo-premium\"\u003e\n \u003cdiv class=\"eo-hero\"\u003e\n \u003cdiv class=\"eo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"eo-hero-content\"\u003e\n \u003cdiv class=\"eo-badges-top\"\u003e\n \u003cspan class=\"eo-badge\"\u003e🌊 Fraîcheur Océan\u003c\/span\u003e\n \u003cspan class=\"eo-badge\"\u003e🌿 Bio \u0026amp; Naturel\u003c\/span\u003e\n \u003cspan class=\"eo-badge\"\u003e♻️ Flacon 50% recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"eo-hero-title\"\u003eDéodorant Bio Eolesens Océan\u003c\/span\u003e\n \u003cp class=\"eo-subtitle\"\u003eRoll-on Pierre d'Alun \u0026amp; Aloe Vera\u003c\/p\u003e\n \u003cp class=\"eo-description\"\u003eEnvie d'un déodorant naturel et efficace qui respecte votre peau et l'environnement ? Le Déodorant Bio Eolesens Océan vous enveloppe d'une fraîcheur marine tout au long de la journée, grâce à une formule douce associant pierre d'alun et aloe vera bio. Une alternative saine aux déodorants classiques contenant du chlorhydrate d'aluminium ou de l'alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"eo-section\"\u003e\n \u003ch2\u003eUn déodorant bio à la fraîcheur marine\u003c\/h2\u003e\n \u003cp class=\"eo-section-intro\"\u003eInspiré des embruns et de l'air iodé du large, le parfum Océan procure une sensation vivifiante dès l'application. Sa texture roll-on glisse facilement sur la peau, sèche rapidement et ne laisse pas de traces blanches sur les vêtements. Adopté par toute la famille, il convient aussi bien aux femmes qu'aux hommes en quête d'un déodorant homme naturel, frais et discret.\u003c\/p\u003e\n \u003cdiv class=\"eo-grid-compact\"\u003e\n \u003cdiv class=\"eo-card\"\u003e\n \u003ch3\u003e🌊 Parfum vivifiant\u003c\/h3\u003e\n \u003cp\u003eUne signature olfactive marine, fraîche et discrète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eo-card\"\u003e\n \u003ch3\u003e✨ Sans traces\u003c\/h3\u003e\n \u003cp\u003eSèche vite et ne marque pas les vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eo-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Unisexe\u003c\/h3\u003e\n \u003cp\u003eAdopté par toute la famille, femmes et hommes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eo-card\"\u003e\n \u003ch3\u003e💧 Application facile\u003c\/h3\u003e\n \u003cp\u003eLa bille roll-on glisse en douceur sous les bras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eo-section\"\u003e\n \u003ch2\u003eLes atouts de la pierre d'alun et de l'aloe vera\u003c\/h2\u003e\n \u003cdiv class=\"eo-grid\"\u003e\n \u003cdiv class=\"eo-card\"\u003e\n \u003ch3\u003e🪨 Pierre d'alun naturelle\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés astringentes, elle aide à neutraliser les bactéries responsables des odeurs sans bloquer la transpiration, un mécanisme naturel essentiel du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eo-card\"\u003e\n \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApporte hydratation et douceur, apaise les zones sensibles, notamment après l'épilation ou le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eo-card\"\u003e\n \u003ch3\u003e🚫 Composition clean\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans chlorhydrate d'aluminium, sans parabènes : pensée pour les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eo-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-conçu\u003c\/h3\u003e\n \u003cp\u003eFabriqué en plastique recyclé à 50 %, un geste concret pour réduire l'empreinte environnementale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eo-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"eo-testimonial\"\u003e\n \u003cp class=\"eo-testimonial-text\"\u003eAqua, Potassium Alum (pierre d'alun), Aloe Barbadensis Leaf Juice* (aloe vera bio), Glycerin, Sodium Benzoate, Potassium Sorbate, Parfum (fragrance Océan d'origine naturelle), Citric Acid.\u003cbr\u003e\u003cbr\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eo-tip\"\u003e\n \u003cspan class=\"eo-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule certifiée, \u003cstrong\u003esans sels d'aluminium de synthèse\u003c\/strong\u003e, sans perturbateurs endocriniens connus et \u003cstrong\u003enon testée sur les animaux\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eo-section\"\u003e\n \u003ch2\u003eComment utiliser le roll-on Eolesens Océan ?\u003c\/h2\u003e\n \u003cdiv class=\"eo-timeline\"\u003e\n \u003cdiv class=\"eo-timeline-item\"\u003e\n \u003cdiv class=\"eo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"eo-timeline-content\"\u003e\n \u003ch3\u003eApplication du matin\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur une peau propre et sèche, en passant la bille deux à trois fois sous chaque aisselle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eo-timeline-item\"\u003e\n \u003cdiv class=\"eo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"eo-timeline-content\"\u003e\n \u003ch3\u003eTemps de séchage\u003c\/h3\u003e\n \u003cp\u003eLaissez sécher quelques secondes avant l'habillage pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eo-timeline-item\"\u003e\n \u003cdiv class=\"eo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"eo-timeline-content\"\u003e\n \u003ch3\u003eRenouveler si besoin\u003c\/h3\u003e\n \u003cp\u003eEn cas de forte chaleur ou d'activité sportive, renouvelez l'application en journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eo-timeline-item\"\u003e\n \u003cdiv class=\"eo-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"eo-timeline-content\"\u003e\n \u003ch3\u003eAstuce du quotidien\u003c\/h3\u003e\n \u003cp\u003eAgitez légèrement le flacon avant utilisation pour bien répartir les actifs naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eo-tip\"\u003e\n \u003cspan class=\"eo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e lors du passage d'un déodorant conventionnel à un déodorant efficace naturel, une courte période d'adaptation de la peau (1 à 2 semaines) est parfois nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eo-section\"\u003e\n \u003ch2\u003eVos interrogations sur ces déodorants naturels\u003c\/h2\u003e\n \u003cdiv class=\"eo-accordion\"\u003e\n \u003cdetails class=\"eo-accordion-item\"\u003e\n \u003csummary class=\"eo-accordion-header\"\u003eUn déodorant bio est-il aussi efficace qu'un antitranspirant classique ?\u003c\/summary\u003e\n \u003cdiv class=\"eo-accordion-content mt-3\"\u003e\n \u003cp\u003eIl agit différemment : plutôt que de bloquer la sueur, il neutralise les bactéries responsables des mauvaises odeurs. Vous restez frais sans perturber la régulation naturelle de votre corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"eo-accordion-item\"\u003e\n \u003csummary class=\"eo-accordion-header\"\u003eConvient-il aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"eo-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule sans alcool et enrichie en aloe vera est pensée pour limiter les irritations. En cas de doute, réalisez un test au creux du coude avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"eo-accordion-item\"\u003e\n \u003csummary class=\"eo-accordion-header\"\u003ePeut-il remplacer un déodorant homme naturel ?\u003c\/summary\u003e\n \u003cdiv class=\"eo-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. Son parfum marin, frais et peu sucré, séduit aussi bien les hommes que les femmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Eolesens ?\u003c\/h2\u003e\n \u003cdiv class=\"eo-cta-box\"\u003e\n \u003cp\u003eEolesens conçoit des soins cosmétiques d'inspiration naturelle, fabriqués avec exigence et transparence. En choisissant ce déodorant bio, vous optez pour un produit respectueux de votre peau, de votre santé et de la planète. 🌊🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"eo-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical. En cas de réaction cutanée persistante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --eo-cream: #f4f9fc;\n --eo-white: #ffffff;\n --eo-primary: #3ba7d9;\n --eo-primary-dark: #1e6b99;\n --eo-primary-light: #e3f2fb;\n --eo-secondary: #6fc4a8;\n --eo-accent: #a8dcec;\n --eo-text: #1a2733;\n --eo-text-light: #5a6b7a;\n --eo-border: #dde8ef;\n --eo-shadow: 0 4px 24px rgba(30, 107, 153, .08);\n --eo-shadow-lg: 0 12px 48px rgba(30, 107, 153, .18);\n --eo-radius: 20px;\n --eo-radius-sm: 12px;\n}\n\n.eo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--eo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--eo-text);\n line-height: 1.6;\n}\n\n.eo-hero {\n position: relative;\n background: linear-gradient(135deg, #3ba7d9 0%, #5ab8df 50%, #a8dcec 100%);\n border-radius: var(--eo-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(--eo-shadow-lg);\n}\n\n.eo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, white 2px, transparent 3px),\n radial-gradient(circle at 40% 80%, white 1px, transparent 2px);\n background-size: 80px 80px, 120px 120px, 60px 60px;\n opacity: .1;\n}\n\n.eo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.eo-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.eo-subtitle {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n}\n\n.eo-description {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n opacity: .95;\n}\n\n.eo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.eo-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(--eo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.eo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.eo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.eo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--eo-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.eo-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(--eo-primary), var(--eo-secondary));\n border-radius: 2px;\n}\n\n.eo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eo-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.eo-card {\n background: var(--eo-white);\n border-radius: var(--eo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--eo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.eo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--eo-shadow-lg);\n border-color: var(--eo-primary);\n}\n\n.eo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--eo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.eo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--eo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.eo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.eo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.eo-grid-compact .eo-card {\n padding: 1rem;\n}\n\n.eo-grid-compact .eo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.eo-grid-compact .eo-card p {\n font-size: 12px;\n}\n\n.eo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.eo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.eo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--eo-primary), var(--eo-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(59, 167, 217, .3);\n}\n\n.eo-timeline-content {\n flex: 1;\n background: var(--eo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--eo-radius-sm);\n box-shadow: var(--eo-shadow);\n}\n\n.eo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--eo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.eo-timeline-content p {\n font-size: 14px;\n color: var(--eo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.eo-testimonial {\n background: var(--eo-white);\n border-radius: var(--eo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--eo-shadow);\n border-left: 4px solid var(--eo-primary);\n}\n\n.eo-testimonial-text {\n font-size: clamp(14px, 2.2vw, 15px);\n color: var(--eo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.eo-accordion {\n background: var(--eo-white);\n border-radius: var(--eo-radius);\n box-shadow: var(--eo-shadow);\n overflow: hidden;\n}\n\n.eo-accordion-item {\n border-bottom: 1px solid var(--eo-border);\n margin: 0;\n padding: 0;\n}\n\n.eo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.eo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--eo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n gap: 1rem;\n}\n\n.eo-accordion-header:hover {\n background: var(--eo-primary-light);\n}\n\n.eo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.eo-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--eo-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.eo-accordion-item[open] .eo-accordion-header::after {\n content: '−';\n}\n\n.eo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--eo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.eo-accordion-content p {\n margin: 0;\n}\n\n.eo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--eo-primary-light);\n border-radius: var(--eo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.eo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.eo-tip p {\n font-size: 14px;\n color: var(--eo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.eo-cta-box {\n background: linear-gradient(135deg, var(--eo-primary) 0%, var(--eo-primary-dark) 100%);\n border-radius: var(--eo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--eo-shadow-lg);\n}\n\n.eo-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.eo-disclaimer {\n font-size: 12px;\n color: var(--eo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .eo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .eo-card {\n padding: 1.125rem;\n }\n .eo-section {\n margin-bottom: 1.75rem;\n }\n .eo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--eo-radius-sm);\n }\n .eo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .eo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .eo-grid-compact {\n gap: .625rem;\n }\n .eo-grid-compact .eo-card {\n padding: .75rem;\n }\n .eo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .eo-timeline-content {\n padding: .875rem 1rem;\n }\n .eo-timeline-content h3 {\n font-size: 14px;\n }\n .eo-timeline-content p {\n font-size: 13px;\n }\n .eo-accordion-header {\n padding: .875rem 1rem;\n font-size: 13.5px;\n }\n .eo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .eo-testimonial {\n padding: 1.25rem;\n }\n .eo-testimonial-text {\n font-size: 13.5px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .eo-card {\n animation: eoFadeInUp .5s ease backwards;\n }\n .eo-card:nth-child(1) { animation-delay: .05s; }\n .eo-card:nth-child(2) { animation-delay: .1s; }\n .eo-card:nth-child(3) { animation-delay: .15s; }\n .eo-card:nth-child(4) { animation-delay: .2s; }\n .eo-card:nth-child(5) { animation-delay: .25s; }\n .eo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes eoFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .eo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45888707231901,"sku":"NBAISEN0006","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-bio-eolesens-parfum-ocean-lifestyle_23e33de0-7284-47ec-9a50-e4885c7366ae.webp?v=1776441499"},{"product_id":"deodorant-bio-eolesens-nuage","title":"Déodorant Bio - Eolesens - Parfum Nuage","description":"\u003cdiv class=\"eol-premium\"\u003e\n \u003cdiv class=\"eol-hero\"\u003e\n \u003cdiv class=\"eol-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"eol-hero-content\"\u003e\n \u003cdiv class=\"eol-badges-top\"\u003e\n \u003cspan class=\"eol-badge\"\u003e☁️ Parfum Nuage\u003c\/span\u003e\n \u003cspan class=\"eol-badge\"\u003e🌿 Aloe Vera Bio\u003c\/span\u003e\n \u003cspan class=\"eol-badge\"\u003e💎 Pierre d'Alun\u003c\/span\u003e\n \u003cspan class=\"eol-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"eol-hero-title\"\u003eDéodorant Bio Eolesens Nuage\u003c\/span\u003e\n \u003cp class=\"eol-subtitle\"\u003eRoll-on naturel, frais et hydratant\u003c\/p\u003e\n \u003cp class=\"eol-description\"\u003eEnvie d'un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte votre peau et l'environnement ? Le Déodorant Bio Eolesens Parfum Nuage vous offre une protection douce et durable grâce à une formule alliant \u003cstrong\u003epierre d'alun\u003c\/strong\u003e et \u003cstrong\u003ealoe vera bio\u003c\/strong\u003e. Un roll-on frais, hydratant et sans compromis, idéal pour accompagner vos journées, même les plus actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eUn déodorant bio pensé pour toutes les peaux\u003c\/h2\u003e\n \u003cp class=\"eol-section-intro\"\u003eFormulé sans sels d'aluminium, sans alcool et sans parabènes, ce \u003cstrong\u003edéodorant bio\u003c\/strong\u003e convient aux peaux sensibles comme aux plus réactives. La \u003cstrong\u003epierre d'alun naturelle\u003c\/strong\u003e aide à neutraliser les bactéries responsables des mauvaises odeurs, tandis que l'\u003cstrong\u003ealoe vera bio\u003c\/strong\u003e apporte douceur et hydratation sous les aisselles. Son parfum \"Nuage\", léger et cotonneux, enveloppe la peau d'une fraîcheur discrète, parfaite pour un usage quotidien.\u003c\/p\u003e\n \u003cdiv class=\"eol-grid\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Unisexe \u0026amp; familial\u003c\/h3\u003e\n \u003cp\u003eUn roll-on mixte qui s'adapte à toute la famille, pour homme comme pour femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e💧 Texture fluide\u003c\/h3\u003e\n \u003cp\u003eSèche rapidement sans laisser de traces blanches ni sensation collante sur les vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e☁️ Parfum cotonneux\u003c\/h3\u003e\n \u003cp\u003eUne fragrance Nuage légère et enveloppante, pour une fraîcheur discrète toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003ePourquoi choisir un déodorant naturel et efficace ?\u003c\/h2\u003e\n \u003cp class=\"eol-section-intro\"\u003eBeaucoup se demandent s'il est possible de trouver un déodorant naturel et efficace sans recourir aux sels d'aluminium ou au bicarbonate souvent irritant. La réponse est oui : grâce à la \u003cstrong\u003epierre d'alun\u003c\/strong\u003e, reconnue depuis l'Antiquité pour ses propriétés assainissantes, Eolesens propose une alternative saine, respectueuse de la flore cutanée et du processus naturel de transpiration.\u003c\/p\u003e\n \u003cdiv class=\"eol-grid-compact\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🚫 Sans aluminium\u003c\/h3\u003e\n \u003cp\u003eSans chlorhydrate d'aluminium ni alcool\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌿 Actifs naturels\u003c\/h3\u003e\n \u003cp\u003eHydratants et respectueux de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon en plastique recyclé à 50 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans une démarche durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e✈️ Format nomade\u003c\/h3\u003e\n \u003cp\u003e50 ml, idéal à emporter partout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule douce validée pour tous\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"eol-testimonial\"\u003e\n \u003cp class=\"eol-testimonial-text\"\u003eAqua, Potassium Alum, Glycerin, \u003cem\u003eAloe Barbadensis\u003c\/em\u003e Leaf Juice*, Caprylyl\/Capryl Glucoside, Sodium Benzoate, Potassium Sorbate, Parfum, Xanthan Gum, Citric Acid.\u003cbr\u003e\u003cbr\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"eol-section-intro\" style=\"margin-top:1.5rem;\"\u003eUne formule \u003cstrong\u003ecourte et transparente\u003c\/strong\u003e, où chaque ingrédient a une utilité précise : la pierre d'alun pour l'efficacité, l'aloe vera pour l'hydratation, la glycérine végétale pour le confort.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"eol-timeline\"\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez légèrement le roll-on avant chaque utilisation pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en fine couche\u003c\/h3\u003e\n \u003cp\u003eSur les aisselles propres et sèches, le matin ou après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eQuelques secondes suffisent avant de vous habiller. Renouvelez si besoin en journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-tip\"\u003e\n \u003cspan class=\"eol-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour une efficacité optimale, épilez-vous la veille plutôt que le jour même, afin d'éviter toute sensation d'inconfort sur une peau fraîchement rasée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eVos interrogations, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"eol-accordion\"\u003e\n \u003cdetails class=\"eol-accordion-item\"\u003e\n \u003csummary class=\"eol-accordion-header\"\u003e💎 La pierre d'alun est-elle sûre ?\u003c\/summary\u003e\n \u003cdiv class=\"eol-accordion-content mt-3\"\u003e\n \u003cp\u003eLa pierre d'alun naturelle (potassium alum) ne pénètre pas dans la peau et agit uniquement en surface pour limiter la prolifération bactérienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"eol-accordion-item\"\u003e\n \u003csummary class=\"eol-accordion-header\"\u003e💦 Ce déodorant empêche-t-il de transpirer ?\u003c\/summary\u003e\n \u003cdiv class=\"eol-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, il n'est pas antitranspirant. Il respecte le mécanisme naturel de transpiration tout en évitant les odeurs, ce qui est essentiel pour la santé de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"eol-accordion-item\"\u003e\n \u003csummary class=\"eol-accordion-header\"\u003e👨 Convient-il aux hommes ?\u003c\/summary\u003e\n \u003cdiv class=\"eol-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. Sa fragrance légère et mixte en fait un excellent \u003cstrong\u003edéodorant homme naturel\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"eol-cta-box\"\u003e\n \u003cp\u003e☁️ Offrez à votre peau une protection \u003cstrong\u003edouce, naturelle et efficace\u003c\/strong\u003e, tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"eol-disclaimer\"\u003eCe produit est un cosmétique d'hygiène et ne remplace pas un avis médical. En cas d'irritation ou de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --eol-cream: #f4fafd;\n --eol-white: #ffffff;\n --eol-primary: #5fb8d4;\n --eol-primary-dark: #2a7a95;\n --eol-primary-light: #e3f2f8;\n --eol-secondary: #8dd4b9;\n --eol-accent: #b8e0ec;\n --eol-text: #1a2e38;\n --eol-text-light: #5a6a72;\n --eol-border: #dbeaf0;\n --eol-shadow: 0 4px 24px rgba(42,122,149,.08);\n --eol-shadow-lg: 0 12px 48px rgba(42,122,149,.18);\n --eol-radius: 20px;\n --eol-radius-sm: 12px;\n }\n\n .eol-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--eol-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--eol-text);\n line-height: 1.6;\n }\n\n .eol-hero {\n position: relative;\n background: linear-gradient(135deg, #7fc8e0 0%, #5fb8d4 50%, #b8e0ec 100%);\n border-radius: var(--eol-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--eol-shadow-lg);\n }\n\n .eol-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, white 1px, transparent 2px),\n radial-gradient(circle at 80% 70%, white 1.5px, transparent 2px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\n background-size: 80px 80px, 120px 120px, 60px 60px;\n opacity: .12;\n }\n\n .eol-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .eol-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\n }\n\n .eol-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n }\n\n .eol-description {\n color: white;\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n opacity: .97;\n }\n\n .eol-description strong {\n color: white;\n font-weight: 700;\n }\n\n .eol-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .eol-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--eol-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .eol-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .eol-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .eol-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--eol-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n }\n\n .eol-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--eol-primary), var(--eol-secondary));\n border-radius: 2px;\n }\n\n .eol-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eol-text-light);\n margin-bottom: 1.75rem;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n }\n\n .eol-section-intro strong {\n color: var(--eol-primary-dark);\n }\n\n .eol-card {\n background: var(--eol-white);\n border-radius: var(--eol-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--eol-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .eol-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--eol-shadow-lg);\n border-color: var(--eol-primary);\n }\n\n .eol-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--eol-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .eol-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--eol-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .eol-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .eol-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n }\n\n .eol-grid-compact .eol-card {\n padding: 1rem;\n }\n\n .eol-grid-compact .eol-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .eol-grid-compact .eol-card p {\n font-size: 12px;\n }\n\n .eol-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .eol-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .eol-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--eol-primary), var(--eol-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(95,184,212,.3);\n }\n\n .eol-timeline-content {\n flex: 1;\n background: var(--eol-white);\n padding: 1rem 1.25rem;\n border-radius: var(--eol-radius-sm);\n box-shadow: var(--eol-shadow);\n }\n\n .eol-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--eol-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .eol-timeline-content p {\n font-size: 14px;\n color: var(--eol-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .eol-testimonial {\n background: var(--eol-white);\n border-radius: var(--eol-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--eol-shadow);\n border-left: 4px solid var(--eol-primary);\n }\n\n .eol-testimonial-text {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--eol-text);\n line-height: 1.9;\n margin: 0;\n font-family: 'Courier New', monospace;\n letter-spacing: .01em;\n }\n\n .eol-testimonial-text em {\n color: var(--eol-primary-dark);\n }\n\n .eol-accordion {\n background: var(--eol-white);\n border-radius: var(--eol-radius);\n box-shadow: var(--eol-shadow);\n overflow: hidden;\n }\n\n .eol-accordion-item {\n border-bottom: 1px solid var(--eol-border);\n margin: 0;\n padding: 0;\n }\n\n .eol-accordion-item:last-child {\n border-bottom: none;\n }\n\n .eol-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--eol-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n }\n\n .eol-accordion-header:hover {\n background: var(--eol-primary-light);\n }\n\n .eol-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .eol-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--eol-primary);\n transition: transform .2s ease;\n }\n\n .eol-accordion-item[open] .eol-accordion-header::after {\n content: '−';\n }\n\n .eol-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--eol-text-light);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .eol-accordion-content p {\n margin: 0;\n }\n\n .eol-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--eol-primary-light);\n border-radius: var(--eol-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--eol-secondary);\n }\n\n .eol-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .eol-tip p {\n font-size: 14px;\n color: var(--eol-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .eol-cta-box {\n background: linear-gradient(135deg, var(--eol-primary) 0%, var(--eol-primary-dark) 100%);\n border-radius: var(--eol-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .eol-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n }\n\n .eol-disclaimer {\n font-size: 12px;\n color: var(--eol-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n }\n\n @media (max-width: 767px) {\n .eol-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .eol-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .eol-grid-compact .eol-card {\n padding: .75rem;\n }\n\n .eol-card {\n padding: 1.125rem;\n }\n\n .eol-section {\n margin-bottom: 1.75rem;\n }\n\n .eol-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--eol-radius-sm);\n }\n\n .eol-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .eol-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .eol-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .eol-timeline-content {\n padding: .875rem 1rem;\n }\n\n .eol-timeline-content h3 {\n font-size: 14px;\n }\n\n .eol-timeline-content p {\n font-size: 13px;\n }\n\n .eol-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .eol-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .eol-testimonial {\n padding: 1.25rem;\n }\n\n .eol-testimonial-text {\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .eol-card {\n animation: fadeInUp .5s ease backwards;\n }\n .eol-card:nth-child(1) { animation-delay: .05s; }\n .eol-card:nth-child(2) { animation-delay: .1s; }\n .eol-card:nth-child(3) { animation-delay: .15s; }\n .eol-card:nth-child(4) { animation-delay: .2s; }\n .eol-card:nth-child(5) { animation-delay: .25s; }\n .eol-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .eol-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45888707395741,"sku":"NBAISEN0007","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-bio-eolesens-parfum-nuage-packshothd.webp?v=1776441672"},{"product_id":"deodorant-mangue-citrus-45g-najel","title":"Déodorant Solide Baume bio \u0026 vegan - Mangue Citrus - Najel","description":"\u003cdiv class=\"nj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nj-hero\"\u003e\n \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nj-hero-content\"\u003e\n \u003cdiv class=\"nj-badges-top\"\u003e\n \u003cspan class=\"nj-badge\"\u003e🍋 Mangue Citrus\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🐰 100 % Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nj-hero-title\"\u003eDéodorant solide baume bio \u0026amp; vegan\u003c\/span\u003e\n \u003cp class=\"nj-subtitle\"\u003eNajel — 45 g\u003c\/p\u003e\n \u003cp class=\"nj-description\"\u003eFraîcheur naturelle longue durée dans une texture baume fondante au parfum gourmand mangue et agrumes. 100 % d'origine naturelle, sans sels d'aluminium ni conservateurs de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eDéodorant solide bio Mangue Citrus Najel : fraîcheur naturelle et protection longue durée\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant solide naturel\u003c\/strong\u003e qui allie efficacité, douceur et parfum gourmand ? Le \u003cstrong\u003edéodorant solide baume bio Mangue Citrus de Najel\u003c\/strong\u003e vous offre une protection fiable contre les odeurs, dans une formule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et \u003cstrong\u003e100 % vegan\u003c\/strong\u003e. Fabriqué en France, ce soin quotidien respecte votre peau autant que la planète.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eFormule d'origine entièrement naturelle, sans ingrédient controversé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🛡️ Protection longue durée\u003c\/h3\u003e\n \u003cp\u003eNeutralise les odeurs efficacement tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmos Organic vérifié par un organisme indépendant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; éthique\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient animal, non testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eUne texture baume fondante, facile à appliquer\u003c\/h2\u003e\n \u003cdiv class=\"nj-testimonial\"\u003e\n \u003cp class=\"nj-testimonial-text\"\u003eContrairement à certains déodorants solides qui laissent des résidus ou tirent sur la peau, celui-ci possède une \u003cstrong\u003etexture baume onctueuse\u003c\/strong\u003e qui fond instantanément au contact de la chaleur corporelle. Il suffit de prélever une petite quantité du bout des doigts et de l'appliquer sur des aisselles propres et sèches. Le geste est rapide, agréable, et le produit pénètre sans laisser de sensation grasse ni de traces sur les vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eUn parfum mangue et agrumes frais et délicat\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eCe \u003cstrong\u003edéodorant bio solide\u003c\/strong\u003e se distingue par sa fragrance naturelle alliant la douceur sucrée de la \u003cstrong\u003emangue\u003c\/strong\u003e à la vivacité des \u003cstrong\u003eagrumes\u003c\/strong\u003e. Le résultat : une note fruitée subtile qui accompagne votre journée sans être envahissante.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🥭 Mangue\u003c\/h3\u003e\n \u003cp\u003eDouceur sucrée et gourmande, enveloppante et réconfortante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🍋 Agrumes\u003c\/h3\u003e\n \u003cp\u003eVivacité fraîche du citron et de l'orange pour une énergie naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌸 Subtil \u0026amp; mixte\u003c\/h3\u003e\n \u003cp\u003eUn parfum fruité délicat qui convient aussi bien aux femmes qu'aux hommes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eChaque ingrédient a été sélectionné pour son rôle précis dans la formule :\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🥭 Beurre de mangue bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et protège la peau fragile des aisselles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003ePropriétés antibactériennes naturelles qui limitent le développement des bactéries responsables des mauvaises odeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧂 Bicarbonate de sodium\u003c\/h3\u003e\n \u003cp\u003eNeutralise efficacement les odeurs tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'excès d'humidité pour une sensation de peau sèche et confortable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🍊 Huiles essentielles d'agrumes\u003c\/h3\u003e\n \u003cp\u003eCitron et orange apportent fraîcheur et notes parfumées naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌻 Cire de tournesol\u003c\/h3\u003e\n \u003cp\u003eAssure la tenue du baume et facilite l'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans sels d'aluminium, sans alcool, sans parabène, sans conservateur de synthèse.\u003c\/strong\u003e\u003cbr\u003eContenance : \u003cstrong\u003e45 g\u003c\/strong\u003e — un format compact qui dure plusieurs semaines d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant solide bio plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✅ Certifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eUn gage de qualité et de transparence vérifié par un organisme indépendant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, non testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eUn savoir-faire artisanal et un circuit court\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e♻️ Emballage en verre recyclable\u003c\/h3\u003e\n \u003cp\u003eUne démarche zéro déchet cohérente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🤍 Convient aux peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eTexture douce, ingrédients apaisants, sans irritants agressifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eConseils d'utilisation pour une efficacité optimale\u003c\/h2\u003e\n \u003cdiv class=\"nj-timeline\"\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eDouche \u0026amp; séchage\u003c\/h3\u003e\n \u003cp\u003eAppliquez chaque matin après votre douche, sur une peau parfaitement propre et sèche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003ePrélèvement\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de baume du bout des doigts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement sous chaque aisselle — le baume fond instantanément au contact de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous débutez avec un déodorant naturel, accordez à votre corps une \u003cstrong\u003epériode d'adaptation de quelques jours\u003c\/strong\u003e : c'est normal et tout à fait passager. Par temps très chaud, conservez le baume dans un endroit frais pour préserver sa texture idéale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement Najel\u003c\/h2\u003e\n \u003cdiv class=\"nj-cta-box\"\u003e\n \u003cp\u003eDepuis plus de \u003cstrong\u003e100 ans\u003c\/strong\u003e, la maison Najel perpétue un savoir-faire artisanal centré sur des \u003cstrong\u003ecosmétiques naturels\u003c\/strong\u003e de qualité. Chaque produit est formulé avec exigence, dans le respect de la peau et de l'environnement. Ce déodorant solide bio incarne une hygiène quotidienne \u003cstrong\u003esaine, efficace et responsable\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nj-cream: #fef9f0;\n --nj-white: #ffffff;\n --nj-primary: #f0a500;\n --nj-primary-dark: #c47d00;\n --nj-primary-light: #fff5e0;\n --nj-secondary: #e8721a;\n --nj-accent: #2d2d2d;\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n --nj-border: #e8e0d4;\n --nj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #f0a500 0%, #e8721a 50%, #c47d00 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: 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 repeating-conic-gradient(rgba(255,255,255,.02) 0% 25%, transparent 0% 50%) 0 0\/60px 60px;\n opacity: .6;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.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.nj-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nj-testimonial {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nj-shadow);\n border-left: 4px solid var(--nj-primary);\n}\n\n.nj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.nj-cta-box {\n background: linear-gradient(135deg, var(--nj-primary) 0%, var(--nj-primary-dark) 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nj-card {\n padding: 1.125rem;\n }\n\n .nj-section {\n margin-bottom: 1.75rem;\n }\n\n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n\n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nj-grid-compact {\n gap: .625rem;\n }\n\n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n\n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nj-timeline-content h3 {\n font-size: 14px;\n }\n\n .nj-timeline-content p {\n font-size: 13px;\n }\n\n .nj-testimonial {\n padding: 1.25rem;\n }\n\n .nj-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54922386145657,"sku":"NJ0020","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-baume-bio-vegan-mangue-citrus-najel-lifestyle_34ffbc88-23df-4f44-a959-e27a580956e6.webp?v=1778079899"},{"product_id":"deodorant-the-vert-bio-50ml-coslys","title":"Déodorant - Thé vert bio - 50ml - Coslys","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Déodorant Soin Fraîcheur Thé Vert Bio - Coslys\nPalette détectée:\n - Primaire: #4CAF50 (vert vif du capuchon et des feuilles de thé vert)\n - Secondaire: #2E7D32 (vert foncé du bandeau \"COSLYS\")\n - Accent: #8BC34A (vert clair\/lime des badges \"48h\" et accents)\n - Fond packaging: blanc crème naturel\nAmbiance: Naturel\/Bio, fraîcheur végétale, clean beauty, éco-responsable, mixte\nPréfixe CSS: deo\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Formule naturelle, sans compromis\"\n 2. \"Actifs végétaux bienfaisants\"\n 3. \"Un parfum mixte et rafraîchissant\"\n 4. \"Engagé pour l'environnement\"\n 5. \"Conseils d'utilisation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"deo-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 99% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e⏱️ Protection 48h\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan \u0026amp; Cruelty Free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant soin fraîcheur au thé vert bio\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003eCoslys · 50 ml · Cosmos Organic\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003eUne fraîcheur naturelle longue durée, sans sels d'aluminium ni alcool. Sa formule enrichie en zinc neutralise les bactéries responsables des odeurs tout en respectant l'équilibre de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eFormule naturelle, sans compromis\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eCe déodorant roll-on se distingue par sa composition \u003cstrong\u003esans alcool ni sels d'aluminium\u003c\/strong\u003e (chlorhydrate d'aluminium), idéale pour les peaux sensibles. Il contient \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et 20 % issus de l'agriculture biologique, certifiés \u003cem\u003eCosmos Organic\u003c\/em\u003e et \u003cem\u003eCruelty Free\u003c\/em\u003e.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🚫 Sans aluminium\u003c\/h3\u003e\n \u003cp\u003e0 % de sels d'aluminium pour respecter votre peau au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧪 Sans alcool\u003c\/h3\u003e\n \u003cp\u003ePas d'alcool desséchant, convient aux peaux sensibles et réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌱 99 % naturel\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients d'origine naturelle pour une tolérance optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003e20 % d'ingrédients bio, certification reconnue internationalement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eActifs végétaux bienfaisants\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card deo-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate en profondeur, apaise les irritations et régénère la peau après le rasage ou l'épilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card deo-card-ingredient\"\u003e\n \u003ch3\u003e🍵 Thé vert bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses vertus anti-oxydantes et purifiantes, il protège la peau des agressions quotidiennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card deo-card-ingredient\"\u003e\n \u003ch3\u003e🔬 Zinc\u003c\/h3\u003e\n \u003cp\u003eActif antibactérien naturel qui neutralise les bactéries responsables des odeurs, sans provoquer d'irritation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUn parfum mixte et rafraîchissant\u003c\/h2\u003e\n \u003cdiv class=\"deo-testimonial\"\u003e\n \u003cp class=\"deo-testimonial-text\"\u003eSon \u003cstrong\u003eparfum 100 % naturel\u003c\/strong\u003e aux notes vertes et mentholées apporte une sensation de fraîcheur immédiate dès l'application. Frais, léger et délicat, il convient aussi bien aux femmes qu'aux hommes pour une utilisation quotidienne en toute saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-tip\"\u003e\n \u003cspan class=\"deo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eGrâce à son format roll-on compact de 50 ml, il se glisse facilement dans votre sac pour une retouche fraîcheur à tout moment de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eEngagé pour l'environnement\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France avec un savoir-faire local et responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Flacon recyclé\u003c\/h3\u003e\n \u003cp\u003eConditionné dans un flacon recyclé et 100 % recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eFormule 100 % vegan, sans aucun test sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌍 Éthique\u003c\/h3\u003e\n \u003cp\u003eDémarche éco-responsable à chaque étape de la fabrication\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\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\u003eBien agiter\u003c\/h3\u003e\n \u003cp\u003eSecouez le flacon avant chaque utilisation pour homogénéiser les actifs naturels.\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\u003ePeau propre et sèche\u003c\/h3\u003e\n \u003cp\u003eAppliquez de préférence après la toilette, sur des aisselles parfaitement propres et sèches.\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\u003eAppliquer le roll-on\u003c\/h3\u003e\n \u003cp\u003eFaites rouler la bille sur chaque aisselle en effectuant quelques allers-retours. Laissez sécher quelques instants avant de vous habiller.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"deo-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez une protection naturelle 48h sans compromis.\u003cbr\u003eFraîcheur, douceur et engagement éco-responsable dans un seul geste quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003eCosmétique certifié Cosmos Organic. Usage externe uniquement. Éviter le contact avec les yeux. En cas d'irritation, cesser l'utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --deo-cream: #f4f8f0;\n --deo-white: #ffffff;\n --deo-primary: #4CAF50;\n --deo-primary-dark: #2E7D32;\n --deo-primary-light: #e8f5e9;\n --deo-secondary: #66BB6A;\n --deo-accent: #8BC34A;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #dce8d8;\n --deo-shadow: 0 4px 24px rgba(46,125,50,.08);\n --deo-shadow-lg: 0 12px 48px rgba(46,125,50,.15);\n --deo-radius: 20px;\n --deo-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #2E7D32 0%, #43A047 40%, #66BB6A 75%, #8BC34A 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,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\n opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\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 line-height: 1.1;\n}\n\n.deo-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.deo-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.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\/* === SECTIONS === *\/\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\/* === SECTION INTRO === *\/\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: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.deo-section-intro strong {\n color: var(--deo-primary-dark);\n}\n\n\/* === CARDS === *\/\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\/* === INGREDIENT CARD VARIANT === *\/\n.deo-card-ingredient {\n border-top: 4px solid var(--deo-primary);\n}\n\n.deo-card-ingredient:hover {\n border-top-color: var(--deo-accent);\n}\n\n\/* === GRILLES === *\/\n.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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\/* === TIMELINE === *\/\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-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.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\/* === TESTIMONIAL === *\/\n.deo-testimonial {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--deo-shadow);\n border-left: 4px solid var(--deo-primary);\n}\n\n.deo-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.deo-testimonial-text strong {\n color: var(--deo-primary-dark);\n font-style: normal;\n}\n\n\/* === TIP BOX === *\/\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\/* === CTA FINAL === *\/\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\/* === DISCLAIMER === *\/\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\/* === RESPONSIVE MOBILE === *\/\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-testimonial {\n padding: 1.25rem;\n }\n\n .deo-testimonial-text {\n font-size: 14px;\n }\n\n .deo-tip {\n padding: .875rem 1rem;\n }\n\n .deo-tip-icon {\n font-size: 20px;\n }\n\n .deo-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .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 .deo-timeline-item {\n animation: deoFadeInUp .5s ease backwards;\n }\n .deo-timeline-item:nth-child(1) { animation-delay: .05s; }\n .deo-timeline-item:nth-child(2) { animation-delay: .15s; }\n .deo-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes deoFadeInUp {\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 .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":55084067979641,"sku":"CS0220","price":4.97,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-the-vert-bio-50ml-coslys-lifestyle_04daacf1-b79f-4677-9042-19ca41971cbf.webp?v=1770371537"},{"product_id":"deodorant-lotus-bio-50ml-coslys","title":"Déodorant - Lotus bio - 50m - Coslys","description":"\u003cdiv class=\"deo-premium\"\u003e\n\u003c!-- HERO --\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🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"deo-badge\"\u003e⏱️ Efficacité 48h\u003c\/span\u003e \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"deo-hero-title\"\u003eDéodorant soin protecteur au lotus bio\u003c\/span\u003e\n\u003cp class=\"deo-subtitle\"\u003eCoslys 50 ml\u003c\/p\u003e\n\u003cp class=\"deo-description\"\u003eLa solution idéale pour une efficacité longue durée sans compromis sur la naturalité. Sa formule riche en pierre d'alun et en actifs protecteurs d'origine naturelle neutralise les mauvaises odeurs pendant 48 heures tout en respectant votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eUn soin doux enrichi en lotus bio français\u003c\/h2\u003e\n\u003cdiv class=\"deo-grid\"\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🪷 Extrait de lotus bio\u003c\/h3\u003e\n\u003cp\u003eLa fleur de lotus bio française apaise et hydrate la peau en profondeur, préservant son équilibre naturel au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🛡️ Pierre d'alun naturelle\u003c\/h3\u003e\n\u003cp\u003eActif protecteur reconnu, elle neutralise efficacement les bactéries responsables des mauvaises odeurs pendant 48 heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌸 Parfum floral délicat\u003c\/h3\u003e\n\u003cp\u003eUn parfum 100% d'origine naturelle aux notes florales subtiles qui respecte même les peaux les plus sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eFormule clean, respectueuse de la peau et de la planète\u003c\/h2\u003e\n\u003cdiv class=\"deo-grid-compact\"\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌱 99,9% naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌾 38% bio\u003c\/h3\u003e\n\u003cp\u003eIssus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🚫 Sans aluminium\u003c\/h3\u003e\n\u003cp\u003eSans chlorhydrate d'aluminium ni alcool\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-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=\"deo-card\"\u003e\n\u003ch3\u003e✅ Certifié\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n\u003cp\u003eFlacon recyclé et recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eUn parfum mixte et naturel\u003c\/h2\u003e\n\u003cdiv class=\"deo-testimonial\"\u003e\n\u003cp class=\"deo-testimonial-text\"\u003e\"Grâce à son parfum doux et floral, ce déodorant convient aussi bien aux femmes qu'aux hommes. Sa texture légère ne laisse aucun résidu et offre une sensation de fraîcheur immédiate dès l'application.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\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\u003eBien agiter\u003c\/h3\u003e\n\u003cp\u003eAgitez le flacon avant chaque utilisation pour réactiver les actifs naturels.\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\u003eAppliquer sur peau propre\u003c\/h3\u003e\n\u003cp\u003eAppliquez le roll-on sur une peau propre et sèche, idéalement après la douche.\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\u003eProfiter de 48h de fraîcheur\u003c\/h3\u003e\n\u003cp\u003eLaissez sécher quelques instants et profitez d'une protection longue durée toute la journée.\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\u003eNe pas utiliser sur une peau irritée ou lésée. En cas de contact avec les yeux, rincer abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"deo-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"deo-cta-box\"\u003e\n\u003cp\u003e🌿 99,9% naturel · 🐰 Vegan · 🇫🇷 Made in France\u003cbr\u003eOffrez à votre peau une protection douce et certifiée bio, pendant 48 heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"deo-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Produit certifié Cosmos Organic par Ecocert.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --deo-cream: #f6faf4;\n --deo-white: #ffffff;\n --deo-primary: #5A9E3E;\n --deo-primary-dark: #3B6E28;\n --deo-primary-light: #eaf5e4;\n --deo-secondary: #E8A0B5;\n --deo-accent: #d4789a;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e0e0e0;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --deo-radius: 20px;\n --deo-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, var(--deo-primary-dark) 0%, var(--deo-primary) 50%, #8bc66b 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(232,160,181,.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.deo-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\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\/* === SECTIONS === *\/\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-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\n.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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\/* === TIMELINE === *\/\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\/* === TESTIMONIAL === *\/\n.deo-testimonial {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--deo-shadow);\n border-left: 4px solid var(--deo-secondary);\n}\n\n.deo-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\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\/* === CTA FINAL === *\/\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\/* === DISCLAIMER === *\/\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\/* === RESPONSIVE MOBILE === *\/\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-testimonial {\n padding: 1.25rem;\n }\n\n .deo-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .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 deoFadeInUp {\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 .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":55084168348025,"sku":"CS0225","price":6.07,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-lotus-bio-50ml-coslys-lifestyle.webp?v=1770627827"},{"product_id":"deovert-tonic-100-ml-laboratoire-saint-come","title":"Déovert Tonic - déodorant naturel 100 ml - Laboratoire Saint Côme","description":"\u003cdiv class=\"dvt-premium\"\u003e\n \u003cdiv class=\"dvt-hero\"\u003e\n \u003cdiv class=\"dvt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dvt-hero-content\"\u003e\n \u003cdiv class=\"dvt-badges-top\"\u003e\n \u003cspan class=\"dvt-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"dvt-badge\"\u003e🚫 Sans aluminium\u003c\/span\u003e\n \u003cspan class=\"dvt-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dvt-hero-title\"\u003eDéovert Tonic\u003c\/span\u003e\n \u003cp class=\"dvt-subtitle\"\u003eDéodorant naturel aux 9 huiles essentielles bio — 100 ml\u003c\/p\u003e\n \u003cp class=\"dvt-description\"\u003eAvec \u003cstrong\u003eDéovert Tonic\u003c\/strong\u003e du Laboratoire Saint Côme, vous adoptez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte votre peau et son équilibre. Sa formule, enrichie de \u003cstrong\u003e9 huiles essentielles 100% pures et naturelles\u003c\/strong\u003e, neutralise les mauvaises odeurs sans bloquer la transpiration, ce processus vital pour réguler la température du corps. Une vraie alternative saine aux déodorants classiques contenant aluminium et parabènes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"dvt-section\"\u003e\n \u003ch2\u003eUn déodorant biologique aux vertus toniques\u003c\/h2\u003e\n \u003cp class=\"dvt-section-intro\"\u003eLe secret de Déovert Tonic ? Une synergie d'huiles essentielles soigneusement sélectionnées pour leur fraîcheur et leur action purifiante. Vous profitez d'un parfum subtil, hespéridé et boisé, qui s'estompe en douceur pour laisser place à votre fragrance naturelle. Idéal aussi bien comme \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e que pour femme, il convient à toute la famille (adultes et adolescents).\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dvt-section\"\u003e\n \u003ch2\u003eComposition : 9 huiles essentielles bio\u003c\/h2\u003e\n \u003cdiv class=\"dvt-grid\"\u003e\n \u003cdiv class=\"dvt-card\"\u003e\n \u003ch3\u003e🍊 Zeste d'orange douce\u003c\/h3\u003e\n \u003cp\u003eNote fraîche et fruitée, apaisante pour la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-card\"\u003e\n \u003ch3\u003e🍋 Zeste de citron\u003c\/h3\u003e\n \u003cp\u003eAntibactérien naturel qui limite la prolifération microbienne responsable des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-card\"\u003e\n \u003ch3\u003e💜 Fleur de lavandin\u003c\/h3\u003e\n \u003cp\u003eParfum floral relaxant et action assainissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-card\"\u003e\n \u003ch3\u003e🌿 Feuille d'arbre à thé (tea tree)\u003c\/h3\u003e\n \u003cp\u003eAntiseptique reconnu, il purifie la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-card\"\u003e\n \u003ch3\u003e🕊️ Résine d'encens\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux sensibles en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-card\"\u003e\n \u003ch3\u003e✨ Résine de myrrhe\u003c\/h3\u003e\n \u003cp\u003eProtectrice, elle soutient le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-card\"\u003e\n \u003ch3\u003e🍈 Zeste de pamplemousse\u003c\/h3\u003e\n \u003cp\u003eTonifiant, il prolonge la sensation de fraîcheur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-card\"\u003e\n \u003ch3\u003e🌲 Aiguille de pin\u003c\/h3\u003e\n \u003cp\u003eNote boisée et résineuse, purifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-card\"\u003e\n \u003ch3\u003e🪵 Bois de cèdre\u003c\/h3\u003e\n \u003cp\u003eApaisant et délicatement parfumé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-tip\"\u003e\n \u003cspan class=\"dvt-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003eS'ajoutent à cette synergie : du \u003cstrong\u003ecitrate d'éthyle\u003c\/strong\u003e (dérivé d'acide citrique) qui neutralise les odeurs à la source, de la \u003cstrong\u003evitamine E\u003c\/strong\u003e antioxydante qui protège l'épiderme, et de l'\u003cstrong\u003ealcool d'origine végétale\u003c\/strong\u003e à action assainissante. \u003cstrong\u003eSans aluminium, sans parabènes, sans sels d'aluminium, sans bicarbonate.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dvt-section\"\u003e\n \u003ch2\u003eComment utiliser Déovert Tonic ?\u003c\/h2\u003e\n \u003cdiv class=\"dvt-timeline\"\u003e\n \u003cdiv class=\"dvt-timeline-item\"\u003e\n \u003cdiv class=\"dvt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dvt-timeline-content\"\u003e\n \u003ch3\u003ePulvérisez\u003c\/h3\u003e\n \u003cp\u003e2 à 3 fois sous chaque aisselle, sur une peau propre et sèche, de préférence après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-timeline-item\"\u003e\n \u003cdiv class=\"dvt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dvt-timeline-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eQuelques secondes suffisent avant de vous habiller.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-timeline-item\"\u003e\n \u003cdiv class=\"dvt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dvt-timeline-content\"\u003e\n \u003ch3\u003ePrécautions\u003c\/h3\u003e\n \u003cp\u003eÉvitez l'application sur une peau irritée ou juste après le rasage ou l'épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-timeline-item\"\u003e\n \u003cdiv class=\"dvt-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"dvt-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eEn journée : le flacon de 100 ml vous accompagne plusieurs mois grâce à sa formule concentrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-tip\"\u003e\n \u003cspan class=\"dvt-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e vaporisé à l'intérieur des baskets, il fait aussi office de \u003cstrong\u003edéodorant naturel pour chaussures\u003c\/strong\u003e, neutralisant efficacement les odeurs tenaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dvt-section\"\u003e\n \u003ch2\u003ePourquoi choisir un déodorant naturel et efficace ?\u003c\/h2\u003e\n \u003cdiv class=\"dvt-grid-compact\"\u003e\n \u003cdiv class=\"dvt-card\"\u003e\n \u003ch3\u003e🌱 Respect du corps\u003c\/h3\u003e\n \u003cp\u003eLa transpiration est un mécanisme essentiel. Déovert Tonic agit sur les odeurs, pas sur la sudation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-card\"\u003e\n \u003ch3\u003e🤍 Tolérance cutanée\u003c\/h3\u003e\n \u003cp\u003eTesté sous contrôle dermatologique, il convient aux peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-card\"\u003e\n \u003ch3\u003e🌍 Geste écologique\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle, formulation propre, fabrication française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvt-card\"\u003e\n \u003ch3\u003e⏱️ Longue durée\u003c\/h3\u003e\n \u003cp\u003eLa synergie d'huiles essentielles assure une fraîcheur qui dure toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dvt-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"dvt-accordion\"\u003e\n \u003cdetails class=\"dvt-accordion-item\"\u003e\n \u003csummary class=\"dvt-accordion-header\"\u003e💧 Déovert Tonic remplace-t-il un anti-transpirant ?\u003c\/summary\u003e\n \u003cdiv class=\"dvt-accordion-content mt-3\"\u003e\n \u003cp\u003eNon. Contrairement à un anti-transpirant, ce \u003cstrong\u003edéodorant biologique\u003c\/strong\u003e ne bouche pas les pores : il neutralise les odeurs tout en laissant la peau respirer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dvt-accordion-item\"\u003e\n \u003csummary class=\"dvt-accordion-header\"\u003e👨 Convient-il aux hommes ?\u003c\/summary\u003e\n \u003cdiv class=\"dvt-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa fragrance fraîche et boisée en fait un excellent \u003cstrong\u003edéodorant homme naturel\u003c\/strong\u003e, mixte et adapté à toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dvt-accordion-item\"\u003e\n \u003csummary class=\"dvt-accordion-header\"\u003e📅 Combien de temps dure un flacon ?\u003c\/summary\u003e\n \u003cdiv class=\"dvt-accordion-content mt-3\"\u003e\n \u003cp\u003eAvec quelques pulvérisations par jour, le flacon de 100 ml dure en moyenne \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dvt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dvt-cta-box\"\u003e\n \u003cp\u003eAdoptez Déovert Tonic : la fraîcheur naturelle qui respecte votre peau, jour après jour. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"dvt-disclaimer\"\u003eDéovert Tonic est un produit cosmétique. Il ne se substitue pas à un avis ou un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --dvt-cream: #f4f7f2;\n --dvt-white: #ffffff;\n --dvt-primary: #5a8a4a;\n --dvt-primary-dark: #2d4a2a;\n --dvt-primary-light: #e6efe1;\n --dvt-secondary: #c9a961;\n --dvt-accent: #f4b942;\n --dvt-text: #1a1a1a;\n --dvt-text-light: #5a5a5a;\n --dvt-border: #d8e0d2;\n --dvt-shadow: 0 4px 24px rgba(45,74,42,.08);\n --dvt-shadow-lg: 0 12px 48px rgba(45,74,42,.18);\n --dvt-radius: 20px;\n --dvt-radius-sm: 12px;\n}\n\n.dvt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dvt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--dvt-text);\n}\n\n.dvt-hero {\n position: relative;\n background: linear-gradient(135deg, #2d4a2a 0%, #5a8a4a 50%, #8db876 100%);\n border-radius: var(--dvt-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(--dvt-shadow-lg);\n}\n\n.dvt-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(201,169,97,.25) 0%, transparent 45%);\n opacity: .6;\n}\n\n.dvt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dvt-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.dvt-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.dvt-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.dvt-description strong { color: white; }\n\n.dvt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dvt-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(--dvt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dvt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dvt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dvt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dvt-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.dvt-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(--dvt-primary), var(--dvt-secondary));\n border-radius: 2px;\n}\n\n.dvt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dvt-text-light);\n line-height: 1.7;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.dvt-section-intro strong { color: var(--dvt-primary-dark); }\n\n.dvt-card {\n background: var(--dvt-white);\n border-radius: var(--dvt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dvt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dvt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dvt-shadow-lg);\n border-color: var(--dvt-primary);\n}\n\n.dvt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dvt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dvt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dvt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dvt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.dvt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dvt-grid-compact .dvt-card { padding: 1rem; }\n.dvt-grid-compact .dvt-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.dvt-grid-compact .dvt-card p { font-size: 12px; }\n\n.dvt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dvt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dvt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dvt-primary), var(--dvt-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.dvt-timeline-content {\n flex: 1;\n background: var(--dvt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dvt-radius-sm);\n box-shadow: var(--dvt-shadow);\n}\n\n.dvt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dvt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dvt-timeline-content p {\n font-size: 14px;\n color: var(--dvt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.dvt-accordion {\n background: var(--dvt-white);\n border-radius: var(--dvt-radius);\n box-shadow: var(--dvt-shadow);\n overflow: hidden;\n}\n\n.dvt-accordion-item {\n border-bottom: 1px solid var(--dvt-border);\n margin: 0;\n padding: 0;\n}\n\n.dvt-accordion-item:last-child { border-bottom: none; }\n\n.dvt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dvt-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.dvt-accordion-header:hover { background: var(--dvt-primary-light); }\n.dvt-accordion-header::-webkit-details-marker { display: none; }\n\n.dvt-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--dvt-primary);\n transition: transform .2s ease;\n}\n\n.dvt-accordion-item[open] .dvt-accordion-header::after { content: '−'; }\n\n.dvt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dvt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dvt-accordion-content p { margin: 0; }\n.dvt-accordion-content strong { color: var(--dvt-primary-dark); }\n\n.dvt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dvt-primary-light);\n border-radius: var(--dvt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--dvt-primary);\n}\n\n.dvt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.2;\n}\n\n.dvt-tip p {\n font-size: 14px;\n color: var(--dvt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.dvt-tip p strong { color: var(--dvt-primary-dark); }\n\n.dvt-cta-box {\n background: linear-gradient(135deg, var(--dvt-primary) 0%, var(--dvt-primary-dark) 100%);\n border-radius: var(--dvt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--dvt-shadow-lg);\n}\n\n.dvt-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.dvt-disclaimer {\n font-size: 12px;\n color: var(--dvt-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .dvt-grid { grid-template-columns: 1fr; gap: 1rem; }\n .dvt-card { padding: 1.125rem; }\n .dvt-section { margin-bottom: 1.75rem; }\n .dvt-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--dvt-radius-sm); }\n .dvt-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .dvt-premium h2::after { width: 40px; height: 3px; }\n .dvt-grid-compact { gap: .625rem; }\n .dvt-grid-compact .dvt-card { padding: .75rem; }\n .dvt-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .dvt-timeline-content { padding: .875rem 1rem; }\n .dvt-timeline-content h3 { font-size: 14px; }\n .dvt-timeline-content p { font-size: 13px; }\n .dvt-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .dvt-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .dvt-card { animation: fadeInUp .5s ease backwards; }\n .dvt-card:nth-child(1) { animation-delay: .05s; }\n .dvt-card:nth-child(2) { animation-delay: .1s; }\n .dvt-card:nth-child(3) { animation-delay: .15s; }\n .dvt-card:nth-child(4) { animation-delay: .2s; }\n .dvt-card:nth-child(5) { animation-delay: .25s; }\n .dvt-card:nth-child(6) { animation-delay: .3s; }\n .dvt-card:nth-child(7) { animation-delay: .35s; }\n .dvt-card:nth-child(8) { animation-delay: .4s; }\n .dvt-card:nth-child(9) { animation-delay: .45s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dvt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE SAINT CÔME","offers":[{"title":"Default Title","offer_id":55202152448377,"sku":"SC8575","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deovert-tonic-deodorant-naturel-100-ml-laboratoire-saint-com-packshothd.webp?v=1789485703"},{"product_id":"deovert-hesperid-100-ml-laboratoire-saint-come","title":"Déovert Hespérid - déodorant naturel 100 ml - Laboratoire Saint Côme","description":"\u003cdiv class=\"dv-premium\"\u003e\n \u003cdiv class=\"dv-hero\"\u003e\n \u003cdiv class=\"dv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dv-hero-content\"\u003e\n \u003cdiv class=\"dv-badges-top\"\u003e\n \u003cspan class=\"dv-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"dv-badge\"\u003e🚫 Sans aluminium\u003c\/span\u003e\n \u003cspan class=\"dv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"dv-badge\"\u003e💦 500 pulvérisations\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dv-hero-title\"\u003eLa fraîcheur des agrumes, la douceur du naturel\u003c\/span\u003e\n \u003cp class=\"dv-subtitle\"\u003eDéodorant aux huiles essentielles pures et naturelles\u003c\/p\u003e\n \u003cp class=\"dv-description\"\u003eÀ la recherche d'un déodorant naturel et efficace qui respecte votre peau sans compromettre votre fraîcheur ? Le Déovert Hespérid du Laboratoire Saint Côme conjugue l'efficacité d'un déodorant performant à la douceur d'une formulation 100 % naturelle. Sans aluminium ni parabènes, il neutralise les mauvaises odeurs tout en laissant la peau respirer, grâce à un cocktail d'huiles essentielles aux notes fraîches et hespéridées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"dv-section\"\u003e\n \u003ch2\u003eUn déodorant bio aux huiles essentielles d'agrumes\u003c\/h2\u003e\n \u003cp class=\"dv-section-intro\"\u003eLa transpiration est un processus naturel et essentiel pour votre organisme. Plutôt que de la bloquer, le Déovert Hespérid agit intelligemment sur les \u003cstrong\u003ebactéries responsables des odeurs\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"dv-grid-compact\"\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e🍊 Notes hespéridées\u003c\/h3\u003e\n \u003cp\u003eUn parfum subtil aux agrumes, frais et raffiné\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e🌬️ Peau qui respire\u003c\/h3\u003e\n \u003cp\u003eAucun blocage de la transpiration naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e🧬 HE chémotypées\u003c\/h3\u003e\n \u003cp\u003eHuiles essentielles à chémotypes définis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e👫 Mixte\u003c\/h3\u003e\n \u003cp\u003eIdéal pour femmes et hommes, sans note sucrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dv-section\"\u003e\n \u003ch2\u003eComposition complète et bienfaits des ingrédients\u003c\/h2\u003e\n \u003cdiv class=\"dv-grid\"\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e🍊 Orange douce \u0026amp; Citron\u003c\/h3\u003e\n \u003cp\u003eRafraîchissantes et purifiantes, elles apportent une fraîcheur immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e💜 Lavandin\u003c\/h3\u003e\n \u003cp\u003eApaisant, il calme la peau après l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e🌾 Lemongrass\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés désodorisantes naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e🌿 Romarin\u003c\/h3\u003e\n \u003cp\u003eTonifiante et purifiante, elle revitalise la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e🌲 Pin \u0026amp; Cèdre\u003c\/h3\u003e\n \u003cp\u003eNotes boisées qui limitent la prolifération bactérienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e🍋 Pamplemousse\u003c\/h3\u003e\n \u003cp\u003eAcidulée et vivifiante, elle réveille les sens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e🌱 Alcool végétal de betterave\u003c\/h3\u003e\n \u003cp\u003eSéchage rapide, sans irritation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003eAntioxydant (Coviox T50) qui protège durablement la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e🧪 Citrate d'éthyle\u003c\/h3\u003e\n \u003cp\u003eGrade alimentaire, neutralise efficacement les odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"dv-disclaimer\"\u003e\u003cem\u003eINCI : Huiles essentielles de Cèdre, Citron, Lavandin, Lemongrass, Orange, Pamplemousse, Pin, Romarin, Ethylcitrate, Coviox T50, base parfum CRE\/02258, alcool végétal de betterave.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dv-section\"\u003e\n \u003ch2\u003eComment utiliser le déodorant Déovert Hespérid ?\u003c\/h2\u003e\n \u003cdiv class=\"dv-timeline\"\u003e\n \u003cdiv class=\"dv-timeline-item\"\u003e\n \u003cdiv class=\"dv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dv-timeline-content\"\u003e\n \u003ch3\u003ePréparez la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur peau propre et sèche, de préférence le matin après la toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-timeline-item\"\u003e\n \u003cdiv class=\"dv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dv-timeline-content\"\u003e\n \u003ch3\u003ePulvérisez\u003c\/h3\u003e\n \u003cp\u003e2 à 3 pulvérisations sous chaque aisselle, à environ 15 cm de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-timeline-item\"\u003e\n \u003cdiv class=\"dv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dv-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez selon vos besoins\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 100 ml offre environ 500 pulvérisations, soit plusieurs mois d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-tip\"\u003e\n \u003cspan class=\"dv-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e usage externe uniquement. Évitez l'application sur peau irritée ou juste après le rasage. Tenir hors de portée des enfants. Ce produit ne remplace pas un traitement médical en cas d'hyperhidrose ou de problème cutané : consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dv-section\"\u003e\n \u003ch2\u003ePourquoi choisir un déodorant naturel et efficace ?\u003c\/h2\u003e\n \u003cdiv class=\"dv-grid-compact\"\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e🚫 Sans aluminium ni parabènes\u003c\/h3\u003e\n \u003cp\u003eRespecte le fonctionnement physiologique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e👨‍⚕️ Contrôle dermatologique\u003c\/h3\u003e\n \u003cp\u003eTesté et adapté aux peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e🍊 Parfum mixte aux agrumes\u003c\/h3\u003e\n \u003cp\u003eFrais, discret, apprécié des hommes et des femmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e💰 Format économique\u003c\/h3\u003e\n \u003cp\u003e100 ml pour environ 500 pulvérisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003ePar le Laboratoire Saint Côme, spécialiste de l'aromathérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dv-card\"\u003e\n \u003ch3\u003e🌿 Actifs 100% naturels\u003c\/h3\u003e\n \u003cp\u003eHuiles essentielles pures et actifs d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations sur le Déovert Hespérid\u003c\/h2\u003e\n \u003cdiv class=\"dv-accordion\"\u003e\n \u003cdetails class=\"dv-accordion-item\"\u003e\n \u003csummary class=\"dv-accordion-header\"\u003e🤔 Est-ce un déodorant ou un anti-transpirant ?\u003c\/summary\u003e\n \u003cdiv class=\"dv-accordion-content mt-3\"\u003e\n \u003cp\u003eIl s'agit d'un déodorant : il neutralise les odeurs sans bloquer la transpiration, contrairement aux anti-transpirants à base de sels d'aluminium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dv-accordion-item\"\u003e\n \u003csummary class=\"dv-accordion-header\"\u003e👨 Convient-il aux hommes ?\u003c\/summary\u003e\n \u003cdiv class=\"dv-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, ses notes boisées de cèdre et de pin en font un excellent \u003cstrong\u003edéodorant homme naturel\u003c\/strong\u003e, mixte et raffiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dv-accordion-item\"\u003e\n \u003csummary class=\"dv-accordion-header\"\u003e🏠 Peut-il remplacer un déodorant maison naturel ?\u003c\/summary\u003e\n \u003cdiv class=\"dv-accordion-content mt-3\"\u003e\n \u003cp\u003ePour celles et ceux qui préparent leur \u003cstrong\u003edéodorant naturel maison\u003c\/strong\u003e, le Déovert Hespérid offre une alternative prête à l'emploi, avec un dosage maîtrisé en huiles essentielles et une formule stable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dv-accordion-item\"\u003e\n \u003csummary class=\"dv-accordion-header\"\u003e👟 Astuce anti-odeurs pour les chaussures\u003c\/summary\u003e\n \u003cdiv class=\"dv-accordion-content mt-3\"\u003e\n \u003cp\u003eQuelques pulvérisations dans vos chaussures suffisent à neutraliser les odeurs, idéal comme \u003cstrong\u003edéodorant naturel chaussures\u003c\/strong\u003e d'appoint.\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 --dv-cream: #f7f5f0;\n --dv-white: #ffffff;\n --dv-primary: #2a3d54;\n --dv-primary-dark: #1a2838;\n --dv-primary-light: #e8ecf2;\n --dv-secondary: #e8a94a;\n --dv-accent: #d97a3a;\n --dv-text: #1a1a1a;\n --dv-text-light: #5a5a5a;\n --dv-border: #e0e0e0;\n --dv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --dv-shadow-lg: 0 12px 48px rgba(26,40,56,.2);\n --dv-radius: 20px;\n --dv-radius-sm: 12px;\n}\n\n.dv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--dv-text);\n}\n\n.dv-hero {\n position: relative;\n background: linear-gradient(135deg, #1a2838 0%, #2a3d54 50%, #3d5878 100%);\n border-radius: var(--dv-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(--dv-shadow-lg);\n}\n\n.dv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, var(--dv-secondary) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, var(--dv-accent) 0%, transparent 40%);\n opacity: .15;\n}\n\n.dv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dv-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 6vw, 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,.3);\n line-height: 1.1;\n}\n\n.dv-subtitle {\n color: var(--dv-secondary);\n font-size: clamp(15px, 2.8vw, 20px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.dv-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.dv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n}\n\n.dv-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(--dv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.dv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dv-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--dv-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.dv-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(--dv-secondary), var(--dv-accent));\n border-radius: 2px;\n}\n\n.dv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dv-text-light);\n margin-bottom: 1.75rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.dv-card {\n background: var(--dv-white);\n border-radius: var(--dv-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--dv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dv-shadow-lg);\n border-color: var(--dv-secondary);\n}\n\n.dv-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--dv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dv-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--dv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.dv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dv-grid-compact .dv-card {\n padding: 1rem;\n}\n\n.dv-grid-compact .dv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dv-grid-compact .dv-card p {\n font-size: 12px;\n}\n\n.dv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.dv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dv-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--dv-secondary), var(--dv-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(232,169,74,.4);\n}\n\n.dv-timeline-content {\n flex: 1;\n background: var(--dv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dv-radius-sm);\n box-shadow: var(--dv-shadow);\n}\n\n.dv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dv-timeline-content p {\n font-size: 14px;\n color: var(--dv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.dv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dv-primary-light);\n border-radius: var(--dv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--dv-secondary);\n}\n\n.dv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dv-tip p {\n font-size: 14px;\n color: var(--dv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.dv-accordion {\n background: var(--dv-white);\n border-radius: var(--dv-radius);\n box-shadow: var(--dv-shadow);\n overflow: hidden;\n}\n\n.dv-accordion-item {\n border-bottom: 1px solid var(--dv-border);\n margin: 0;\n padding: 0;\n}\n\n.dv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dv-accordion-header {\n padding: 1.1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n gap: 1rem;\n}\n\n.dv-accordion-header:hover {\n background: var(--dv-primary-light);\n}\n\n.dv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dv-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--dv-secondary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.dv-accordion-item[open] .dv-accordion-header::after {\n content: '−';\n}\n\n.dv-accordion-content {\n padding: 0 1.25rem 1.1rem;\n color: var(--dv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dv-accordion-content p {\n margin: 0;\n}\n\n.dv-disclaimer {\n font-size: 12px;\n color: var(--dv-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n padding: 0 1rem;\n}\n\n@media (max-width: 767px) {\n .dv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .dv-card {\n padding: 1.125rem;\n }\n .dv-section {\n margin-bottom: 1.75rem;\n }\n .dv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dv-radius-sm);\n }\n .dv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .dv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .dv-grid-compact {\n gap: .625rem;\n }\n .dv-grid-compact .dv-card {\n padding: .75rem;\n }\n .dv-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n .dv-timeline-content {\n padding: .875rem 1rem;\n }\n .dv-timeline-content h3 {\n font-size: 14px;\n }\n .dv-timeline-content p {\n font-size: 13px;\n }\n .dv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .dv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .dv-card {\n animation: fadeInUp .5s ease backwards;\n }\n .dv-card:nth-child(1) { animation-delay: .05s; }\n .dv-card:nth-child(2) { animation-delay: .1s; }\n .dv-card:nth-child(3) { animation-delay: .15s; }\n .dv-card:nth-child(4) { animation-delay: .2s; }\n .dv-card:nth-child(5) { animation-delay: .25s; }\n .dv-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 .dv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE SAINT CÔME","offers":[{"title":"Default Title","offer_id":55202166440313,"sku":"SC8590","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deovert-hesperid-deodorant-naturel-100-ml-laboratoire-saint--packshothd.webp?v=1789896401"},{"product_id":"deovert-oceanic-100-ml-laboratoire-saint-come","title":"Déovert Océanic - déodorant naturel 100 ml - Laboratoire Saint Côme","description":"\u003cdiv class=\"dvo-premium\"\u003e\n \u003cdiv class=\"dvo-hero\"\u003e\n \u003cdiv class=\"dvo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dvo-hero-content\"\u003e\n \u003cdiv class=\"dvo-badges-top\"\u003e\n \u003cspan class=\"dvo-badge\"\u003e🌊 Fraîcheur marine\u003c\/span\u003e\n \u003cspan class=\"dvo-badge\"\u003e🚫 Sans aluminium\u003c\/span\u003e\n \u003cspan class=\"dvo-badge\"\u003e🌿 9 huiles essentielles\u003c\/span\u003e\n \u003cspan class=\"dvo-badge\"\u003e💧 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dvo-hero-title\"\u003eDéovert Océanic\u003c\/span\u003e\n \u003cp class=\"dvo-subtitle\"\u003eDéodorant naturel · Laboratoire Saint Côme\u003c\/p\u003e\n \u003cp class=\"dvo-description\"\u003eLe \u003cstrong\u003eDéovert Océanic\u003c\/strong\u003e du Laboratoire Saint Côme est un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e, sans sels d'aluminium ni parabens, qui réinvente la fraîcheur quotidienne grâce à \u003cstrong\u003e9 huiles essentielles 100 % pures\u003c\/strong\u003e. Sa signature olfactive marine évoque une brise iodée, vivifiante et durable. Conçu pour les peaux exigeantes, il neutralise les mauvaises odeurs sans bloquer la transpiration, ce processus naturel et essentiel à l'équilibre du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"dvo-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant naturel et efficace ?\u003c\/h2\u003e\n \u003cp class=\"dvo-section-intro\"\u003eLes déodorants conventionnels contiennent souvent des sels d'aluminium suspectés d'obstruer les glandes sudoripares. À l'inverse, un \u003cstrong\u003edéodorant naturel\u003c\/strong\u003e respecte la physiologie du corps : il agit sur les bactéries responsables des odeurs sans empêcher la sudation. Le Déovert Océanic s'impose comme une alternative saine, aussi adaptée aux femmes qu'aux hommes en quête d'un \u003cstrong\u003edéodorant homme naturel\u003c\/strong\u003e au parfum frais et marin.\u003c\/p\u003e\n \u003cdiv class=\"dvo-grid-compact\"\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e🚫 Zéro aluminium\u003c\/h3\u003e\n \u003cp\u003ePas d'obstruction des glandes sudoripares\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eRespecte la physiologie du corps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e💨 Anti-odeurs\u003c\/h3\u003e\n \u003cp\u003eNeutralise sans bloquer la sudation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e👫 Unisexe\u003c\/h3\u003e\n \u003cp\u003ePensé pour femmes et hommes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dvo-section\"\u003e\n \u003ch2\u003eUne synergie de 9 huiles essentielles\u003c\/h2\u003e\n \u003cdiv class=\"dvo-grid\"\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e🌲 Cèdre\u003c\/h3\u003e\n \u003cp\u003ePurifiant, antifongique et antiseptique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e🍋 Citron\u003c\/h3\u003e\n \u003cp\u003eAntibactérien, apporte une note pétillante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e💜 Lavandin\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux sensibles avec sa douceur florale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e🌾 Lemongrass\u003c\/h3\u003e\n \u003cp\u003eLimite la prolifération des bactéries odorantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e🍊 Orange\u003c\/h3\u003e\n \u003cp\u003eFruitée et vivifiante, soutient l'action purifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e🍈 Pamplemousse\u003c\/h3\u003e\n \u003cp\u003eAstringente, resserre les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e🌲 Pin\u003c\/h3\u003e\n \u003cp\u003eRevigorant, parfum boisé et antibactérien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e🌿 Romarin\u003c\/h3\u003e\n \u003cp\u003eTonifiant et antimicrobien pour une efficacité longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e✨ Citrate d'éthyle\u003c\/h3\u003e\n \u003cp\u003eNeutralise les odeurs en respectant la transpiration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-tip\"\u003e\n \u003cspan class=\"dvo-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003eLa formule est complétée par de la \u003cstrong\u003evitamine E (Coviox T50)\u003c\/strong\u003e, antioxydant protecteur, et un \u003cstrong\u003ealcool végétal de betterave\u003c\/strong\u003e qui assure une application fluide et une sensation de fraîcheur immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dvo-section\"\u003e\n \u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"dvo-timeline\"\u003e\n \u003cdiv class=\"dvo-timeline-item\"\u003e\n \u003cdiv class=\"dvo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dvo-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez doucement avant chaque utilisation pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-timeline-item\"\u003e\n \u003cdiv class=\"dvo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dvo-timeline-content\"\u003e\n \u003ch3\u003eVaporisez sur peau propre\u003c\/h3\u003e\n \u003cp\u003e2 à 3 pulvérisations sous chaque aisselle, idéalement après la douche, sur peau sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-timeline-item\"\u003e\n \u003cdiv class=\"dvo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dvo-timeline-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eQuelques secondes suffisent avant de vous habiller. Profitez d'une fraîcheur marine immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-timeline-item\"\u003e\n \u003cdiv class=\"dvo-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"dvo-timeline-content\"\u003e\n \u003ch3\u003eJusqu'à 500 utilisations\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 100 ml est un format économique et éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-tip\"\u003e\n \u003cspan class=\"dvo-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e évitez l'application sur peau irritée, lésée ou fraîchement rasée. En cas de contact avec les yeux, rincez abondamment. Tenir hors de portée des enfants. Ce produit 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=\"dvo-section\"\u003e\n \u003ch2\u003eUn déodorant pour homme et femme\u003c\/h2\u003e\n \u003cp class=\"dvo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e à la fois viril, frais et efficace ? Les notes boisées de pin et de cèdre, associées à la vivacité des agrumes, en font un choix de prédilection. Côté féminin, le lavandin et l'orange apportent une touche douce et lumineuse. C'est un déodorant unisexe pensé pour toute la famille.\u003c\/p\u003e\n \u003cdiv class=\"dvo-grid-compact\"\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e👨 Notes masculines\u003c\/h3\u003e\n \u003cp\u003ePin et cèdre boisés, virils et frais\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e👩 Notes féminines\u003c\/h3\u003e\n \u003cp\u003eLavandin et orange, douces et lumineuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dvo-section\"\u003e\n \u003ch2\u003eLes avantages du Déovert Océanic\u003c\/h2\u003e\n \u003cdiv class=\"dvo-grid\"\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e✅ Sans aluminium, sans parabens\u003c\/h3\u003e\n \u003cp\u003eUne formule clean validée par les dermatologues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e🫶 Respect du corps\u003c\/h3\u003e\n \u003cp\u003eNeutralise les odeurs sans bloquer la sudation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eTolérance optimale prouvée par tests.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e⏱️ Longue tenue\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 24 h de fraîcheur marine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dvo-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon compact et concentré, jusqu'à 500 vaporisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dvo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations\u003c\/h2\u003e\n \u003cdiv class=\"dvo-accordion\"\u003e\n \u003cdetails class=\"dvo-accordion-item\"\u003e\n \u003csummary class=\"dvo-accordion-header\"\u003e💦 Le Déovert Océanic est-il efficace contre la transpiration excessive ?\u003c\/summary\u003e\n \u003cdiv class=\"dvo-accordion-content mt-3\"\u003e\n \u003cp\u003eIl combat efficacement les odeurs, mais ne stoppe pas la transpiration, qui reste un mécanisme naturel indispensable. En cas d'hyperhidrose, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dvo-accordion-item\"\u003e\n \u003csummary class=\"dvo-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"dvo-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule douce a été conçue pour un usage quotidien, même sur peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dvo-accordion-item\"\u003e\n \u003csummary class=\"dvo-accordion-header\"\u003e🪒 Convient-il après l'épilation ?\u003c\/summary\u003e\n \u003cdiv class=\"dvo-accordion-content mt-3\"\u003e\n \u003cp\u003eAttendez au moins 24 h après un rasage ou une épilation pour éviter toute sensation d'inconfort liée à la présence d'huiles essentielles et d'alcool.\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 --dvo-cream: #f4f7fb;\n --dvo-white: #ffffff;\n --dvo-primary: #1e3a6f;\n --dvo-primary-dark: #112347;\n --dvo-primary-light: #e6edf7;\n --dvo-secondary: #2c5fa8;\n --dvo-accent: #6fa8d6;\n --dvo-text: #1a1a1a;\n --dvo-text-light: #5a5a5a;\n --dvo-border: #d8e0ec;\n --dvo-shadow: 0 4px 24px rgba(17, 35, 71, .08);\n --dvo-shadow-lg: 0 12px 48px rgba(17, 35, 71, .18);\n --dvo-radius: 20px;\n --dvo-radius-sm: 12px;\n}\n\n.dvo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dvo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--dvo-text);\n line-height: 1.6;\n}\n\n.dvo-hero {\n position: relative;\n background: linear-gradient(135deg, #0c1d3d 0%, #1e3a6f 50%, #2c5fa8 100%);\n border-radius: var(--dvo-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(--dvo-shadow-lg);\n}\n\n.dvo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(111,168,214,.25) 0%, transparent 50%);\n opacity: .6;\n}\n\n.dvo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dvo-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.dvo-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.dvo-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.dvo-description strong {\n color: white;\n}\n\n.dvo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dvo-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(--dvo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.dvo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dvo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dvo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dvo-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.dvo-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(--dvo-primary), var(--dvo-accent));\n border-radius: 2px;\n}\n\n.dvo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dvo-text-light);\n margin-bottom: 1.5rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.dvo-section-intro strong {\n color: var(--dvo-primary-dark);\n}\n\n.dvo-card {\n background: var(--dvo-white);\n border-radius: var(--dvo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dvo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dvo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dvo-shadow-lg);\n border-color: var(--dvo-accent);\n}\n\n.dvo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dvo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dvo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dvo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dvo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.dvo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dvo-grid-compact .dvo-card {\n padding: 1rem;\n}\n\n.dvo-grid-compact .dvo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dvo-grid-compact .dvo-card p {\n font-size: 12px;\n}\n\n.dvo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dvo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dvo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dvo-primary), var(--dvo-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(30, 58, 111, .25);\n}\n\n.dvo-timeline-content {\n flex: 1;\n background: var(--dvo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dvo-radius-sm);\n box-shadow: var(--dvo-shadow);\n}\n\n.dvo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dvo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dvo-timeline-content p {\n font-size: 14px;\n color: var(--dvo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.dvo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dvo-primary-light);\n border-radius: var(--dvo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--dvo-primary);\n}\n\n.dvo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dvo-tip p {\n font-size: 14px;\n color: var(--dvo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.dvo-tip p strong {\n color: var(--dvo-primary-dark);\n}\n\n.dvo-accordion {\n background: var(--dvo-white);\n border-radius: var(--dvo-radius);\n box-shadow: var(--dvo-shadow);\n overflow: hidden;\n}\n\n.dvo-accordion-item {\n border-bottom: 1px solid var(--dvo-border);\n margin: 0;\n padding: 0;\n}\n\n.dvo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dvo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dvo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n gap: 1rem;\n}\n\n.dvo-accordion-header:hover {\n background: var(--dvo-primary-light);\n}\n\n.dvo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dvo-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--dvo-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.dvo-accordion-item[open] .dvo-accordion-header::after {\n content: '−';\n}\n\n.dvo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dvo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dvo-accordion-content p {\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .dvo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .dvo-card {\n padding: 1.125rem;\n }\n .dvo-section {\n margin-bottom: 1.75rem;\n }\n .dvo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dvo-radius-sm);\n }\n .dvo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .dvo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .dvo-grid-compact {\n gap: .625rem;\n }\n .dvo-grid-compact .dvo-card {\n padding: .75rem;\n }\n .dvo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .dvo-timeline-content {\n padding: .875rem 1rem;\n }\n .dvo-timeline-content h3 {\n font-size: 14px;\n }\n .dvo-timeline-content p {\n font-size: 13px;\n }\n .dvo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .dvo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .dvo-card {\n animation: dvoFadeInUp .5s ease backwards;\n }\n .dvo-card:nth-child(1) { animation-delay: .05s; }\n .dvo-card:nth-child(2) { animation-delay: .1s; }\n .dvo-card:nth-child(3) { animation-delay: .15s; }\n .dvo-card:nth-child(4) { animation-delay: .2s; }\n .dvo-card:nth-child(5) { animation-delay: .25s; }\n .dvo-card:nth-child(6) { animation-delay: .3s; }\n .dvo-card:nth-child(7) { animation-delay: .35s; }\n .dvo-card:nth-child(8) { animation-delay: .4s; }\n .dvo-card:nth-child(9) { animation-delay: .45s; }\n}\n\n@keyframes dvoFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dvo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE SAINT CÔME","offers":[{"title":"Default Title","offer_id":55202174861689,"sku":"SC8595","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deovert-oceanic-deodorant-naturel-100-ml-laboratoire-saint-c-packshothd.webp?v=1789656512"},{"product_id":"deodorant-pour-pieds-et-chaussures-100-ml-deovert","title":"Déodorant pour Pieds et Chaussures - 100 ml - Déovert","description":"\u003cdiv class=\"podo-premium\"\u003e\n\n\u003cdiv class=\"podo-hero\"\u003e\n\u003cdiv class=\"podo-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"podo-hero-content\"\u003e\n\u003cdiv class=\"podo-badges-top\"\u003e\n\u003cspan class=\"podo-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n\u003cspan class=\"podo-badge\"\u003e🚫 Sans Aluminium\u003c\/span\u003e\n\u003cspan class=\"podo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"podo-badge\"\u003e❄️ Fraîcheur immédiate\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"podo-hero-title\"\u003eDes pieds au sec, une confiance retrouvée à chaque pas\u003c\/span\u003e\n\u003cp class=\"podo-subtitle\"\u003eDéodorant pieds \u0026amp; chaussures aux huiles essentielles\u003c\/p\u003e\n\u003cp class=\"podo-description\"\u003eUn spray 100 % naturel signé Laboratoire Saint Côme, formulé pour neutraliser les mauvaises odeurs, réguler la transpiration et rafraîchir instantanément vos pieds comme l'intérieur de vos chaussures. Une solution deux-en-un respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"podo-section\"\u003e\n\u003ch2\u003ePourquoi les pieds transpirent-ils autant ?\u003c\/h2\u003e\n\u003cp class=\"podo-section-intro\"\u003eNos pieds comptent près de \u003cstrong\u003e250 000 glandes sudoripares\u003c\/strong\u003e, ce qui en fait l'une des zones du corps qui transpire le plus. Enfermée dans les chaussures, cette humidité favorise le développement bactérien, à l'origine des mauvaises odeurs.\u003c\/p\u003e\n\u003cdiv class=\"podo-grid-compact\"\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e💧 250 000 glandes\u003c\/h3\u003e\n\u003cp\u003eLa densité la plus élevée du corps humain, concentrée sous vos pieds.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e👟 Milieu confiné\u003c\/h3\u003e\n\u003cp\u003eEnfermée dans les chaussures, la transpiration ne s'évapore plus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🦠 Bactéries actives\u003c\/h3\u003e\n\u003cp\u003eL'humidité et la chaleur favorisent la prolifération bactérienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e👃 Odeurs tenaces\u003c\/h3\u003e\n\u003cp\u003eRésultat : des mauvaises odeurs persistantes, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-tip\"\u003e\n\u003cspan class=\"podo-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eUn bon déodorant pour les pieds doit agir sur \u003cstrong\u003edeux fronts\u003c\/strong\u003e : assainir la peau ET purifier l'intérieur des chaussures. C'est exactement la promesse du spray Déovert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"podo-section\"\u003e\n\u003ch2\u003eUne synergie d'huiles essentielles 100 % naturelles\u003c\/h2\u003e\n\u003cp class=\"podo-section-intro\"\u003eCinq huiles essentielles pures unissent leurs pouvoirs pour une efficacité prolongée, \u003cstrong\u003esans agresser la peau\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"podo-grid\"\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🌿 Menthe poivrée\u003c\/h3\u003e\n\u003cp\u003eEffet glaçon immédiat et sensation de fraîcheur intense qui dure toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🍃 Menthe verte\u003c\/h3\u003e\n\u003cp\u003eAction tonifiante qui prolonge naturellement l'effet rafraîchissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🍋 Citron\u003c\/h3\u003e\n\u003cp\u003ePurifiant et assainissant, il neutralise efficacement les odeurs les plus tenaces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e💜 Lavande vraie\u003c\/h3\u003e\n\u003cp\u003eApaise la peau, réduit les petites irritations et laisse un parfum délicat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🌱 Camphre\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement reconnu pour ses vertus assainissantes et purifiantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"podo-section\"\u003e\n\u003ch2\u003eLes atouts du spray Déovert\u003c\/h2\u003e\n\u003cdiv class=\"podo-grid-compact\"\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🚫 Sans aluminium\u003c\/h3\u003e\n\u003cp\u003eNi parabens, silicones, gaz propulseur ou colorants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🔄 Double action\u003c\/h3\u003e\n\u003cp\u003ePieds \u0026amp; chaussures : un geste, deux zones traitées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e💨 500 pulvérisations\u003c\/h3\u003e\n\u003cp\u003eFormat 100 ml, idéal à glisser dans un sac de sport.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in Bourgogne\u003c\/h3\u003e\n\u003cp\u003eFabrication française selon les standards cosmétiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e❄️ Fraîcheur immédiate\u003c\/h3\u003e\n\u003cp\u003eSensation glaçon dès la première pulvérisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🌿 Formule naturelle\u003c\/h3\u003e\n\u003cp\u003eRespectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"podo-section\"\u003e\n\u003ch2\u003eComment utiliser votre déodorant pieds et chaussures ?\u003c\/h2\u003e\n\u003cdiv class=\"podo-timeline\"\u003e\n\u003cdiv class=\"podo-timeline-item\"\u003e\n\u003cdiv class=\"podo-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"podo-timeline-content\"\u003e\n\u003ch3\u003eNettoyer les pieds\u003c\/h3\u003e\n\u003cp\u003eLavez soigneusement vos pieds et séchez-les bien avant application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-timeline-item\"\u003e\n\u003cdiv class=\"podo-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"podo-timeline-content\"\u003e\n\u003ch3\u003ePulvériser sur la peau\u003c\/h3\u003e\n\u003cp\u003eVaporisez 3 à 4 fois à environ 20 cm sur peau propre et sèche, matin ou après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-timeline-item\"\u003e\n\u003cdiv class=\"podo-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"podo-timeline-content\"\u003e\n\u003ch3\u003eLaisser sécher 30 secondes\u003c\/h3\u003e\n\u003cp\u003eAttendez quelques instants que le spray pénètre pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-timeline-item\"\u003e\n\u003cdiv class=\"podo-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"podo-timeline-content\"\u003e\n\u003ch3\u003eVaporiser à l'intérieur des chaussures\u003c\/h3\u003e\n\u003cp\u003ePulvérisez dans vos chaussures et laissez agir quelques minutes avant de les enfiler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-tip\"\u003e\n\u003cspan class=\"podo-tip-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eFréquence :\u003c\/strong\u003e utilisation quotidienne, ou selon vos besoins (sport, chaleur, longues journées debout).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"podo-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cp class=\"podo-section-intro\"\u003eUne formule transparente, sans compromis sur la qualité.\u003c\/p\u003e\n\u003cdiv class=\"podo-accordion\"\u003e\n\u003cdetails class=\"podo-accordion-item\"\u003e\n\u003csummary class=\"podo-accordion-header\"\u003e💧 Base déodorante\u003c\/summary\u003e\n\u003cdiv class=\"podo-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eEthanol, Aqua, Triethyl citrate\u003c\/strong\u003e — Support naturel qui assure la diffusion et l'efficacité de la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"podo-accordion-item\"\u003e\n\u003csummary class=\"podo-accordion-header\"\u003e🌿 Huiles essentielles actives\u003c\/summary\u003e\n\u003cdiv class=\"podo-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eCinnamomum camphora bark oil\u003c\/strong\u003e — HE de camphre\u003cbr\u003e\n\u003cstrong\u003eLavandula vera oil\u003c\/strong\u003e — HE de lavande vraie\u003cbr\u003e\n\u003cstrong\u003eCitrus limonum peel oil\u003c\/strong\u003e — HE de citron\u003cbr\u003e\n\u003cstrong\u003eMentha viridis leaf oil\u003c\/strong\u003e — HE de menthe verte\u003cbr\u003e\n\u003cstrong\u003eMentha piperita leaf oil\u003c\/strong\u003e — HE de menthe poivrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"podo-accordion-item\"\u003e\n\u003csummary class=\"podo-accordion-header\"\u003e🍃 Composants naturels\u003c\/summary\u003e\n\u003cdiv class=\"podo-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eLimonene, Linalool\u003c\/strong\u003e — Composants naturellement présents dans les huiles essentielles utilisées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"podo-accordion-item\"\u003e\n\u003csummary class=\"podo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"podo-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas utiliser sur peau lésée ou irritée. Éviter le contour des yeux. Ce produit cosmétique ne remplace pas un avis médical en cas de mycose ou d'hyperhidrose sévère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"podo-section\"\u003e\n\u003ch2\u003eQuestions fréquentes sur le déodorant pieds Déovert\u003c\/h2\u003e\n\u003cdiv class=\"podo-accordion\"\u003e\n\u003cdetails class=\"podo-accordion-item\"\u003e\n\u003csummary class=\"podo-accordion-header\"\u003eEst-ce un spray anti-transpirant pour pieds ?\u003c\/summary\u003e\n\u003cdiv class=\"podo-accordion-content mt-3\"\u003e\n\u003cp\u003eDéovert \u003cstrong\u003erégule la transpiration\u003c\/strong\u003e grâce aux huiles essentielles, sans bloquer les pores comme le feraient les sels d'aluminium. Il respecte le fonctionnement naturel de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"podo-accordion-item\"\u003e\n\u003csummary class=\"podo-accordion-header\"\u003ePeut-on l'utiliser dans les chaussures de sport ?\u003c\/summary\u003e\n\u003cdiv class=\"podo-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, il est \u003cstrong\u003eparticulièrement recommandé\u003c\/strong\u003e pour les baskets, chaussures fermées et chaussures de sécurité qui favorisent l'accumulation d'humidité et d'odeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"podo-accordion-item\"\u003e\n\u003csummary class=\"podo-accordion-header\"\u003eConvient-il aux peaux sensibles ?\u003c\/summary\u003e\n\u003cdiv class=\"podo-accordion-content mt-3\"\u003e\n\u003cp\u003eSa \u003cstrong\u003eformule douce\u003c\/strong\u003e est bien tolérée, mais nous recommandons de faire un test dans le pli du coude en cas de doute ou d'antécédents allergiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"podo-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"podo-cta-box\"\u003e\n\u003cp\u003eAdoptez une routine podologique naturelle et redécouvrez le plaisir de pieds légers, sains et parfumés, du matin au soir. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --podo-cream: #f4f9f2;\n --podo-white: #ffffff;\n --podo-primary: #4a9b3f;\n --podo-primary-dark: #2d6a26;\n --podo-primary-light: #e6f4e3;\n --podo-secondary: #7fc26d;\n --podo-accent: #f5d547;\n --podo-text: #1a2e17;\n --podo-text-light: #5a6b57;\n --podo-border: #d7e8d3;\n --podo-shadow: 0 4px 24px rgba(45,106,38,.08);\n --podo-shadow-lg: 0 12px 48px rgba(45,106,38,.18);\n --podo-radius: 20px;\n --podo-radius-sm: 12px;\n}\n\n.podo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--podo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--podo-text);\n line-height: 1.6;\n}\n\n.podo-hero {\n position: relative;\n background: linear-gradient(135deg, #2d6a26 0%, #4a9b3f 50%, #7fc26d 100%);\n border-radius: var(--podo-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(--podo-shadow-lg);\n}\n\n.podo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .3;\n}\n\n.podo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.podo-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 6vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.podo-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.podo-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.podo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.podo-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(--podo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.podo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.podo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.podo-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--podo-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.podo-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(--podo-primary), var(--podo-secondary));\n border-radius: 2px;\n}\n\n.podo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--podo-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.podo-card {\n background: var(--podo-white);\n border-radius: var(--podo-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--podo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.podo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--podo-shadow-lg);\n border-color: var(--podo-primary);\n}\n\n.podo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--podo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.podo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--podo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.podo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.podo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.podo-grid-compact .podo-card {\n padding: 1rem;\n}\n\n.podo-grid-compact .podo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.podo-grid-compact .podo-card p {\n font-size: 12.5px;\n line-height: 1.5;\n}\n\n.podo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.podo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.podo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--podo-primary), var(--podo-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(74,155,63,.3);\n}\n\n.podo-timeline-content {\n flex: 1;\n background: var(--podo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--podo-radius-sm);\n box-shadow: var(--podo-shadow);\n}\n\n.podo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--podo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.podo-timeline-content p {\n font-size: 14px;\n color: var(--podo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.podo-accordion {\n background: var(--podo-white);\n border-radius: var(--podo-radius);\n box-shadow: var(--podo-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.podo-accordion-item {\n border-bottom: 1px solid var(--podo-border);\n margin: 0;\n padding: 0;\n}\n\n.podo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.podo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--podo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n gap: 1rem;\n}\n\n.podo-accordion-header:hover {\n background: var(--podo-primary-light);\n}\n\n.podo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.podo-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--podo-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.podo-accordion-item[open] .podo-accordion-header::after {\n content: '−';\n}\n\n.podo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--podo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.podo-accordion-content p {\n margin: 0;\n}\n\n.podo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--podo-primary-light);\n border-radius: var(--podo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--podo-primary);\n}\n\n.podo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.podo-tip p {\n font-size: 14px;\n color: var(--podo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.podo-cta-box {\n background: linear-gradient(135deg, var(--podo-primary) 0%, var(--podo-primary-dark) 100%);\n border-radius: var(--podo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--podo-shadow-lg);\n}\n\n.podo-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.podo-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@media (max-width: 767px) {\n .podo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .podo-card {\n padding: 1.125rem;\n }\n .podo-section {\n margin-bottom: 1.75rem;\n }\n .podo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--podo-radius-sm);\n }\n .podo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .podo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .podo-grid-compact {\n gap: .625rem;\n }\n .podo-grid-compact .podo-card {\n padding: .75rem;\n }\n .podo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .podo-timeline-content {\n padding: .875rem 1rem;\n }\n .podo-timeline-content h3 {\n font-size: 14px;\n }\n .podo-timeline-content p {\n font-size: 13px;\n }\n .podo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .podo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .podo-card {\n animation: podoFadeInUp .5s ease backwards;\n }\n .podo-card:nth-child(1) { animation-delay: .05s; }\n .podo-card:nth-child(2) { animation-delay: .1s; }\n .podo-card:nth-child(3) { animation-delay: .15s; }\n .podo-card:nth-child(4) { animation-delay: .2s; }\n .podo-card:nth-child(5) { animation-delay: .25s; }\n .podo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes podoFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .podo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE SAINT CÔME","offers":[{"title":"Default Title","offer_id":55202251112825,"sku":"SC8605","price":11.25,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-pour-pieds-et-chaussures-100-ml-deovert-packshothd.webp?v=1789477889"},{"product_id":"deodorant-baume-solide-parfum-embrun-najel","title":"Déodorant Solide Baume bio \u0026 vegan - Embrun - Najel","description":"\u003cdiv class=\"najel-premium\"\u003e\n \u003cdiv class=\"najel-hero\"\u003e\n \u003cdiv class=\"najel-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"najel-hero-content\"\u003e\n \u003cdiv class=\"najel-badges-top\"\u003e\n \u003cspan class=\"najel-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"najel-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n \u003cspan class=\"najel-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"najel-badge\"\u003e♻️ Pot en verre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"najel-hero-title\" style=\"font-size:32px;\"\u003eBaume naturel · Fraîcheur iodée · Sans sels d'aluminium\u003c\/span\u003e\n \u003cp class=\"najel-description\"\u003eUne protection douce et efficace au parfum d'air marin, formulée avec moins de 10 ingrédients d'origine naturelle, dont 54 % bio. La fraîcheur d'une brise marine au creux de vos aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"najel-section\"\u003e\n \u003ch2\u003eUn déodorant solide naturel pensé pour votre quotidien\u003c\/h2\u003e\n \u003cp class=\"najel-section-intro\"\u003eConçu et fabriqué en France, ce baume marie des actifs reconnus pour leur action sur la transpiration et les bactéries responsables des mauvaises odeurs. Sans eau, sans plastique inutile, il s'inscrit dans une routine beauté plus responsable.\u003c\/p\u003e\n \u003cp class=\"najel-section-intro\"\u003eSon parfum \u003cstrong\u003eEmbrun\u003c\/strong\u003e, frais et iodé, évoque immédiatement l'air marin : une signature olfactive subtile, mixte, parfaite pour bien commencer la journée. Contrairement à de nombreux déodorants solides du marché, la formule Najel reste minimaliste : moins d'une dizaine d'ingrédients fonctionnels, tous d'origine naturelle, dont 54 % issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"najel-section\"\u003e\n \u003ch2\u003eLes ingrédients clés et leurs bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"najel-grid\"\u003e\n \u003cdiv class=\"najel-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et protège la peau délicate des aisselles grâce à ses antioxydants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"najel-card\"\u003e\n \u003ch3\u003e🧂 Bicarbonate de sodium\u003c\/h3\u003e\n \u003cp\u003eNeutralise les odeurs en régulant naturellement le pH cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"najel-card\"\u003e\n \u003ch3\u003e🤍 Kaolin (argile blanche)\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'excès d'humidité tout au long de la journée sans assécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"najel-card\"\u003e\n \u003ch3\u003e🌾 Amidon de tapioca bio\u003c\/h3\u003e\n \u003cp\u003eApporte un toucher poudré et une sensation de fraîcheur durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"najel-card\"\u003e\n \u003ch3\u003e🥥 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et apaise les éventuelles irritations cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"najel-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier bio\u003c\/h3\u003e\n \u003cp\u003eAntibactérienne, elle limite la prolifération des bactéries responsables des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"najel-card\"\u003e\n \u003ch3\u003e🌻 Cire de tournesol\u003c\/h3\u003e\n \u003cp\u003eGarantit la tenue solide du baume sans le rendre dur ni cassant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"najel-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant baume ?\u003c\/h2\u003e\n \u003cdiv class=\"najel-timeline\"\u003e\n \u003cdiv class=\"najel-timeline-item\"\u003e\n \u003cdiv class=\"najel-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"najel-timeline-content\"\u003e\n \u003ch3\u003ePréparez la peau\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, séchez soigneusement vos aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"najel-timeline-item\"\u003e\n \u003cdiv class=\"najel-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"najel-timeline-content\"\u003e\n \u003ch3\u003ePrélevez la juste dose\u003c\/h3\u003e\n \u003cp\u003eL'équivalent d'un petit pois avec le bout des doigts suffit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"najel-timeline-item\"\u003e\n \u003cdiv class=\"najel-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"najel-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en massage\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement sous chaque aisselle jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"najel-timeline-item\"\u003e\n \u003cdiv class=\"najel-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"najel-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez chaque matin\u003c\/h3\u003e\n \u003cp\u003ePour une protection optimale tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"najel-tip\"\u003e\n \u003cspan class=\"najel-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e la chaleur des doigts suffit à faire fondre le baume. En cas de sensibilité au bicarbonate, espacez les applications le temps que la peau s'habitue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"najel-section\"\u003e\n \u003ch2\u003ePourquoi choisir le déodorant Embrun Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"najel-grid-compact\"\u003e\n \u003cdiv class=\"najel-card\"\u003e\n \u003ch3\u003e✅ Efficacité prouvée\u003c\/h3\u003e\n \u003cp\u003eProtection longue durée contre les odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"najel-card\"\u003e\n \u003ch3\u003e🧪 Formule clean\u003c\/h3\u003e\n \u003cp\u003eSans sels d'aluminium, sans alcool, sans conservateurs de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"najel-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio \u0026amp; vegan\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic et 100 % vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"najel-card\"\u003e\n \u003ch3\u003e♻️ Pot en verre\u003c\/h3\u003e\n \u003cp\u003e45 g recyclable, pour une démarche zéro déchet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"najel-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans le respect du savoir-faire Najel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"najel-card\"\u003e\n \u003ch3\u003e🌊 Parfum Embrun\u003c\/h3\u003e\n \u003cp\u003eUne signature olfactive fraîche, iodée et mixte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"najel-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"najel-testimonial\"\u003e\n \u003cp class=\"najel-testimonial-text\"\u003eOlea Europaea (Olive) Fruit Oil*, Sodium Bicarbonate, Kaolin, Tapioca Starch*, Butyrospermum Parkii (Shea) Butter*, Parfum (Fragrance), Hydrogenated Olive Oil**, Helianthus Annuus (Sunflower) Seed Wax, Laurus Nobilis (Laurel) Fruit Oil*, Tocopherol, Beta-Sitosterol, Squalene, Geraniol, Limonene, Linalool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"najel-disclaimer\"\u003e* Ingrédients issus de l'agriculture biologique — ** Transformés à partir d'ingrédients biologiques.\u003cbr\u003e\u003cstrong\u003e100 % des ingrédients sont d'origine naturelle, 54 % issus de l'agriculture biologique.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"najel-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"najel-accordion\"\u003e\n \u003cdetails class=\"najel-accordion-item\"\u003e\n \u003csummary class=\"najel-accordion-header\"\u003e⚠️ Zones à éviter\u003c\/summary\u003e\n \u003cdiv class=\"najel-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contour des yeux et toute application sur les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"najel-accordion-item\"\u003e\n \u003csummary class=\"najel-accordion-header\"\u003e🩹 Peau sensible ou lésée\u003c\/summary\u003e\n \u003cdiv class=\"najel-accordion-content mt-3\"\u003e\n \u003cp\u003eN'appliquez pas sur une peau lésée ou venant d'être épilée\/rasée. Réalisez un test dans le pli du coude si vous avez la peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"najel-accordion-item\"\u003e\n \u003csummary class=\"najel-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"najel-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de l'humidité pour préserver la texture solide du baume.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"najel-accordion-item\"\u003e\n \u003csummary class=\"najel-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"najel-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eCe produit cosmétique ne remplace pas un avis médical en cas de transpiration excessive ou d'irritations persistantes.\u003c\/em\u003e\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 --najel-cream: #f5f3ec;\n --najel-white: #ffffff;\n --najel-primary: #7a9471;\n --najel-primary-dark: #3d5a3a;\n --najel-primary-light: #e8eee3;\n --najel-secondary: #5b7a52;\n --najel-accent: #c9b88a;\n --najel-text: #1f2a1c;\n --najel-text-light: #5a6358;\n --najel-border: #d8dcd0;\n --najel-shadow: 0 4px 24px rgba(61,90,58,.08);\n --najel-shadow-lg: 0 12px 48px rgba(61,90,58,.18);\n --najel-radius: 20px;\n --najel-radius-sm: 12px;\n}\n\n.najel-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--najel-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--najel-text);\n line-height: 1.6;\n}\n\n.najel-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5a3a 0%, #5b7a52 50%, #7a9471 100%);\n border-radius: var(--najel-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(--najel-shadow-lg);\n}\n\n.najel-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(201,184,138,.2) 0%, transparent 40%);\n opacity: .6;\n}\n\n.najel-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.najel-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.najel-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.najel-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.najel-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n}\n\n.najel-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(--najel-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.najel-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.najel-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.najel-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--najel-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.najel-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(--najel-primary), var(--najel-accent));\n border-radius: 2px;\n}\n\n.najel-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--najel-text-light);\n margin: 0 auto 1rem;\n max-width: 760px;\n line-height: 1.75;\n}\n\n.najel-section-intro strong {\n color: var(--najel-primary-dark);\n}\n\n.najel-card {\n background: var(--najel-white);\n border-radius: var(--najel-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--najel-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.najel-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--najel-shadow-lg);\n border-color: var(--najel-primary);\n}\n\n.najel-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--najel-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.najel-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--najel-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.najel-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.najel-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.najel-grid-compact .najel-card {\n padding: 1rem;\n}\n\n.najel-grid-compact .najel-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.najel-grid-compact .najel-card p {\n font-size: 12px;\n}\n\n.najel-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.najel-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.najel-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--najel-primary), var(--najel-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(61,90,58,.25);\n}\n\n.najel-timeline-content {\n flex: 1;\n background: var(--najel-white);\n padding: 1rem 1.25rem;\n border-radius: var(--najel-radius-sm);\n box-shadow: var(--najel-shadow);\n}\n\n.najel-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--najel-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.najel-timeline-content p {\n font-size: 14px;\n color: var(--najel-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.najel-testimonial {\n background: var(--najel-white);\n border-radius: var(--najel-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--najel-shadow);\n border-left: 4px solid var(--najel-primary);\n}\n\n.najel-testimonial-text {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--najel-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n word-break: break-word;\n}\n\n.najel-accordion {\n background: var(--najel-white);\n border-radius: var(--najel-radius);\n box-shadow: var(--najel-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.najel-accordion-item {\n border-bottom: 1px solid var(--najel-border);\n margin: 0;\n padding: 0;\n}\n\n.najel-accordion-item:last-child {\n border-bottom: none;\n}\n\n.najel-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--najel-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.najel-accordion-header:hover {\n background: var(--najel-primary-light);\n}\n\n.najel-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.najel-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--najel-primary);\n transition: transform .2s ease;\n}\n\n.najel-accordion-item[open] .najel-accordion-header::after {\n content: '−';\n}\n\n.najel-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--najel-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.najel-accordion-content p {\n margin: 0;\n}\n\n.najel-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--najel-primary-light);\n border-radius: var(--najel-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.najel-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.najel-tip p {\n font-size: 14px;\n color: var(--najel-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.najel-tip strong {\n color: var(--najel-primary-dark);\n}\n\n.najel-disclaimer {\n font-size: 12px;\n color: var(--najel-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n.najel-disclaimer strong {\n color: var(--najel-primary-dark);\n font-style: normal;\n}\n\n@media (max-width: 767px) {\n .najel-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .najel-card {\n padding: 1.125rem;\n }\n .najel-section {\n margin-bottom: 1.75rem;\n }\n .najel-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--najel-radius-sm);\n }\n .najel-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .najel-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .najel-grid-compact {\n gap: .625rem;\n }\n .najel-grid-compact .najel-card {\n padding: .75rem;\n }\n .najel-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .najel-timeline-content {\n padding: .875rem 1rem;\n }\n .najel-timeline-content h3 {\n font-size: 14px;\n }\n .najel-timeline-content p {\n font-size: 13px;\n }\n .najel-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .najel-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .najel-testimonial {\n padding: 1.25rem;\n }\n .najel-testimonial-text {\n font-size: 12px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .najel-card {\n animation: najelFadeInUp .5s ease backwards;\n }\n .najel-card:nth-child(1) { animation-delay: .05s; }\n .najel-card:nth-child(2) { animation-delay: .1s; }\n .najel-card:nth-child(3) { animation-delay: .15s; }\n .najel-card:nth-child(4) { animation-delay: .2s; }\n .najel-card:nth-child(5) { animation-delay: .25s; }\n .najel-card:nth-child(6) { animation-delay: .3s; }\n .najel-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes najelFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .najel-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":55208666628473,"sku":"NJ0005","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant_baume_solide_embrun_najel_ambiance_564159e8-904c-4067-a721-40681a21a94b.webp?v=1748852734"},{"product_id":"deodorant-solide-cacao-recharges-2x60g-comme-avant","title":"Déodorant solide au beurre de cacao brut (recharges) - 2x60g - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🕐 8 mois d'utilisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide au beurre de cacao brut\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003eRecharges 2×60 g — Comme Avant\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003e5 ingrédients naturels, zéro compromis. Un déodorant certifié bio, sans parfum et sans bicarbonate, qui prend soin de votre peau comme de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte vraiment votre peau ? Ces recharges de déodorant solide au beurre de cacao brut de Comme Avant sont pensées pour vous accompagner au quotidien, sans compromis sur la qualité ni sur l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmos Organic par Cosmébio pour une formule irréprochable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🐰 100 % vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, jamais testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🤲 Fait main\u003c\/h3\u003e\n \u003cp\u003eFabriqué artisanalement près de Marseille par Sophie et Nil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eSystème de recharges en carton recyclable, sans plastique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi choisir ces recharges de déodorant solide naturel ?\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eLes déodorants conventionnels contiennent souvent des sels d'aluminium, de l'alcool ou des parfums synthétiques susceptibles d'irriter les aisselles. Ce \u003cstrong\u003edéodorant solide\u003c\/strong\u003e Comme Avant prend le contre-pied : il neutralise les bactéries responsables des mauvaises odeurs tout en laissant votre peau respirer librement.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🚫 Pas de pores bouchés\u003c\/h3\u003e\n \u003cp\u003eContrairement aux anti-transpirants, ce déodorant ne bloque jamais votre transpiration naturelle. Pas d'effet occlusif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌬️ Fraîcheur durable\u003c\/h3\u003e\n \u003cp\u003eUne sensation de propreté et de légèreté tout au long de la journée, même lors d'efforts physiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eCe déodorant naturel convient aux hommes, aux femmes et aux enfants, même aux peaux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUne composition courte, transparente et certifiée bio\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eSeulement \u003cstrong\u003e5 ingrédients\u003c\/strong\u003e d'origine naturelle. Rien de superflu, rien de caché.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧪 Hydroxyde de magnésium\u003c\/h3\u003e\n \u003cp\u003eActif principal qui neutralise efficacement les odeurs sans irriter la peau, contrairement au bicarbonate de soude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao brut bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, hydrate et apaise les aisselles. Sa richesse en antioxydants protège la peau au fil des applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍋 Citrate de triéthyle\u003c\/h3\u003e\n \u003cp\u003eD'origine végétale, il aide à réguler la transpiration naturellement, sans jamais la bloquer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌴 Cire de carnauba\u003c\/h3\u003e\n \u003cp\u003eDonne au stick sa texture solide et facilite le glissement lors de l'application.\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'humidité pour une sensation de confort prolongée tout au long de la journée.\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\u003eSans parfum, sans bicarbonate de soude, sans sel d'aluminium, sans alcool, sans huiles essentielles.\u003c\/strong\u003e Une tolérance maximale pour un déodorant efficace et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment utiliser ces recharges ?\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eCe lot contient \u003cstrong\u003e2 recharges de 60 g chacune\u003c\/strong\u003e, à insérer dans votre tube applicateur Comme Avant réutilisable. Chaque recharge offre environ \u003cstrong\u003e4 mois d'utilisation\u003c\/strong\u003e, soit 8 mois au total.\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\u003eInsérez la recharge\u003c\/h3\u003e\n \u003cp\u003ePlacez la recharge dans votre tube applicateur Comme Avant réutilisable. Poussez avec votre doigt le fond du tube pour faire sortir le produit du stick.\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\u003eAppliquez sur peau propre et sèche\u003c\/h3\u003e\n \u003cp\u003eEffectuez 2 à 3 passages sous chaque aisselle, idéalement après la douche. Inutile d'en mettre davantage.\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\u003eLaissez votre corps s'adapter\u003c\/h3\u003e\n \u003cp\u003eSi vous passez d'un déodorant conventionnel à ce déodorant naturel, accordez à votre corps une période d'adaptation de 2 à 3 semaines.\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\u003eSa texture solide le rend parfait pour les voyages : il ne fond pas dans votre sac et ne coule pas en avion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUn choix éco-responsable et économique\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Moins de déchets\u003c\/h3\u003e\n \u003cp\u003eLe système de recharges réduit considérablement vos emballages\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e📦 Carton recyclable\u003c\/h3\u003e\n \u003cp\u003eEmballage issu de forêts gérées durablement, zéro plastique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💰 Plus économique\u003c\/h3\u003e\n \u003cp\u003eLe format 2×60 g revient bien moins cher que deux sticks classiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏷️ 4 labels\u003c\/h3\u003e\n \u003cp\u003eSlow Cosmétique, Cosmos Organic, Vegan, Origine France Garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-section-intro\" style=\"margin-top:1.25rem;\"\u003eUne traçabilité complète, du choix des matières premières jusqu'à la fabrication artisanale près de Marseille.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"deo-accordion\"\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre déodorant dans un endroit sec, à l'abri de la chaleur directe. La texture solide peut ramollir au-delà de 30 °C.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez l'application sur une peau lésée ou irritée. En cas de réaction inhabituelle, cessez l'utilisation. Ce produit cosmétique ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis médical. Consulter un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --deo-cream: #faf6f1;\n --deo-white: #ffffff;\n --deo-primary: #c4a882;\n --deo-primary-dark: #8b6f4e;\n --deo-primary-light: #f3ece3;\n --deo-secondary: #a3b18a;\n --deo-accent: #d4a574;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e8ddd0;\n --deo-shadow: 0 4px 24px rgba(139,111,78,.08);\n --deo-shadow-lg: 0 12px 48px rgba(139,111,78,.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, #8b6f4e 0%, #c4a882 50%, #a3b18a 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: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 20px,\n rgba(255,255,255,.03) 20px,\n rgba(255,255,255,.03) 40px\n );\n opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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-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-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .01em;\n}\n\n.deo-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.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-secondary));\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: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\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 {\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-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-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-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.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-testimonial {\n padding: 1.25rem;\n }\n\n .deo-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .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 deoFadeInUp {\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":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330406433145,"sku":"NBAICAV0075","price":18.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-brut-recharges-2x60g-com-lifestyle.webp?v=1775896725"},{"product_id":"deodorant-solide-eucalyptus-pin-sylvestre-recharges","title":"Déodorant solide au beurre de cacao eucalyptus et pin sylvestre (recharges) - 2x60g - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e⏳ ~8 mois d'utilisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide eucalyptus \u0026amp; pin sylvestre\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003eRecharges au beurre de cacao — Comme Avant\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003eLot de 2 recharges de 60 g · Formule bio sans bicarbonate · Fraîcheur boisée longue durée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eDéodorant solide bio eucalyptus et pin sylvestre – Recharges Comme Avant\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte votre peau autant que la planète ? Ces recharges de \u003cstrong\u003edéodorant solide au beurre de cacao\u003c\/strong\u003e, enrichies aux huiles essentielles d'eucalyptus globulus et de pin sylvestre, sont pensées pour vous accompagner au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Organic par Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧴 Sans bicarbonate\u003c\/h3\u003e\n \u003cp\u003eZéro irritation, même peaux sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🤲 Fait main\u003c\/h3\u003e\n \u003cp\u003eFabriqué artisanalement près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Format recharge\u003c\/h3\u003e\n \u003cp\u003eEmballage carton compostable et recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant naturel efficace ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🚫 Sans sels d'aluminium\u003c\/h3\u003e\n \u003cp\u003eContrairement aux déodorants conventionnels, cette formule 100 % d'origine naturelle neutralise les odeurs sans bloquer la transpiration, un processus essentiel pour votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌿 Fraîcheur vivifiante\u003c\/h3\u003e\n \u003cp\u003eLe parfum frais et boisé de l'eucalyptus associé au pin sylvestre procure une sensation vivifiante, idéale pour bien démarrer la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧈 Texture fondante\u003c\/h3\u003e\n \u003cp\u003eSa texture solide au beurre de cacao fond délicatement au contact de la peau et offre une application agréable, sans résidu collant.\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\u003eCe \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e comme pour femme s'adapte à tous les profils, y compris les peaux sensibles. Vous restez frais toute la journée, tout en laissant votre peau respirer librement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUne composition bio transparente et irréprochable\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eVoici la liste complète des ingrédients et leur rôle dans la formule :\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧲 Hydroxyde de magnésium\u003c\/h3\u003e\n \u003cp\u003eOrigine Israël · Agent absorbant naturel qui capture l'humidité et neutralise les odeurs corporelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧪 Citrate de triéthyle\u003c\/h3\u003e\n \u003cp\u003eOrigine Allemagne · Actif doux qui aide à réguler la transpiration sans irriter la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003eOrigine Afrique, Pérou, Antilles · Riche en acides gras, il nourrit, hydrate et apaise les aisselles, même après le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌴 Beurre de murumuru\u003c\/h3\u003e\n \u003cp\u003eOrigine Amérique du Sud · Émollient qui adoucit la peau et facilite le glissement du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌿 HE d'eucalyptus globulus bio\u003c\/h3\u003e\n \u003cp\u003eOrigine Portugal · Propriétés purifiantes et antibactériennes reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌲 HE de pin sylvestre bio\u003c\/h3\u003e\n \u003cp\u003eOrigine Bulgarie · Tonifiante et rafraîchissante, elle complète parfaitement l'eucalyptus.\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\u003eAucun bicarbonate de soude\u003c\/strong\u003e dans la formule : votre peau est protégée des irritations fréquemment causées par cet ingrédient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment utiliser votre déodorant solide ?\u003c\/h2\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éparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez la recharge directement sur une peau \u003cstrong\u003epropre et sèche\u003c\/strong\u003e.\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\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eEffectuez 2 à 3 passages sous chaque aisselle. Si le produit vous semble dur, réchauffez-le quelques secondes au creux de votre main.\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\u003eConservez correctement\u003c\/h3\u003e\n \u003cp\u003eGardez-le à l'abri de la chaleur et de l'humidité pour préserver sa tenue.\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\u003eProfitez longtemps\u003c\/h3\u003e\n \u003cp\u003eChaque recharge de 60 g dure environ \u003cstrong\u003e4 mois\u003c\/strong\u003e : le lot de deux vous offre donc près de \u003cstrong\u003e8 mois\u003c\/strong\u003e d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux enfants de moins de 7 ans. Si vous êtes enceinte ou allaitante, demandez l'avis de votre médecin avant utilisation.\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=\"deo-section\"\u003e\n \u003ch2\u003eVos interrogations, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"deo-accordion\"\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003eCe déodorant convient-il aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eOui. Sa formule sans bicarbonate, sans sels d'aluminium et sans alcool a été spécialement conçue pour minimiser les risques d'irritation, même sur les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003eEst-ce un bon déodorant homme naturel ?\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. Le duo eucalyptus-pin sylvestre offre un parfum frais et boisé qui plaît autant aux hommes qu'aux femmes. Son efficacité longue durée en fait un allié fiable, y compris lors d'une activité physique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003ePeut-on l'utiliser comme déodorant naturel pour les chaussures ?\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est formulé pour les aisselles. Pour les chaussures, privilégiez un désodorisant adapté à base de bicarbonate ou de charbon actif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003eL'emballage est-il écoresponsable ?\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eOui. L'étui est en carton issu de forêts gérées durablement, compostable et recyclable. Le format recharge réduit considérablement les déchets.\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=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"deo-cta-box\"\u003e\n \u003cp\u003e🌲 Offrez à vos aisselles une protection naturelle, bio et longue durée.\u003cbr\u003e2 recharges · 8 mois de fraîcheur · 0 déchet superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --deo-cream: #f5f3ee;\n --deo-white: #ffffff;\n --deo-primary: #7a8b6e;\n --deo-primary-dark: #4a5a3e;\n --deo-primary-light: #e8ece4;\n --deo-secondary: #b8a88a;\n --deo-accent: #9aab8a;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #ddd8cf;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.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\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #4a5a3e 0%, #7a8b6e 45%, #b8a88a 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,.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.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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 line-height: 1.1;\n}\n\n.deo-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.deo-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BADGES === *\/\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\/* === SECTIONS === *\/\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 line-height: 1.25;\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-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\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: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\n.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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\/* === TIMELINE === *\/\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\/* === TIP BOX === *\/\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\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-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.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\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\/* === DISCLAIMER === *\/\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\/* === RESPONSIVE MOBILE === *\/\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-tip {\n padding: .875rem 1rem;\n }\n\n .deo-tip-icon {\n font-size: 20px;\n }\n\n .deo-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .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 deoFadeInUp {\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 .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330406498681,"sku":"NBAICAV0076","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-eucalyptus-et-pin-sylves-lifestyle.webp?v=1776441816"},{"product_id":"deodorant-solide-citron-bergamote-recharges","title":"Déodorant solide au beurre de cacao citron et bergamote (recharges) - 2x60g - Comme Avant","description":"\u003cdiv class=\"ca-premium\"\u003e\n\n\u003cdiv class=\"ca-hero\"\u003e\n\u003cdiv class=\"ca-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ca-hero-content\"\u003e\n\u003cdiv class=\"ca-badges-top\"\u003e\n\u003cspan class=\"ca-badge\"\u003e🌿 Certifié COSMOS Bio Organic\u003c\/span\u003e\n\u003cspan class=\"ca-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n\u003cspan class=\"ca-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n\u003cspan class=\"ca-badge\"\u003e📦 8 mois d'utilisation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ca-hero-title\"\u003eRecharges déodorant solide au beurre de cacao – Citron \u0026amp; Bergamote\u003c\/span\u003e\n\u003cp class=\"ca-subtitle\"\u003eComme Avant · Lot de 2 recharges · 2×60 g\u003c\/p\u003e\n\u003cp class=\"ca-description\"\u003eUn déodorant naturel, efficace et doux pour la peau. Sans bicarbonate, sans sels d'aluminium, sans alcool. Juste 5 ingrédients bio pour vous protéger au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"ca-section\"\u003e\n\u003ch2\u003eRecharges de déodorant solide citron \u0026amp; bergamote au beurre de cacao – Comme Avant\u003c\/h2\u003e\n\u003cp class=\"ca-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte votre peau au quotidien ? Ces recharges de \u003cstrong\u003edéodorant solide\u003c\/strong\u003e au beurre de cacao, parfumées au citron et à la bergamote, vous accompagnent pendant environ \u003cstrong\u003e8 mois\u003c\/strong\u003e. Fabriquées à la main près de Marseille et certifiées \u003cstrong\u003eCOSMOS Bio Organic\u003c\/strong\u003e, elles incarnent une alternative saine, écologique et économique aux déodorants conventionnels.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ca-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce déodorant solide bio ?\u003c\/h2\u003e\n\u003cp class=\"ca-section-intro\"\u003eSa formule (Version 3) a été pensée pour allier efficacité et douceur. Voici ce qui le distingue :\u003c\/p\u003e\n\u003cdiv class=\"ca-grid\"\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🛡️ Bloque les mauvaises odeurs\u003c\/h3\u003e\n\u003cp\u003eL'hydroxyde de magnésium neutralise les bactéries responsables des odeurs sans empêcher la transpiration naturelle de votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e💧 Régule la transpiration\u003c\/h3\u003e\n\u003cp\u003eLe citrate de triéthyle offre une alternative douce et naturelle aux sels d'aluminium pour une régulation en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e✨ Nourrit et protège la peau\u003c\/h3\u003e\n\u003cp\u003eLe beurre de cacao et le beurre de murumuru apportent une hydratation intense, même sur les peaux les plus réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🤍 Ne pique pas\u003c\/h3\u003e\n\u003cp\u003eFormulé sans bicarbonate de soude, sans alcool, sans paraben, sans sels d'aluminium et sans pierre d'alun.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🐰 Vegan et cruelty-free\u003c\/h3\u003e\n\u003cp\u003eLa cire de carnauba remplace la cire d'abeille, et aucun test sur les animaux n'est pratiqué. Respectueux de toutes les vies.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🍋 Parfum frais et mixte\u003c\/h3\u003e\n\u003cp\u003eCe déodorant naturel convient aux hommes comme aux femmes grâce à ses notes fraîches d'agrumes, toniques et discrètes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ca-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cp class=\"ca-section-intro\"\u003eUne liste courte, transparente et lisible : exactement ce que l'on attend d'un déodorant efficace naturel. Seulement 5 ingrédients actifs d'origine naturelle.\u003c\/p\u003e\n\u003cdiv class=\"ca-grid-compact\"\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🍫 Beurre de cacao*\u003c\/h3\u003e\n\u003cp\u003eNourrit et protège intensément la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🌴 Beurre de murumuru\u003c\/h3\u003e\n\u003cp\u003eHydrate en profondeur et adoucit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🧪 Hydroxyde de magnésium\u003c\/h3\u003e\n\u003cp\u003eNeutralise les bactéries responsables des odeurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🌿 Cire de carnauba\u003c\/h3\u003e\n\u003cp\u003eAlternative végane à la cire d'abeille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🔬 Citrate de triéthyle\u003c\/h3\u003e\n\u003cp\u003eRégule la transpiration en douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🍋 Huiles essentielles*\u003c\/h3\u003e\n\u003cp\u003eCitron et bergamote bio pour un parfum frais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🛡️ Tocophérol\u003c\/h3\u003e\n\u003cp\u003eVitamine E antioxydante naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n\u003cp\u003eSupport naturel pour la vitamine E\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-tip\"\u003e\n\u003cspan class=\"ca-tip-icon\"\u003e🏷️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eINCI complet :\u003c\/strong\u003e Theobroma Cacao Seed Butter*, Astrocaryum Murumuru Seed Butter, Magnesium Hydroxide, Copernicia Cerifera Cera, Triethyl Citrate, Citrus Limon Peel Oil*, Citrus Aurantium Bergamia Fruit Oil*, Tocopherol, Helianthus Annuus Seed Oil. *Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ca-section\"\u003e\n\u003ch2\u003eComment utiliser les recharges ?\u003c\/h2\u003e\n\u003cdiv class=\"ca-timeline\"\u003e\n\u003cdiv class=\"ca-timeline-item\"\u003e\n\u003cdiv class=\"ca-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ca-timeline-content\"\u003e\n\u003ch3\u003eDévissez votre stick\u003c\/h3\u003e\n\u003cp\u003eOuvrez votre stick Comme Avant et retirez l'ancien bâtonnet de déodorant usagé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-timeline-item\"\u003e\n\u003cdiv class=\"ca-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ca-timeline-content\"\u003e\n\u003ch3\u003eInsérez la recharge\u003c\/h3\u003e\n\u003cp\u003ePlacez la nouvelle recharge en l'alignant soigneusement avec le socle du stick.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-timeline-item\"\u003e\n\u003cdiv class=\"ca-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ca-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur peau propre\u003c\/h3\u003e\n\u003cp\u003eEffectuez quelques passages légers directement sur les aisselles propres et sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-tip\"\u003e\n\u003cspan class=\"ca-tip-icon\"\u003e✈️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePratique en voyage :\u003c\/strong\u003e ce format solide est compact et léger, il passe en bagage cabine. Une recharge dure environ \u003cstrong\u003e4 mois\u003c\/strong\u003e en utilisation quotidienne, ce qui fait de ce lot un choix économique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ca-section\"\u003e\n\u003ch2\u003eFabrication artisanale et engagement écologique\u003c\/h2\u003e\n\u003cdiv class=\"ca-grid\"\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🤲 Fabrication artisanale\u003c\/h3\u003e\n\u003cp\u003eChaque déodorant solide est fabriqué à la main, près de Marseille, avec un savoir-faire artisanal authentique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e📦 Emballage carton recyclable\u003c\/h3\u003e\n\u003cp\u003eIssu de forêts gérées durablement, avec un pelliculage intérieur en pâte de bois. Zéro plastique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e♻️ Démarche zéro déchet\u003c\/h3\u003e\n\u003cp\u003ePas de plastique, un format recharge économique et un engagement écologique cohérent de bout en bout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ca-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"ca-accordion\"\u003e\n\u003cdetails class=\"ca-accordion-item\"\u003e\n\u003csummary class=\"ca-accordion-header\"\u003e👶 Convient aux peaux sensibles\u003c\/summary\u003e\n\u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n\u003cp\u003eCe déodorant convient aux peaux sensibles et peut être utilisé par les femmes enceintes ou allaitantes en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ca-accordion-item\"\u003e\n\u003csummary class=\"ca-accordion-header\"\u003e⚠️ Test cutané recommandé\u003c\/summary\u003e\n\u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n\u003cp\u003eRéalisez un test cutané au pli du coude 24 heures avant la première utilisation. En cas de rougeur ou d'irritation, cessez l'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ca-accordion-item\"\u003e\n\u003csummary class=\"ca-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n\u003cp\u003eRangez le déodorant dans un endroit sec, à l'abri de la chaleur. Au-dessus de 30 °C, le beurre de cacao peut ramollir sans altérer l'efficacité du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ca-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003eVos questions, nos réponses\u003c\/h2\u003e\n\u003cdiv class=\"ca-accordion\"\u003e\n\u003cdetails class=\"ca-accordion-item\"\u003e\n\u003csummary class=\"ca-accordion-header\"\u003e👧 Ce déodorant naturel est-il adapté aux enfants ?\u003c\/summary\u003e\n\u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, il peut être utilisé à partir de 7 ans, sous la supervision d'un adulte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ca-accordion-item\"\u003e\n\u003csummary class=\"ca-accordion-header\"\u003e⏱️ Combien de temps dure une recharge ?\u003c\/summary\u003e\n\u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n\u003cp\u003eEnviron 4 mois en application quotidienne, soit \u003cstrong\u003e8 mois\u003c\/strong\u003e pour le lot de 2 recharges.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ca-accordion-item\"\u003e\n\u003csummary class=\"ca-accordion-header\"\u003e🧊 Comment bien conserver ce déodorant solide ?\u003c\/summary\u003e\n\u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n\u003cp\u003eRangez-le dans un endroit sec, à l'abri de la chaleur. Au-dessus de 30 °C, le beurre de cacao peut ramollir sans altérer l'efficacité du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ca-accordion-item\"\u003e\n\u003csummary class=\"ca-accordion-header\"\u003e👨 Peut-on l'utiliser comme déodorant naturel pour homme ?\u003c\/summary\u003e\n\u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n\u003cp\u003eAbsolument. Son parfum citron-bergamote est frais et mixte, apprécié par les hommes comme par les femmes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ca-accordion-item\"\u003e\n\u003csummary class=\"ca-accordion-header\"\u003e💦 Ce déodorant bloque-t-il la transpiration ?\u003c\/summary\u003e\n\u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n\u003cp\u003eNon, il laisse le corps respirer naturellement tout en neutralisant efficacement les odeurs. C'est un déodorant, pas un anti-transpirant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ca-cream: #faf6f0;\n --ca-white: #ffffff;\n --ca-primary: #c8a564;\n --ca-primary-dark: #6b4c2a;\n --ca-primary-light: #f5edd8;\n --ca-secondary: #e8c44a;\n --ca-accent: #d4a843;\n --ca-text: #1a1a1a;\n --ca-text-light: #5a5a5a;\n --ca-border: #e8dcc8;\n --ca-shadow: 0 4px 24px rgba(107, 76, 42, .08);\n --ca-shadow-lg: 0 12px 48px rgba(107, 76, 42, .15);\n --ca-radius: 20px;\n --ca-radius-sm: 12px;\n}\n\n.ca-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ca-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ca-hero {\n position: relative;\n background: linear-gradient(135deg, #6b4c2a 0%, #c8a564 50%, #e8c44a 100%);\n border-radius: var(--ca-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(--ca-shadow-lg);\n}\n\n.ca-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,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: .6;\n}\n\n.ca-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ca-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.ca-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ca-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(--ca-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ca-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ca-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.ca-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ca-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ca-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ca-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.ca-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(--ca-primary), var(--ca-secondary));\n border-radius: 2px;\n}\n\n.ca-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ca-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.ca-card {\n background: var(--ca-white);\n border-radius: var(--ca-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ca-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ca-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ca-shadow-lg);\n border-color: var(--ca-primary);\n}\n\n.ca-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ca-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ca-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ca-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ca-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ca-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ca-grid-compact .ca-card {\n padding: 1rem;\n}\n\n.ca-grid-compact .ca-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ca-grid-compact .ca-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ca-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ca-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ca-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ca-primary), var(--ca-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.ca-timeline-content {\n flex: 1;\n background: var(--ca-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ca-radius-sm);\n box-shadow: var(--ca-shadow);\n}\n\n.ca-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ca-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ca-timeline-content p {\n font-size: 14px;\n color: var(--ca-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ca-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ca-primary-light);\n border-radius: var(--ca-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ca-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ca-tip p {\n font-size: 14px;\n color: var(--ca-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ca-accordion {\n background: var(--ca-white);\n border-radius: var(--ca-radius);\n box-shadow: var(--ca-shadow);\n overflow: hidden;\n}\n\n.ca-accordion-item {\n border-bottom: 1px solid var(--ca-border);\n margin: 0;\n padding: 0;\n}\n\n.ca-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ca-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ca-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.ca-accordion-header:hover {\n background: var(--ca-primary-light);\n}\n\n.ca-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ca-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ca-primary);\n transition: transform .2s ease;\n}\n\n.ca-accordion-item[open] .ca-accordion-header::after {\n content: '−';\n}\n\n.ca-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ca-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ca-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ca-cta-box {\n background: linear-gradient(135deg, var(--ca-primary) 0%, var(--ca-primary-dark) 100%);\n border-radius: var(--ca-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ca-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 .ca-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ca-card {\n padding: 1.125rem;\n }\n\n .ca-section {\n margin-bottom: 1.75rem;\n }\n\n .ca-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ca-radius-sm);\n }\n\n .ca-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ca-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ca-grid-compact {\n gap: .625rem;\n }\n\n .ca-grid-compact .ca-card {\n padding: .75rem;\n }\n\n .ca-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ca-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ca-timeline-content h3 {\n font-size: 14px;\n }\n\n .ca-timeline-content p {\n font-size: 13px;\n }\n\n .ca-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ca-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ca-tip {\n padding: .875rem 1rem;\n }\n\n .ca-tip-icon {\n font-size: 20px;\n }\n\n .ca-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ca-card {\n animation: caFadeInUp .5s ease backwards;\n }\n .ca-card:nth-child(1) { animation-delay: .05s; }\n .ca-card:nth-child(2) { animation-delay: .1s; }\n .ca-card:nth-child(3) { animation-delay: .15s; }\n .ca-card:nth-child(4) { animation-delay: .2s; }\n .ca-card:nth-child(5) { animation-delay: .25s; }\n .ca-card:nth-child(6) { animation-delay: .3s; }\n .ca-card:nth-child(7) { animation-delay: .35s; }\n .ca-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes caFadeInUp {\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 .ca-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330406564217,"sku":"NBAICAV0077","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-beurre-cacao-citron-bergamote-recharges-2x60g-comme-avant.jpg?v=1759498012"},{"product_id":"recharge-deodorant-solide-menthe-geranium-comme-avant","title":"Déodorant solide au beurre de cacao menthe poivrée et géranium (recharges) - 2x60g - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐇 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🕐 8 mois d'utilisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide au beurre de cacao menthe poivrée \u0026amp; géranium bourbon\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003eLot de 2 recharges · 2×60 g · Comme Avant\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003eFraîcheur longue durée, peau nourrie et zéro déchet superflu. La recharge maligne certifiée bio, pensée pour les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eRecharges de déodorant solide bio menthe poivrée \u0026amp; géranium bourbon – Comme Avant\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant solide naturel\u003c\/strong\u003e vraiment efficace, respectueux de votre peau et de l'environnement ? Ces recharges de déodorant solide au beurre de cacao de Comme Avant combinent fraîcheur de la \u003cstrong\u003ementhe poivrée\u003c\/strong\u003e et douceur florale du \u003cstrong\u003egéranium bourbon\u003c\/strong\u003e pour vous accompagner au quotidien pendant environ \u003cstrong\u003e8 mois\u003c\/strong\u003e. Un format malin, pensé pour réduire les déchets sans sacrifier le confort.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant solide bio ?\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eUne formule certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et labellisée \u003cstrong\u003eSlow Cosmétique\u003c\/strong\u003e, sans sels d'aluminium, sans bicarbonate de soude, sans conservateurs synthétiques.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🛡️ Anti-odeur longue durée\u003c\/h3\u003e\n \u003cp\u003eL'hydroxyde de magnésium neutralise efficacement les bactéries responsables des mauvaises odeurs, sans bloquer la transpiration naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💧 Hydratant et protecteur\u003c\/h3\u003e\n \u003cp\u003eLe beurre de cacao bio nourrit la peau en profondeur et prévient les irritations, même après le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌸 Convient aux peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulé sans bicarbonate, ce déodorant est adapté aux peaux réactives, aux femmes enceintes et aux enfants dès 7 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌿 Parfum mixte et subtil\u003c\/h3\u003e\n \u003cp\u003eLa menthe poivrée apporte une fraîcheur immédiate, tandis que le géranium bourbon laisse un sillage floral délicat. Convient aux femmes comme aux hommes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eChaque recharge de 60 g contient uniquement des ingrédients sélectionnés avec soin, tous d'origine naturelle :\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eTheobroma Cacao Seed Butter\u003c\/em\u003e — Émollient riche en acides gras, il adoucit et protège la peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧂 Hydroxyde de magnésium\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eMagnesium Hydroxide\u003c\/em\u003e — Actif anti-odeur doux, il absorbe l'humidité sans irriter les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌴 Cire de carnauba\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCopernicia Cerifera Cera\u003c\/em\u003e — Donne au déodorant sa texture solide tout en restant 100 % vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌺 Géranium bourbon bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePelargonium Graveolens Oil\u003c\/em\u003e — Huile essentielle apaisante et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌱 Menthe poivrée bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eMentha Piperita Oil\u003c\/em\u003e — Huile essentielle rafraîchissante et purifiante pour une sensation de fraîcheur durable.\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\u003eCertifié bio, vegan et fabriqué en France\u003c\/strong\u003e près de Marseille. Aucun test sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment utiliser ces recharges de déodorant solide ?\u003c\/h2\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\u003eInsérez la recharge\u003c\/h3\u003e\n \u003cp\u003ePlacez simplement la recharge dans votre applicateur Comme Avant (vendu séparément).\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\u003eAppliquez sur peau propre\u003c\/h3\u003e\n \u003cp\u003eEffectuez quelques passages sous chaque aisselle sur une peau propre et sèche.\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\u003eRéchauffez si besoin\u003c\/h3\u003e\n \u003cp\u003eSi la texture vous semble ferme, réchauffez le stick quelques secondes au contact de la peau : le beurre de cacao fond légèrement et glisse tout seul.\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\u003eChaque lot de \u003cstrong\u003e2 recharges de 60 g\u003c\/strong\u003e offre environ \u003cstrong\u003e8 mois\u003c\/strong\u003e d'utilisation quotidienne. Un format économique et écologique qui vous évite de racheter un emballage complet à chaque fois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUn geste concret pour la planète\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e📦 Emballage durable\u003c\/h3\u003e\n \u003cp\u003eCarton issu de forêts gérées durablement, pellicule en pâte de bois biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Zéro gaspillage\u003c\/h3\u003e\n \u003cp\u003eLe principe de la recharge : moins de plastique, moins de déchets à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌍 Impact réduit\u003c\/h3\u003e\n \u003cp\u003eEn optant pour ce déodorant bio solide, vous réduisez concrètement votre empreinte environnementale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✈️ Format voyage\u003c\/h3\u003e\n \u003cp\u003eCompact et solide, il passe sans problème en bagage cabine : parfait pour voyager léger et frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"deo-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez un rituel beauté plus naturel et responsable.\u003cbr\u003e2 recharges · 8 mois de fraîcheur · Certifié bio \u0026amp; vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eContient des huiles essentielles. Déconseillé aux enfants de moins de 7 ans et aux femmes enceintes de moins de 3 mois. En cas de doute, consultez votre médecin. Ce produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --deo-cream: #faf6f2;\n --deo-white: #ffffff;\n --deo-primary: #b8856c;\n --deo-primary-dark: #7a4e3a;\n --deo-primary-light: #f3e8e0;\n --deo-secondary: #c9a68e;\n --deo-accent: #8a6b52;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e8ddd5;\n --deo-shadow: 0 4px 24px rgba(122,78,58,.08);\n --deo-shadow-lg: 0 12px 48px rgba(122,78,58,.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\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #7a4e3a 0%, #b8856c 50%, #c9a68e 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: 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 opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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 line-height: 1.1;\n}\n\n.deo-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}\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\/* === BADGES === *\/\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\/* === SECTIONS === *\/\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 line-height: 1.25;\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-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\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: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\n.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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\/* === TIMELINE === *\/\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\/* === TIP BOX === *\/\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\/* === CTA FINAL === *\/\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\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-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.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-tip {\n padding: .875rem 1rem;\n }\n\n .deo-tip-icon {\n font-size: 20px;\n }\n\n .deo-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .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 deoFadeInUp {\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 .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330406629753,"sku":"NBAICAV0078","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-menthe-poivree-et-gerani-lifestyle.webp?v=1776441798"},{"product_id":"deodorant-solide-abricot-fleurs-cerisier-comme-avant","title":"Déodorant Solide au Beurre de Cacao - Abricot \u0026 Fleurs de Cerisier - 60 g - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide au beurre de cacao\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003eAbricot \u0026amp; Fleurs de cerisier — 60 g\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003eUn stick naturel, doux et efficace qui bloque les odeurs sans agresser votre peau. Sans bicarbonate, sans alcool, sans sels d'aluminium. 4 à 6 mois d'utilisation par stick.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eDéodorant solide bio Comme Avant : la douceur de l'abricot et des fleurs de cerisier\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte vraiment votre peau ? Le déodorant solide au beurre de cacao Abricot \u0026amp; Fleurs de cerisier de Comme Avant est formulé sans bicarbonate de soude, sans alcool et sans sels d'aluminium. Son parfum fruité et floral vous accompagne avec subtilité tout au long de la journée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant solide bio ?\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eContrairement à de nombreux déodorants conventionnels, ce stick repose sur une approche douce et respectueuse de votre corps :\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🛡️ Bloque les mauvaises odeurs\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'hydroxyde de magnésium, un minéral naturel absorbant qui neutralise les bactéries responsables des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💧 Régule la transpiration\u003c\/h3\u003e\n \u003cp\u003eSans obstruer les pores, contrairement aux anti-transpirants classiques. Votre peau respire naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✨ Nourrit la peau\u003c\/h3\u003e\n \u003cp\u003eLe beurre de cacao et le beurre de murumuru, riches en acides gras essentiels, prennent soin de vos aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌸 Ne pique pas\u003c\/h3\u003e\n \u003cp\u003eMême sur les peaux fraîchement épilées ou naturellement sensibles. Douceur garantie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏅 Certifié COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eVegan et fabriqué à la main près de Marseille. Des labels exigeants qui garantissent la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e👫 Pour toutes et tous\u003c\/h3\u003e\n \u003cp\u003eConvient aussi bien aux femmes qu'aux hommes. Les notes d'abricot restent légères et discrètes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUne composition transparente et 100 % naturelle\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eChaque ingrédient a été choisi pour son rôle précis dans la formule. Seulement 5 actifs, aucun composant superflu :\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003eNourrit et protège la peau, apporte la texture fondante au stick pour une application agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌴 Beurre de murumuru bio\u003c\/h3\u003e\n \u003cp\u003eÉmollient qui adoucit et hydrate l'épiderme en profondeur. Riche en acides gras nourrissants.\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 tenue solide du déodorant sans cire animale. Une alternative végétale et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧲 Hydroxyde de magnésium\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'humidité et neutralise les bactéries responsables des odeurs. L'actif anti-odeur clé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍃 Citrate de triéthyle\u003c\/h3\u003e\n \u003cp\u003eActif anti-odeur d'origine végétale, alternative saine aux sels d'aluminium controversés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍑 Parfum abricot \u0026amp; fleurs de cerisier\u003c\/h3\u003e\n \u003cp\u003e100 % naturel, sans allergènes connus. Un parfum fruité et floral subtil qui vous accompagne toute la journée.\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\u003eL'idéal si vous souhaitez passer à un \u003cstrong\u003edéodorant maison naturel\u003c\/strong\u003e sans avoir à le fabriquer vous-même.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre déodorant solide ?\u003c\/h2\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\u003ePoussez le stick\u003c\/h3\u003e\n \u003cp\u003ePoussez doucement le stick par le fond du tube en carton pour faire apparaître le produit.\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\u003eAppliquez 2 à 3 passages\u003c\/h3\u003e\n \u003cp\u003ePassez le stick sur chaque aisselle, sur peau propre et sèche, pour une protection optimale.\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\u003eAstuce par temps froid\u003c\/h3\u003e\n \u003cp\u003eSi le produit semble rigide (en hiver notamment), maintenez-le quelques secondes contre votre peau pour le ramollir.\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\u003eConservez-le à l'abri de la chaleur et de l'humidité. Un stick de \u003cstrong\u003e60 g\u003c\/strong\u003e dure en moyenne \u003cstrong\u003e4 à 6 mois\u003c\/strong\u003e. Format compact autorisé en bagage cabine. Convient aux adultes et aux enfants dès 7 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUn emballage zéro déchet, fabriqué en France\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Carton recyclable\u003c\/h3\u003e\n \u003cp\u003eTube 100 % carton, sans aucun plastique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🐢 Slow Cosmétique\u003c\/h3\u003e\n \u003cp\u003eLabel exigeant pour une beauté raisonnée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌱 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertification bio européenne reconnue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France Garantie\u003c\/h3\u003e\n \u003cp\u003eFabriqué artisanalement près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-section-intro\" style=\"margin-top:1.25rem;\"\u003eChoisir ce \u003cstrong\u003edéodorant efficace naturel\u003c\/strong\u003e, c'est aussi soutenir un savoir-faire local et une démarche écologique sincère.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"deo-accordion\"\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🌸 Ce déodorant convient-il aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule sans bicarbonate, sans alcool et sans sels d'aluminium a été pensée pour les peaux réactives et sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e👨 Peut-il être utilisé comme déodorant homme naturel ?\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. Le parfum abricot et fleurs de cerisier reste subtil et convient à tous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e👕 Ce déodorant laisse-t-il des traces sur les vêtements ?\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, la texture fondante pénètre rapidement et ne laisse pas de résidus visibles sur les tissus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🐰 Ce produit est-il vegan ?\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, il est certifié vegan et n'a fait l'objet d'aucun test sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --deo-cream: #faf6f1;\n --deo-white: #ffffff;\n --deo-primary: #d4883e;\n --deo-primary-dark: #9c5e1f;\n --deo-primary-light: #fdf0e2;\n --deo-secondary: #e8a96b;\n --deo-accent: #f5c28a;\n\n \/* Textes *\/\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n\n \/* Effets *\/\n --deo-border: #e8ddd0;\n --deo-shadow: 0 4px 24px rgba(156,94,31,.08);\n --deo-shadow-lg: 0 12px 48px rgba(156,94,31,.15);\n --deo-radius: 20px;\n --deo-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #c07830 0%, #d4923e 40%, #e8a96b 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\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 line-height: 1.1;\n}\n\n.deo-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.deo-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.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\/* === SECTIONS === *\/\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 line-height: 1.25;\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-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\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: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\n.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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\/* === TIMELINE === *\/\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\/* === TIP BOX === *\/\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\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-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.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\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\/* === RESPONSIVE MOBILE === *\/\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .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 deoFadeInUp {\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 .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330407416185,"sku":"NBAICAV0081","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-abricot-fleurs-de-cerisi-packshothd.webp?v=1776172674"},{"product_id":"deodorant-solide-cedrat-bambou-comme-avant","title":"Déodorant Solide au Beurre de Cacao - Cédrat \u0026 Bambou - 60 g - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🧴 5 ingrédients seulement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide au beurre de cacao — Cédrat \u0026amp; Bambou\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003eComme Avant · 60 g · 4 à 6 mois d'utilisation\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003eUne formule minimaliste, certifiée bio, sans bicarbonate ni sels d'aluminium. Fraîcheur naturelle toute la journée, dans un emballage zéro plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eDéodorant solide Cédrat \u0026amp; Bambou au beurre de cacao — Comme Avant\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte vraiment votre peau ? Le déodorant solide Cédrat \u0026amp; Bambou de Comme Avant est formulé avec seulement \u003cstrong\u003e5 ingrédients d'origine naturelle\u003c\/strong\u003e, certifié \u003cstrong\u003eCOSMOS Organic\u003c\/strong\u003e et fabriqué artisanalement près de Marseille. Fini les compositions à rallonge : ici, chaque ingrédient a un rôle précis, et rien de superflu n'a été ajouté.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍋 Senteur cédrat \u0026amp; bambou\u003c\/h3\u003e\n \u003cp\u003eFraîche, citronnée et végétale, parfaite au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧪 5 ingrédients\u003c\/h3\u003e\n \u003cp\u003eFormule courte, transparente, sans superflu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e⏳ 4 à 6 mois\u003c\/h3\u003e\n \u003cp\u003eAutonomie exceptionnelle pour un format de 60 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✈️ Bagage cabine\u003c\/h3\u003e\n \u003cp\u003eFormat solide compact autorisé en avion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi choisir un déodorant solide naturel ?\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eContrairement aux anti-transpirants conventionnels qui bloquent la transpiration à l'aide de \u003cstrong\u003esels d'aluminium\u003c\/strong\u003e, ce déodorant solide laisse votre peau respirer. Il agit en neutralisant les bactéries responsables des mauvaises odeurs, sans obstruer les pores. Résultat : une fraîcheur durable, sans compromettre le fonctionnement naturel de votre corps.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✅ Bloque les odeurs\u003c\/h3\u003e\n \u003cp\u003eNeutralise les bactéries responsables des mauvaises odeurs sans bloquer la transpiration naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🚫 Sans sels d'aluminium\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient controversé : pas de triclosan, pas de gaz propulseur, pas de conservateur synthétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e👫 Mixte et unisexe\u003c\/h3\u003e\n \u003cp\u003eConvient aux femmes comme aux hommes. Parfum discret, léger et jamais entêtant — idéal au quotidien\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\u003eC'est aussi un excellent \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e qui recherche simplicité et efficacité, sans compromis sur la fraîcheur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUne composition courte et transparente\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eVoici la liste complète des ingrédients et leur rôle dans la formule — seulement 5 actifs + un parfum naturel :\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧂 Hydroxyde de magnésium\u003c\/h3\u003e\n \u003cp\u003eMinéral naturel aux propriétés absorbantes qui limite efficacement les odeurs sans irriter la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌱 Citrate de triéthyle\u003c\/h3\u003e\n \u003cp\u003eActif d'origine végétale qui remplace les sels d'aluminium et empêche le développement des bactéries\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, protège et apaise la peau des aisselles, même les plus sensibles. Texture fondante et agréable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🥥 Beurre de murumuru\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, adoucit et répare la peau tout en facilitant le glissement à l'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌾 Cire de carnauba\u003c\/h3\u003e\n \u003cp\u003eApporte de la tenue au stick et maintient sa consistance, même par temps chaud\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍋 Parfum cédrat \u0026amp; bambou\u003c\/h3\u003e\n \u003cp\u003eSenteur végétale et citronnée, fraîche et vivifiante, 100 % d'origine naturelle\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\u003eSans bicarbonate de soude, sans alcool, sans huile essentielle pure, sans conservateur synthétique.\u003c\/strong\u003e Une formule pensée pour les peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant solide ?\u003c\/h2\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éparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez chaque matin sur une \u003cstrong\u003epeau propre et sèche\u003c\/strong\u003e, idéalement après la douche.\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\u003eAppliquez le stick\u003c\/h3\u003e\n \u003cp\u003eEffectuez \u003cstrong\u003e2 à 3 passages\u003c\/strong\u003e sous chaque aisselle. Si le produit semble dur, maintenez-le quelques secondes contre la peau pour le réchauffer.\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\u003eProfitez de la fraîcheur\u003c\/h3\u003e\n \u003cp\u003eLe déodorant fond et glisse sans effort. Sa texture onctueuse pénètre rapidement sans laisser de résidu gras.\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\u003eCe format de \u003cstrong\u003e60 g\u003c\/strong\u003e offre une autonomie remarquable de \u003cstrong\u003e4 à 6 mois\u003c\/strong\u003e d'utilisation quotidienne — un choix particulièrement économique. Format compact autorisé en \u003cstrong\u003ebagage cabine\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUn choix écologique et vegan\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e📦 Carton recyclable\u003c\/h3\u003e\n \u003cp\u003eEmballage sans plastique, 100 % recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🐰 Certifié vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, non testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🐌 Slow Cosmétique\u003c\/h3\u003e\n \u003cp\u003eLabellisé pour sa démarche éthique et ses ingrédients de qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduction artisanale près de Marseille, origine France garantie\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\u003eConvient aux \u003cstrong\u003eadultes et aux enfants dès 7 ans\u003c\/strong\u003e. Choisir ce déodorant solide, c'est réduire concrètement vos déchets tout en prenant soin de vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eBon à savoir\u003c\/h2\u003e\n \u003cdiv class=\"deo-accordion\"\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🔄 Période d'adaptation\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eUn déodorant naturel ne bloque pas la transpiration : il neutralise les odeurs. Si vous passez d'un anti-transpirant classique à un déodorant naturel, une \u003cstrong\u003epériode d'adaptation de quelques jours\u003c\/strong\u003e est tout à fait normale. Votre peau a besoin de retrouver son équilibre. Soyez patient, les résultats suivront rapidement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre déodorant solide à l'abri de la chaleur et de la lumière directe. Par temps très chaud, vous pouvez le stocker au réfrigérateur pour préserver sa tenue optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez l'application sur une peau lésée ou irritée. Ne pas appliquer juste après le rasage. En cas de doute ou d'irritation persistante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute ou 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 --deo-cream: #faf6f0;\n --deo-white: #ffffff;\n --deo-primary: #8fa63a;\n --deo-primary-dark: #5a6e1e;\n --deo-primary-light: #f0f4e2;\n --deo-secondary: #c4a45a;\n --deo-accent: #d4c89a;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e0ddd5;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.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\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #5a6e1e 0%, #8fa63a 45%, #a8b84a 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% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(196,164,90,.15) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 32px);\n opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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 line-height: 1.15;\n}\n\n.deo-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.deo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\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\/* === SECTIONS === *\/\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 line-height: 1.25;\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-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\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-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\/* === TIMELINE === *\/\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\/* === TIP BOX === *\/\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\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-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.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === SECTION INTRO === *\/\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: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === DISCLAIMER === *\/\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\/* === RESPONSIVE MOBILE === *\/\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-tip {\n padding: .875rem 1rem;\n }\n\n .deo-tip-icon {\n font-size: 20px;\n }\n\n .deo-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .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 deoFadeInUp {\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 .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330407481721,"sku":"NBAICAV0082","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-cedrat-bambou-60-g-comme-packshothd.webp?v=1776237936"},{"product_id":"recharge-deodorant-solide-abricot-fleurs-de-cerisier-comme-avant","title":"Déodorant solide abricot \u0026 fleurs de cerisier (recharges) - 2x60g - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\u003c!-- HERO --\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🌿 100 % naturel\u003c\/span\u003e \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e \u003cspan class=\"deo-badge\"\u003e♻️ Recharges zéro déchet\u003c\/span\u003e \u003cspan class=\"deo-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"deo-hero-title\"\u003eRecharges déodorant solide abricot \u0026amp; fleurs de cerisier\u003c\/span\u003e\n\u003cp class=\"deo-subtitle\"\u003eLot de 2 × 60 g · Jusqu'à 8 mois de fraîcheur naturelle\u003c\/p\u003e\n\u003cp class=\"deo-description\"\u003eUn déodorant solide au beurre de cacao biologique, sans bicarbonate de soude ni sels d'aluminium. Un parfum gourmand et floral qui prend soin de votre peau toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eRecharges de déodorant solide abricot \u0026amp; fleurs de cerisier – Comme Avant\u003c\/h2\u003e\n\u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui prend soin de votre peau sans compromis ? Ces recharges de \u003cstrong\u003edéodorant solide au beurre de cacao\u003c\/strong\u003e parfumé à l'abricot et aux fleurs de cerisier vous offrent une fraîcheur durable et un parfum délicat, jour après jour. Fabriquées artisanalement près de Marseille, elles s'inscrivent dans une démarche zéro déchet en prolongeant la vie de votre tube Comme Avant.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce déodorant naturel ?\u003c\/h2\u003e\n\u003cp class=\"deo-section-intro\"\u003eContrairement aux déodorants conventionnels, cette formule \u003cstrong\u003esans bicarbonate de soude, sans alcool et sans sels d'aluminium\u003c\/strong\u003e respecte même les aisselles les plus réactives. Elle convient aux \u003cstrong\u003epeaux sensibles\u003c\/strong\u003e, aux femmes comme aux hommes, et aux enfants dès 7 ans.\u003c\/p\u003e\n\u003cdiv class=\"deo-grid\"\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🛡️ Neutralise les odeurs\u003c\/h3\u003e\n\u003cp\u003eLe citrate de triéthyle bloque efficacement les mauvaises odeurs, une alternative sûre aux sels d'aluminium.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e💧 Régule la transpiration\u003c\/h3\u003e\n\u003cp\u003eL'hydroxyde de magnésium, minéral absorbant naturel, régule le niveau de transpiration en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e✨ Nourrit et protège\u003c\/h3\u003e\n\u003cp\u003eLe beurre de cacao et le beurre de murumuru biologiques nourrissent et protègent votre peau au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🤍 Douceur absolue\u003c\/h3\u003e\n\u003cp\u003eNe pique pas, ne tache pas et laisse un voile soyeux sous les aisselles, même après l'épilation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌸 Parfum délicat\u003c\/h3\u003e\n\u003cp\u003eNotes gourmandes d'abricot et florales de cerisier, 100 % sans allergènes répertoriés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e👫 Pour toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient comme déodorant naturel pour homme et pour femme : fragrance subtile et non genrée. Adapté aux enfants dès 7 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n\u003cp class=\"deo-section-intro\"\u003eSeulement \u003cstrong\u003e5 ingrédients d'origine naturelle\u003c\/strong\u003e, certifiés \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, vegan et non testés sur les animaux.\u003c\/p\u003e\n\u003cdiv class=\"deo-grid\"\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n\u003cp\u003eNourrit intensément la peau et structure le stick pour une application facile et agréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🥥 Beurre de murumuru bio\u003c\/h3\u003e\n\u003cp\u003eAdoucit la peau et facilite l'application fondante du déodorant sur les aisselles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌴 Cire de carnauba\u003c\/h3\u003e\n\u003cp\u003eApporte la tenue solide du bâton pour une utilisation pratique et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🧪 Hydroxyde de magnésium\u003c\/h3\u003e\n\u003cp\u003eAbsorbe l'humidité et neutralise les bactéries responsables des mauvaises odeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🔬 Citrate de triéthyle\u003c\/h3\u003e\n\u003cp\u003eActif déodorant longue durée, alternative efficace et sûre aux sels d'aluminium.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🍑 Parfum abricot \u0026amp; cerisier\u003c\/h3\u003e\n\u003cp\u003eFragrance naturelle d'abricot et de fleurs de cerisier, sans allergènes répertoriés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eComment utiliser vos recharges ?\u003c\/h2\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\u003eInsérez la recharge\u003c\/h3\u003e\n\u003cp\u003ePlacez simplement une recharge de 60 g dans votre tube Comme Avant vide. Le format est parfaitement adapté.\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\u003eAppliquez sur peau propre\u003c\/h3\u003e\n\u003cp\u003eEffectuez \u003cstrong\u003e2 à 3 passages\u003c\/strong\u003e sur peau propre et sèche, de préférence après la douche.\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\u003eSi la texture est ferme\u003c\/h3\u003e\n\u003cp\u003eMaintenez le stick quelques secondes au contact de la peau : la chaleur naturelle fait fondre le beurre de cacao.\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\u003eProfitez pendant 8 mois\u003c\/h3\u003e\n\u003cp\u003eChaque recharge de 60 g dure environ \u003cstrong\u003e4 mois\u003c\/strong\u003e. Le lot de 2 vous accompagne pendant près de \u003cstrong\u003e8 mois\u003c\/strong\u003e.\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 :\u003c\/strong\u003e conservez vos recharges dans un endroit frais et sec, à l'abri de la chaleur, pour préserver leur texture optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eUn choix écologique et responsable\u003c\/h2\u003e\n\u003cdiv class=\"deo-grid-compact\"\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e📦 Emballage FSC\u003c\/h3\u003e\n\u003cp\u003eCarton issu de forêts gérées durablement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌱 Biodégradable\u003c\/h3\u003e\n\u003cp\u003ePelliculage intérieur en pâte de bois, 100 % biodégradable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n\u003cp\u003eDes recharges pour prolonger la vie de votre tube Comme Avant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🗑️ Moins de déchets\u003c\/h3\u003e\n\u003cp\u003eRéduisez considérablement vos déchets de salle de bain au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp class=\"deo-disclaimer\"\u003eCe produit cosmétique n'est pas un médicament. Il ne remplace pas un traitement médical adapté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --deo-cream: #FDF6EE;\n --deo-white: #ffffff;\n --deo-primary: #C67B3C;\n --deo-primary-dark: #7A4A1E;\n --deo-primary-light: #FEF3E4;\n --deo-secondary: #E8A44A;\n --deo-accent: #F4C87A;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #f0e4d6;\n --deo-shadow: 0 4px 24px rgba(122,74,30,.08);\n --deo-shadow-lg: 0 12px 48px rgba(122,74,30,.15);\n --deo-radius: 20px;\n --deo-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #7A4A1E 0%, #C67B3C 40%, #E8A44A 75%, #F4C87A 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,.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.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\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\/* === TITRE HERO === *\/\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 line-height: 1.1;\n}\n\n.deo-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.deo-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\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 line-height: 1.25;\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-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\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: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.deo-section-intro strong {\n color: var(--deo-primary-dark);\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\n.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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\/* === TIMELINE === *\/\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-timeline-content p strong {\n color: var(--deo-primary-dark);\n}\n\n\/* === TIP BOX === *\/\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-tip p strong {\n color: var(--deo-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-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.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\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\/* === RESPONSIVE MOBILE === *\/\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .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 deoFadeInUp {\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 .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330412364153,"sku":"NBAICAV0116","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-abricot-fleurs-cerisier-recharges-2x60g-comme-avant.jpg?v=1759501937"},{"product_id":"deodorant-solide-cedrat-bambou-recharges","title":"Déodorant solide cédrat \u0026 bambou (recharges) - 2 x 60g - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Bio COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e⏳ ~8 mois d'utilisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide cédrat \u0026amp; bambou\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003eLot de 2 recharges · 2 × 60 g\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003eUne protection naturelle longue durée, 5 ingrédients seulement, zéro sels d'aluminium. Artisanal, bio et rechargeable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eDéodorant solide cédrat \u0026amp; bambou : une protection naturelle qui dure\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte votre peau sans compromettre votre confort ?\u003c\/p\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧈 Beurre de cacao\u003c\/h3\u003e\n \u003cp\u003eBase nourrissante qui apaise et protège la peau au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍋 Cédrat \u0026amp; bambou\u003c\/h3\u003e\n \u003cp\u003eFragrance fraîche, végétale et discrète, parfaite en toute saison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🔬 5 ingrédients\u003c\/h3\u003e\n \u003cp\u003eFormule courte, lisible et 100 % d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Rechargeable\u003c\/h3\u003e\n \u003cp\u003eRéutilisez votre tube en carton et réduisez vos déchets\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-section-intro\" style=\"margin-top:1.25rem;\"\u003eCertifié \u003cstrong\u003ebio COSMOS Organic\u003c\/strong\u003e, vegan et fabriqué artisanalement près de Marseille, ce déodorant remplace durablement les sprays conventionnels chargés en sels d'aluminium et gaz propulseurs.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi choisir un déodorant solide bio ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🛡️ Anti-odeur, pas anti-transpiration\u003c\/h3\u003e\n \u003cp\u003eContrairement aux antiperspirants classiques qui bloquent la transpiration, ce déodorant bio laisse votre corps fonctionner naturellement. Il cible les bactéries responsables des mauvaises odeurs grâce à l'hydroxyde de magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🤝 Avec votre corps, pas contre lui\u003c\/h3\u003e\n \u003cp\u003eVous transpirez normalement, mais sans odeur désagréable. C'est le principe d'un déodorant efficace naturel — travailler avec votre corps, en douceur et en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💰 Économique \u0026amp; écologique\u003c\/h3\u003e\n \u003cp\u003eAvec ses 2 recharges de 60 g, ce lot vous accompagne environ \u003cstrong\u003e8 mois\u003c\/strong\u003e. Un geste malin puisque vous réutilisez votre tube en carton existant et réduisez vos déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- VS Box --\u003e\n \u003cdiv class=\"deo-vs-box\"\u003e\n \u003cdiv class=\"deo-vs-column deo-vs-good\"\u003e\n \u003cdiv class=\"deo-vs-label\"\u003e✅ Comme Avant\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003e19,83 € \/ 100 g\u003c\/li\u003e\n \u003cli\u003e5 ingrédients\u003c\/li\u003e\n \u003cli\u003eBloque les mauvaises odeurs\u003c\/li\u003e\n \u003cli\u003e100 % d'origine naturelle\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-vs-divider\"\u003eVS\u003c\/div\u003e\n \u003cdiv class=\"deo-vs-column deo-vs-bad\"\u003e\n \u003cdiv class=\"deo-vs-label\"\u003e❌ Déodorants classiques\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003e≈ 22 € \/ 100 g\u003c\/li\u003e\n \u003cli\u003e+ de 10 ingrédients\u003c\/li\u003e\n \u003cli\u003eBloque la transpiration\u003c\/li\u003e\n \u003cli\u003eGaz propulseur, triclosan, sels d'aluminium\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComposition complète et rôle de chaque ingrédient\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧪 Hydroxyde de magnésium\u003c\/h3\u003e\n \u003cp\u003eAbsorbe les odeurs et limite la prolifération bactérienne, sans irriter la peau. Un minéral doux et très bien toléré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧴 Citrate de triéthyle\u003c\/h3\u003e\n \u003cp\u003eNeutralise les mauvaises odeurs de manière efficace. Une alternative douce et naturelle aux sels d'aluminium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧈 Beurre de cacao\u003c\/h3\u003e\n \u003cp\u003eNourrit et apaise la peau des aisselles, souvent fragilisée par le rasage. Texture fondante et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌴 Beurre de murumuru\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, il hydrate en profondeur et laisse la peau souple toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌱 Cire de carnauba\u003c\/h3\u003e\n \u003cp\u003eDonne sa texture solide au stick tout en formant un film protecteur léger sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍋 Parfum cédrat \u0026amp; bambou\u003c\/h3\u003e\n \u003cp\u003eFragrance fraîche, végétale et discrète, idéale comme déodorant naturel pour homme ou pour femme.\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\u003ePas de bicarbonate de soude, pas d'alcool, pas de triclosan. Seulement des ingrédients \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, lisibles et compréhensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment utiliser vos recharges de déodorant solide ?\u003c\/h2\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\u003eInsérez la recharge\u003c\/h3\u003e\n \u003cp\u003eGlissez la recharge dans votre tube Comme Avant existant. Simple, rapide, sans déchet supplémentaire.\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\u003eAppliquez sur peau propre\u003c\/h3\u003e\n \u003cp\u003eEffectuez \u003cstrong\u003e2 à 3 passages\u003c\/strong\u003e sur peau propre et sèche. Si la texture semble ferme, maintenez le stick quelques secondes contre votre peau pour le ramollir par la chaleur corporelle.\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\u003eConservez au frais\u003c\/h3\u003e\n \u003cp\u003eConservez votre déodorant à l'abri de la chaleur directe pour préserver sa texture et son efficacité.\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 transition :\u003c\/strong\u003e si vous passez d'un déodorant conventionnel à un déodorant naturel, accordez-vous deux à trois semaines de transition. Votre peau a besoin de se rééquilibrer, c'est normal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eEngagements et précautions\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-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=\"deo-card\"\u003e\n \u003ch3\u003e📦 Carton recyclable\u003c\/h3\u003e\n \u003cp\u003eEmballage éco-responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eAtelier artisanal près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🐌 Slow cosmétique\u003c\/h3\u003e\n \u003cp\u003eDémarche éthique et raisonnée\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\u003eEn raison de la présence d'huiles essentielles, ce produit est \u003cstrong\u003edéconseillé aux femmes enceintes et allaitantes\u003c\/strong\u003e. En cas de réaction cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eVos interrogations, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"deo-accordion\"\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003eCe déodorant convient-il aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eOui. Sa formule sans bicarbonate de soude, sans alcool et sans sels d'aluminium est pensée pour les peaux réactives ou sujettes aux irritations après le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003eCombien de temps dure une recharge ?\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eChaque recharge de 60 g dure en moyenne 4 mois en utilisation quotidienne. Le lot de deux couvre donc environ 8 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003eLe parfum cédrat \u0026amp; bambou est-il mixte ?\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. Sa fragrance fraîche et végétale plaît aux femmes comme aux hommes. Un excellent choix de déodorant naturel mixte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003ePeut-on l'utiliser pour les chaussures ?\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est formulé pour les aisselles. Pour les chaussures, privilégiez un produit spécifique à base de bicarbonate ou de charbon actif.\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=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"deo-cta-box\"\u003e\n \u003cp\u003e🌿 2 recharges · 8 mois de protection naturelle · 5 ingrédients bio\u003cbr\u003eAdoptez un geste simple, sain et durable pour vos aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --deo-cream: #f7f4ef;\n --deo-white: #ffffff;\n --deo-primary: #a1a33b;\n --deo-primary-dark: #6b6d24;\n --deo-primary-light: #f0f1d8;\n --deo-secondary: #c2a66b;\n --deo-accent: #8b7d3c;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e0ddd4;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.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\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #6b6d24 0%, #a1a33b 50%, #c2a66b 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,.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.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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-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-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.deo-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.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-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\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: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\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-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\/* === VS BOX === *\/\n.deo-vs-box {\n display: flex;\n gap: 0;\n margin-top: 1.5rem;\n border-radius: var(--deo-radius);\n overflow: hidden;\n box-shadow: var(--deo-shadow);\n background: var(--deo-white);\n}\n\n.deo-vs-column {\n flex: 1;\n padding: clamp(1.25rem, 3vw, 2rem);\n}\n\n.deo-vs-good {\n background: var(--deo-primary-light);\n}\n\n.deo-vs-bad {\n background: #fdf2f2;\n}\n\n.deo-vs-label {\n font-weight: 800;\n font-size: clamp(14px, 2.5vw, 17px);\n margin-bottom: .75rem;\n color: var(--deo-text);\n}\n\n.deo-vs-column ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.deo-vs-column ul li {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--deo-text-light);\n padding: .35rem 0;\n line-height: 1.5;\n border-bottom: 1px solid rgba(0,0,0,.05);\n}\n\n.deo-vs-column ul li:last-child {\n border-bottom: none;\n}\n\n.deo-vs-divider {\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--deo-primary);\n color: white;\n font-weight: 900;\n font-size: 16px;\n writing-mode: vertical-lr;\n padding: 0 .75rem;\n letter-spacing: .1em;\n}\n\n\/* === TIMELINE === *\/\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\/* === TIP BOX === *\/\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\/* === TESTIMONIAL === *\/\n.deo-testimonial {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--deo-shadow);\n border-left: 4px solid var(--deo-primary);\n}\n\n.deo-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-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.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\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\/* === RESPONSIVE MOBILE === *\/\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-testimonial {\n padding: 1.25rem;\n }\n\n .deo-testimonial-text {\n font-size: 14px;\n }\n\n \/* VS Box mobile *\/\n .deo-vs-box {\n flex-direction: column;\n }\n\n .deo-vs-divider {\n writing-mode: horizontal-tb;\n padding: .5rem;\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .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 deoFadeInUp {\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 .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330412396921,"sku":"NBAICAV0117","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-cedrat-bambou-recharges-2-x-60g-comme-avant-lifestyle.webp?v=1776441694"},{"product_id":"deodorant-solide-monoi-comme-avant","title":"Déodorant Solide au Beurre de Cacao - Monoï - 60 g - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Bio Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🏅 Slow Cosmétique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide au beurre de cacao — Monoï\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003ePar Comme Avant · 60 g\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003eUne formule minimaliste en 5 ingrédients, sans bicarbonate de soude ni sels d'aluminium, pour des aisselles fraîches et une peau nourrie toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eDéodorant solide au beurre de cacao au délicieux parfum de Monoï\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte votre peau autant que la planète ? Le déodorant solide monoï de Comme Avant est conçu pour vous accompagner au quotidien avec une formule douce, certifiée \u003cstrong\u003ebio Cosmos Organic\u003c\/strong\u003e, vegan et fabriquée artisanalement près de Marseille.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🛡️ Bloque les odeurs\u003c\/h3\u003e\n \u003cp\u003eNeutralise les bactéries responsables des mauvaises odeurs sans bloquer la transpiration naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💧 Régule l'humidité\u003c\/h3\u003e\n \u003cp\u003eRégule le niveau de transpiration en douceur grâce à l'hydroxyde de magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✨ Nourrit la peau\u003c\/h3\u003e\n \u003cp\u003eLe beurre de cacao bio et le beurre de murumuru protègent et adoucissent vos aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌺 Parfum Monoï\u003c\/h3\u003e\n \u003cp\u003eUne fragrance estivale et délicate qui enveloppe vos journées d'une touche polynésienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi choisir un déodorant solide naturel ?\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eLes déodorants conventionnels contiennent souvent des sels d'aluminium, de l'alcool ou des parfums synthétiques qui agressent les peaux sensibles. Ce \u003cstrong\u003edéodorant solide\u003c\/strong\u003e Comme Avant fait le choix inverse : une composition minimaliste, transparente et d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"deo-comparison\"\u003e\n \u003cdiv class=\"deo-comparison-col deo-comparison-good\"\u003e\n \u003cdiv class=\"deo-comparison-header\"\u003eComme Avant\u003c\/div\u003e\n \u003cul class=\"deo-comparison-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"deo-check\"\u003e✅\u003c\/span\u003e 19,83 € \/ 100 g\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"deo-check\"\u003e✅\u003c\/span\u003e Seulement 5 ingrédients\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"deo-check\"\u003e✅\u003c\/span\u003e Bloque les mauvaises odeurs\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"deo-check\"\u003e✅\u003c\/span\u003e 100 % d'origine naturelle\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"deo-check\"\u003e✅\u003c\/span\u003e Emballage carton recyclable\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-comparison-col deo-comparison-bad\"\u003e\n \u003cdiv class=\"deo-comparison-header\"\u003eDéodorants classiques\u003c\/div\u003e\n \u003cul class=\"deo-comparison-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"deo-cross\"\u003e❌\u003c\/span\u003e ≈ 22 € \/ 100 g\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"deo-cross\"\u003e❌\u003c\/span\u003e + de 10 ingrédients\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"deo-cross\"\u003e❌\u003c\/span\u003e Bloque la transpiration\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"deo-cross\"\u003e❌\u003c\/span\u003e Gaz propulseur, triclosan, sels d'aluminium\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"deo-cross\"\u003e❌\u003c\/span\u003e Emballage plastique \/ aérosol\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-section-intro\" style=\"margin-top:1.25rem;\"\u003eIl ne bloque pas la transpiration — un processus physiologique essentiel — mais \u003cstrong\u003eneutralise les mauvaises odeurs\u003c\/strong\u003e et régule l'humidité de manière douce. Adapté aussi bien aux femmes qu'aux hommes, ce format stick solide est particulièrement pratique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUne composition courte et irréprochable\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eSeulement 5 ingrédients actifs et un parfum naturel. Rien d'autre.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧪 Hydroxyde de magnésium\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'humidité et neutralise les bactéries responsables des odeurs, sans irriter la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🔬 Citrate de triéthyle\u003c\/h3\u003e\n \u003cp\u003eAlternative douce aux sels d'aluminium, il contribue à réguler la transpiration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras, il nourrit, protège et adoucit la peau des aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🥥 Beurre de murumuru\u003c\/h3\u003e\n \u003cp\u003eApporte une texture fondante qui facilite l'application et améliore le glissant du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌴 Cire de carnauba\u003c\/h3\u003e\n \u003cp\u003eGarantit la tenue et la stabilité du stick, même par temps chaud.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌺 Parfum naturel de monoï\u003c\/h3\u003e\n \u003cp\u003eUne fragrance gourmande et florale, sans aucun composant synthétique.\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\u003eSans bicarbonate de soude, sans alcool, sans sels d'aluminium, sans huile de palme.\u003c\/strong\u003e Testé sous contrôle dermatologique, ce déodorant convient à toute la famille, y compris les enfants dès 7 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant solide monoï ?\u003c\/h2\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éparez vos aisselles\u003c\/h3\u003e\n \u003cp\u003eAssurez-vous que vos aisselles sont \u003cstrong\u003epropres et sèches\u003c\/strong\u003e avant l'application.\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 monter le stick\u003c\/h3\u003e\n \u003cp\u003eTournez la base du tube en carton pour faire apparaître le déodorant solide.\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 2 à 3 passages\u003c\/h3\u003e\n \u003cp\u003eLe produit fond légèrement au contact de la peau et laisse un film protecteur invisible, sans traces blanches sur les vêtements.\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\u003eSi vous passez d'un déodorant conventionnel à un \u003cstrong\u003edéodorant naturel\u003c\/strong\u003e, accordez à votre corps une période de transition de deux à trois semaines. Votre peau a besoin de se rééquilibrer, c'est tout à fait normal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUn format écologique et pratique\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e📦 Carton recyclable\u003c\/h3\u003e\n \u003cp\u003ePackaging entièrement en carton, sans aucun plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e⏱️ 2 à 3 mois d'utilisation\u003c\/h3\u003e\n \u003cp\u003eLe format 60 g dure longtemps, un choix économique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✈️ Autorisé en cabine\u003c\/h3\u003e\n \u003cp\u003eCompact et léger, parfait pour vos voyages sans contrainte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏅 Labels de confiance\u003c\/h3\u003e\n \u003cp\u003eSlow Cosmétique et Origine France Garantie pour une démarche responsable de A à Z.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"deo-accordion\"\u003e\n \u003cdetails class=\"deo-accordion-item\" open\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e⚠️ Précautions d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez l'application sur une peau irritée, lésée ou fraîchement épilée. En cas de réaction cutanée, cessez l'utilisation. Ce produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre déodorant à l'abri de la chaleur excessive pour préserver sa texture. En été, évitez de le laisser dans un sac exposé au soleil.\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=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"deo-cta-box\"\u003e\n \u003cp\u003e🌺 Offrez à vos aisselles le soin qu'elles méritent : naturel, efficace et délicieusement parfumé au monoï. Passez au déodorant solide Comme Avant dès aujourd'hui !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis médical. Les résultats peuvent varier selon les individus.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --deo-cream: #faf6f1;\n --deo-white: #ffffff;\n --deo-primary: #9bbcc4;\n --deo-primary-dark: #4a7a86;\n --deo-primary-light: #e8f2f5;\n --deo-secondary: #c5a87e;\n --deo-accent: #d4a968;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e4ddd5;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.07);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\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\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #4a7a86 0%, #9bbcc4 50%, #c5a87e 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: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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 line-height: 1.15;\n}\n\n.deo-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.deo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.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\/* === SECTIONS === *\/\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 line-height: 1.25;\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-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\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: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\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-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\/* === COMPARISON TABLE === *\/\n.deo-comparison {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n margin-top: .5rem;\n}\n\n.deo-comparison-col {\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}\n\n.deo-comparison-good {\n border-color: var(--deo-primary);\n}\n\n.deo-comparison-bad {\n border-color: var(--deo-border);\n opacity: .85;\n}\n\n.deo-comparison-header {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 900;\n color: var(--deo-primary-dark);\n text-align: center;\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--deo-border);\n}\n\n.deo-comparison-bad .deo-comparison-header {\n color: var(--deo-text-light);\n}\n\n.deo-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .6rem;\n}\n\n.deo-comparison-list li {\n display: flex;\n align-items: flex-start;\n gap: .5rem;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--deo-text);\n line-height: 1.5;\n}\n\n.deo-check, .deo-cross {\n flex-shrink: 0;\n font-size: 16px;\n}\n\n\/* === TIMELINE === *\/\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\/* === TIP BOX === *\/\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\/* === ACCORDION === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-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.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.deo-cta-box {\n background: linear-gradient(135deg, var(--deo-primary-dark) 0%, #6a9ba6 50%, var(--deo-secondary) 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\/* === DISCLAIMER === *\/\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\/* === RESPONSIVE === *\/\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-comparison {\n grid-template-columns: 1fr;\n gap: .875rem;\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-tip {\n padding: .875rem 1rem;\n }\n\n .deo-tip-icon {\n font-size: 20px;\n }\n\n .deo-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .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 deoFadeInUp {\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":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330413576569,"sku":"NBAICAV0122","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-monoi-60-g-comme-avant-packshothd_343785f7-ef4e-4e28-916b-39d82ea0cc66.webp?v=1789910899"},{"product_id":"deodorant-solide-monoi-recharges-comme-avant","title":"Déodorant solide monoï (recharges) - 2 x 60 g - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐇 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐢 Slow Cosmétique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eRecharges de déodorant solide au monoï\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003e2 × 60 g · Jusqu'à 8 mois de fraîcheur naturelle\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003eSeulement 6 ingrédients naturels, sans bicarbonate, sans aluminium, sans alcool. Un geste zéro déchet qui respecte votre peau et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eDes recharges de déodorant solide au monoï pour une fraîcheur naturelle qui dure\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte votre peau autant que l'environnement ? Ces recharges de \u003cstrong\u003edéodorant solide monoï Comme Avant\u003c\/strong\u003e sont pensées pour vous accompagner au quotidien, sans compromis.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧴 6 ingrédients\u003c\/h3\u003e\n \u003cp\u003eUne formule courte, transparente et 100 % d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌺 Parfum monoï\u003c\/h3\u003e\n \u003cp\u003eUne note exotique douce et enveloppante d'inspiration polynésienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🔄 Format recharge\u003c\/h3\u003e\n \u003cp\u003eLot de 2 × 60 g pour réduire vos déchets et réutiliser votre tube\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic, Slow Cosmétique, vegan – fabriqué près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant solide au monoï ?\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eContrairement aux déodorants conventionnels, cette formule est \u003cstrong\u003esans bicarbonate de soude, sans alcool et sans sels d'aluminium\u003c\/strong\u003e. Elle neutralise les bactéries responsables des mauvaises odeurs sans bloquer la transpiration naturelle.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🛡️ Bloque les odeurs\u003c\/h3\u003e\n \u003cp\u003eNeutralise les bactéries responsables des mauvaises odeurs efficacement et durablement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💧 Régule en douceur\u003c\/h3\u003e\n \u003cp\u003eRégule le niveau de transpiration sans bloquer le processus naturel de votre corps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✨ Nourrit la peau\u003c\/h3\u003e\n \u003cp\u003ePas d'irritation ni de picotement, même sur les peaux les plus réactives et sensibles\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\u003eSon parfum de \u003cstrong\u003emonoï\u003c\/strong\u003e, subtilement exotique, convient aussi bien aux femmes qu'aux hommes qui recherchent un déodorant naturel aux senteurs discrètes et chaleureuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUne composition courte et transparente\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eSeulement \u003cstrong\u003e6 ingrédients\u003c\/strong\u003e, dont 52 % issus de l'agriculture biologique. Rien de superflu, que l'essentiel.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧲 Hydroxyde de magnésium\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'humidité et neutralise efficacement les odeurs tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💎 Citrate de triéthyle\u003c\/h3\u003e\n \u003cp\u003eRégule la transpiration en douceur, sans recourir aux sels d'aluminium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003eNourrit et apaise la peau en profondeur, idéal même après le rasage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🥥 Beurre de murumuru\u003c\/h3\u003e\n \u003cp\u003eApporte une texture crémeuse qui glisse facilement à l'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌱 Cire de carnauba\u003c\/h3\u003e\n \u003cp\u003eCire 100 % végétale qui garantit la solidité et la tenue du stick\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌺 Parfum de monoï\u003c\/h3\u003e\n \u003cp\u003eFragrance douce et enveloppante d'inspiration polynésienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment utiliser ces recharges de déodorant solide ?\u003c\/h2\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\u003eInsérez la recharge\u003c\/h3\u003e\n \u003cp\u003ePlacez simplement la recharge dans votre tube Comme Avant déjà en votre possession.\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\u003eAppliquez sur peau propre\u003c\/h3\u003e\n \u003cp\u003eEffectuez \u003cstrong\u003e2 à 3 passages sous chaque aisselle\u003c\/strong\u003e sur une peau propre et sèche.\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\u003eRéchauffez si nécessaire\u003c\/h3\u003e\n \u003cp\u003ePar temps froid, réchauffez le bâtonnet quelques secondes entre vos mains ou directement sous l'aisselle.\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\u003eConservez correctement\u003c\/h3\u003e\n \u003cp\u003eGardez vos recharges dans un endroit sec et à l'abri de la chaleur. Chaque recharge dure environ \u003cstrong\u003e4 mois\u003c\/strong\u003e, soit \u003cstrong\u003e8 mois pour le lot\u003c\/strong\u003e.\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=\"deo-section\"\u003e\n \u003ch2\u003ePrécautions et conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"deo-accordion\"\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e👶 Convient aux enfants\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe déodorant convient aux \u003cstrong\u003eenfants dès 7 ans\u003c\/strong\u003e. Parfait pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé aux femmes enceintes ou allaitantes\u003c\/strong\u003e en raison de la présence de parfum dans la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🔄 Période d'adaptation\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de première utilisation d'un déodorant naturel, une \u003cstrong\u003epériode d'adaptation de quelques jours\u003c\/strong\u003e peut être nécessaire, le temps que votre peau se détoxifie des formules chimiques précédentes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e💡 Déodorant ≠ anti-transpirant\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne constitue pas un anti-transpirant : il laisse votre corps respirer naturellement tout en vous \u003cstrong\u003eprotégeant efficacement des odeurs\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"deo-cta-box\"\u003e\n \u003cp\u003e🌿 Passer à un déodorant artisanal et naturel, c'est faire le choix d'une cosmétique plus saine, plus simple et plus respectueuse. Avec ces recharges au monoï Comme Avant, adoptez une routine efficace, agréable et alignée avec vos valeurs. Votre peau vous remerciera.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --deo-cream: #f5f0ea;\n --deo-white: #ffffff;\n --deo-primary: #8eaeb0;\n --deo-primary-dark: #5a7d80;\n --deo-primary-light: #e8f0f0;\n --deo-secondary: #c6a96c;\n --deo-accent: #d4b97a;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e0e0e0;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.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\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #5a7d80 0%, #8eaeb0 40%, #c6a96c 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% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(198,169,108,.15) 0%, transparent 45%);\n opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.deo-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.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\/* === SECTIONS === *\/\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-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\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: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\n.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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\/* === TIMELINE === *\/\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\/* === TIP BOX === *\/\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\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-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.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\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\/* === DISCLAIMER === *\/\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\/* === RESPONSIVE MOBILE === *\/\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .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 deoFadeInUp {\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 .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330413642105,"sku":"NBAICAV0123","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-monoi-recharges-2-x-60-g-comme-avant-lifestyle.webp?v=1775898636"},{"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":"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":"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":"baume-deodorant-mandarine-antheya","title":"Baume Déodorant - Mandarine \u0026 Petit grain - Antheya","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Baume Déodorant Mandarine \u0026 Petit grain - Antheya\nPalette détectée:\n - Primaire: #E8863A (orange mandarine vif du packaging)\n - Secondaire: #2D5A4A (vert feuilles de menthe\/eucalyptus)\n - Accent: #F5DFC5 (beige crème naturel du fond\/baume)\nAmbiance: Naturel\/Bio, frais, artisanal français, doux et rassurant, cosmétique clean\nPréfixe CSS: bd\n--\u003e\n\u003cdiv class=\"bd-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"bd-hero\"\u003e\n\u003cdiv class=\"bd-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bd-hero-content\"\u003e\n\u003cdiv class=\"bd-badges-top\"\u003e\n\u003cspan class=\"bd-badge\"\u003e🍊 Sans bicarbonate\u003c\/span\u003e \u003cspan class=\"bd-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"bd-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bd-hero-title\"\u003eBaume déodorant Mandarine \u0026amp; Petit grain\u003c\/span\u003e\n\u003cp class=\"bd-subtitle\"\u003eLa douceur absolue pour les peaux sensibles\u003c\/p\u003e\n\u003cp class=\"bd-description\"\u003eFormulé sans bicarbonate avec de l'hydroxyde de magnésium, ce déodorant bio certifié COSMOS neutralise efficacement les odeurs tout en choyant les aisselles les plus réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES CLÉS --\u003e\n\u003csection class=\"bd-section\"\u003e\n\u003ch2\u003e✨ Pourquoi il est différent\u003c\/h2\u003e\n\u003cdiv class=\"bd-grid\"\u003e\n\u003cdiv class=\"bd-card\"\u003e\n\u003ch3\u003e🛡️ Zéro irritation\u003c\/h3\u003e\n\u003cp\u003eSans bicarbonate, la formule à l'hydroxyde de magnésium respecte même les peaux les plus réactives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card\"\u003e\n\u003ch3\u003e⏱️ Efficacité 24h\u003c\/h3\u003e\n\u003cp\u003eNeutralisation active des odeurs tout au long de la journée, sans bloquer la transpiration naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card\"\u003e\n\u003ch3\u003e🧈 Texture fondante\u003c\/h3\u003e\n\u003cp\u003ePénètre instantanément sans laisser de résidu gras ni tacher vos vêtements\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card\"\u003e\n\u003ch3\u003e🍊 Parfum frais\u003c\/h3\u003e\n\u003cp\u003eNotes acidulées de mandarine et petit grain bigarade 100% naturelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card\"\u003e\n\u003ch3\u003e📅 6 mois d'utilisation\u003c\/h3\u003e\n\u003cp\u003eUn pot de 75g dure en moyenne 6 mois grâce à sa formule ultra-concentrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card\"\u003e\n\u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n\u003cp\u003eEmballage en métal recyclable à l'infini, fabriqué artisanalement en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"bd-section\"\u003e\n\u003ch2\u003e🌱 Composition 100% transparente\u003c\/h2\u003e\n\u003cp class=\"bd-intro-text\"\u003e85% des ingrédients sont issus de l'agriculture biologique. Formule vegan, non testée sur les animaux.\u003c\/p\u003e\n\u003cdiv class=\"bd-grid\"\u003e\n\u003cdiv class=\"bd-card bd-card-ingredient\"\u003e\n\u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n\u003cp\u003eNourrit et protège la peau délicate des aisselles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card bd-card-ingredient\"\u003e\n\u003ch3\u003e🌾 Amidon de maïs\u003c\/h3\u003e\n\u003cp\u003eAbsorbe l'humidité pour une sensation de fraîcheur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card bd-card-ingredient\"\u003e\n\u003ch3\u003e💎 Hydroxyde de magnésium\u003c\/h3\u003e\n\u003cp\u003eNeutralise les odeurs sans agresser la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card bd-card-ingredient\"\u003e\n\u003ch3\u003e🥜 Huile de sésame bio\u003c\/h3\u003e\n\u003cp\u003eApaise et nourrit les peaux sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card bd-card-ingredient\"\u003e\n\u003ch3\u003e🍊 HE Mandarine bio\u003c\/h3\u003e\n\u003cp\u003eParfum frais et énergisant d'agrumes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card bd-card-ingredient\"\u003e\n\u003ch3\u003e🍃 HE Petit grain bio\u003c\/h3\u003e\n\u003cp\u003eNotes vertes et apaisantes de bigaradier\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"bd-allergens\"\u003eAllergènes présents : Limonène, Linalool, Citral, Geraniol, Citronellol\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"bd-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"bd-steps\"\u003e\n\u003cdiv class=\"bd-step\"\u003e\n\u003cspan class=\"bd-step-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"bd-step-content\"\u003e\n\u003ch3\u003ePrélevez\u003c\/h3\u003e\n\u003cp\u003eUne petite quantité de baume (l'équivalent d'un grain de café suffit)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-step\"\u003e\n\u003cspan class=\"bd-step-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"bd-step-content\"\u003e\n\u003ch3\u003eRéchauffez\u003c\/h3\u003e\n\u003cp\u003eFaites fondre le baume entre vos doigts quelques secondes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-step\"\u003e\n\u003cspan class=\"bd-step-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"bd-step-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eSur des aisselles propres et sèches, massez délicatement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-tip\"\u003e\n\u003cspan class=\"bd-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Ce baume peut aussi s'appliquer sur les pieds avant d'enfiler vos chaussures pour rester frais toute la journée !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"bd-section\"\u003e\n\u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n\u003cdiv class=\"bd-grid\"\u003e\n\u003cdiv class=\"bd-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eIdéal si vous avez déjà eu des réactions au bicarbonate ou aux déodorants classiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui veulent une alternative saine et efficace aux produits conventionnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card\"\u003e\n\u003ch3\u003e🍋 Amateurs d'agrumes\u003c\/h3\u003e\n\u003cp\u003eParfait si vous aimez les parfums frais, acidulés et naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card\"\u003e\n\u003ch3\u003e🇫🇷 Consommateurs engagés\u003c\/h3\u003e\n\u003cp\u003eSensible aux démarches éco-responsables, locales et artisanales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- GARANTIES COMPACTES --\u003e\n\u003csection class=\"bd-section\"\u003e\n\u003ch2\u003e🏆 Nos garanties\u003c\/h2\u003e\n\u003cdiv class=\"bd-grid-compact\"\u003e\n\u003cdiv class=\"bd-card\"\u003e\n\u003ch3\u003e✅ COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eCertifié Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card\"\u003e\n\u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n\u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eCalais, côte d'Opale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bd-card\"\u003e\n\u003ch3\u003e♻️ Recyclable\u003c\/h3\u003e\n\u003cp\u003eEmballage métal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n\u003csection class=\"bd-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"bd-accordion\"\u003e\n\u003cdetails class=\"bd-accordion-item\"\u003e\n\u003csummary class=\"bd-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"bd-accordion-content\"\u003e\n\u003cp\u003eCe baume se conserve \u003cstrong\u003e18 mois\u003c\/strong\u003e à partir de sa date de fabrication. Sensible à la chaleur, gardez-le dans un endroit frais, à l'abri de la lumière directe. En été, placez-le quelques minutes au réfrigérateur si la texture devient trop molle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bd-accordion-item\"\u003e\n\u003csummary class=\"bd-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n\u003cdiv class=\"bd-accordion-content\"\u003e\n\u003cp\u003ePot de \u003cstrong\u003e75 g\u003c\/strong\u003e en métal recyclable, soit environ \u003cstrong\u003e6 mois d'utilisation\u003c\/strong\u003e à raison d'une application quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bd-accordion-item\"\u003e\n\u003csummary class=\"bd-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n\u003cdiv class=\"bd-accordion-content\"\u003e\n\u003cp\u003eFabriqué artisanalement en France par \u003cstrong\u003eAntheya\u003c\/strong\u003e, à Calais sur la côte d'Opale, depuis 2009. Savoir-faire local et engagement pour une cosmétique naturelle et responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"bd-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"bd-cta-box\"\u003e\n\u003cp\u003e🍊 Offrez à vos aisselles la douceur qu'elles méritent avec ce baume 100% naturel, efficace et certifié bio. Fini les irritations, place à la fraîcheur longue durée !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --bd-cream: #FDF9F5;\n --bd-white: #ffffff;\n --bd-primary: #E8863A;\n --bd-primary-dark: #C96E2A;\n --bd-primary-light: #FEF3EB;\n --bd-secondary: #2D5A4A;\n --bd-accent: #F5DFC5;\n --bd-text: #1a1a1a;\n --bd-text-light: #5a5a5a;\n --bd-border: #e0e0e0;\n --bd-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bd-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bd-radius: 20px;\n --bd-radius-sm: 12px;\n}\n\n.bd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bd-hero {\n position: relative;\n background: linear-gradient(135deg, #E8863A 0%, #D4702B 50%, #2D5A4A 100%);\n border-radius: var(--bd-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(--bd-shadow-lg);\n}\n\n.bd-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.bd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.bd-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(--bd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bd-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.bd-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.bd-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.bd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bd-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.bd-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(--bd-primary), var(--bd-secondary));\n border-radius: 2px;\n}\n\n.bd-intro-text {\n text-align: center;\n color: var(--bd-text-light);\n font-size: clamp(14px, 2.5vw, 16px);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === GRILLES === *\/\n.bd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bd-card {\n background: var(--bd-white);\n border-radius: var(--bd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bd-shadow-lg);\n border-color: var(--bd-primary);\n}\n\n.bd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bd-card-ingredient {\n background: linear-gradient(135deg, var(--bd-white) 0%, var(--bd-primary-light) 100%);\n}\n\n.bd-grid-compact .bd-card {\n padding: 1rem;\n}\n\n.bd-grid-compact .bd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bd-grid-compact .bd-card p {\n font-size: 12px;\n}\n\n.bd-allergens {\n text-align: center;\n font-size: 13px;\n color: var(--bd-text-light);\n margin-top: 1.5rem;\n font-style: italic;\n}\n\n\/* === STEPS === *\/\n.bd-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.bd-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--bd-white);\n border-radius: var(--bd-radius);\n padding: 1.25rem;\n box-shadow: var(--bd-shadow);\n transition: all .3s ease;\n}\n\n.bd-step:hover {\n transform: translateX(8px);\n box-shadow: var(--bd-shadow-lg);\n}\n\n.bd-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bd-primary), var(--bd-primary-dark));\n color: white;\n font-size: 18px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.bd-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bd-step-content p {\n font-size: 14px;\n color: var(--bd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.bd-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, var(--bd-secondary), #3D6A5A);\n border-radius: var(--bd-radius);\n padding: 1.25rem;\n margin-top: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.bd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bd-tip p {\n color: white;\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.bd-accordion {\n background: var(--bd-white);\n border-radius: var(--bd-radius);\n box-shadow: var(--bd-shadow);\n overflow: hidden;\n}\n\n.bd-accordion-item {\n border-bottom: 1px solid var(--bd-border);\n margin: 0;\n padding: 0;\n}\n\n.bd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bd-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.bd-accordion-header:hover {\n background: var(--bd-primary-light);\n}\n\n.bd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bd-primary);\n transition: transform .2s ease;\n}\n\n.bd-accordion-item[open] .bd-accordion-header::after {\n content: '−';\n}\n\n.bd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.bd-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bd-cta-box {\n background: linear-gradient(135deg, var(--bd-primary) 0%, var(--bd-primary-dark) 100%);\n border-radius: var(--bd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bd-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n.bd-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 .bd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bd-grid-compact {\n gap: .625rem;\n }\n \n .bd-grid-compact .bd-card {\n padding: .75rem;\n }\n \n .bd-card {\n padding: 1.125rem;\n }\n \n .bd-section {\n margin-bottom: 1.75rem;\n }\n \n .bd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bd-radius-sm);\n }\n \n .bd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bd-badges-top {\n gap: 8px;\n }\n \n .bd-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .bd-step {\n padding: 1rem;\n }\n \n .bd-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .bd-tip {\n padding: 1rem;\n margin-top: 1rem;\n }\n \n .bd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .3; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bd-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bd-card:nth-child(1) { animation-delay: .05s; }\n .bd-card:nth-child(2) { animation-delay: .1s; }\n .bd-card:nth-child(3) { animation-delay: .15s; }\n .bd-card:nth-child(4) { animation-delay: .2s; }\n .bd-card:nth-child(5) { animation-delay: .25s; }\n .bd-card:nth-child(6) { animation-delay: .3s; }\n \n .bd-step {\n animation: fadeInUp .5s ease backwards;\n }\n .bd-step:nth-child(1) { animation-delay: .1s; }\n .bd-step:nth-child(2) { animation-delay: .2s; }\n .bd-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .bd-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ANTHEYA","offers":[{"title":"Default Title","offer_id":56467830145401,"sku":"NBAIANT0066","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-deodorant-orange-mandarine-ferme-antheya_4a674d55-89b5-454b-9fca-65d2e5286e81.jpg?v=1767882068"},{"product_id":"baume-deodorant-mandarine-petit-grain-antheya-copie","title":"Baume Déodorant - Géranium \u0026 Patchouli - Antheya","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Baume Déodorant - Géranium \u0026 patchouli - Antheya\nPalette détectée:\n - Primaire: #8B6F5C (brun terre\/patchouli évoquant le naturel)\n - Secondaire: #D4A5A5 (rose poudré géranium)\n - Accent: #6B8E6B (vert sauge pour le côté végétal\/bio)\nAmbiance: Naturel\/organique, artisanal français, douceur, féminité subtile, cosmétique bio premium\nPréfixe CSS: bd\n--\u003e\n\n\u003cdiv class=\"bd-premium\"\u003e\n\n \u003cdiv class=\"bd-hero\"\u003e\n \u003cdiv class=\"bd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bd-hero-content\"\u003e\n \u003cdiv class=\"bd-badges-top\"\u003e\n \u003cspan class=\"bd-badge\"\u003e🌿 Sans bicarbonate\u003c\/span\u003e\n \u003cspan class=\"bd-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"bd-badge\"\u003e⏱️ 6 mois d'utilisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bd-hero-title\"\u003eBaume déodorant géranium \u0026amp; patchouli\u003c\/span\u003e\n \u003cp class=\"bd-subtitle\"\u003eLe soin naturel qui protège les peaux sensibles\u003c\/p\u003e\n \u003cp class=\"bd-description\"\u003eUne formule douce sans bicarbonate, certifiée bio, pour une protection longue durée sans irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bd-section\"\u003e\n \u003ch2\u003e✨ Pourquoi vous allez l'adopter\u003c\/h2\u003e\n \u003cdiv class=\"bd-grid\"\u003e\n \u003cdiv class=\"bd-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulé sans bicarbonate de sodium, l'ingrédient souvent responsable des rougeurs et irritations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-card\"\u003e\n \u003ch3\u003e💰 Ultra économique\u003c\/h3\u003e\n \u003cp\u003e75 g de produit pour environ 6 mois d'utilisation. Un grain de café suffit pour les deux aisselles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-card\"\u003e\n \u003ch3\u003e🍃 100% naturel\u003c\/h3\u003e\n \u003cp\u003eTous les ingrédients sont d'origine naturelle, dont 85% issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eBoîte en métal recyclable ou réutilisable, aucun gaz propulseur, que des actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-card\"\u003e\n \u003ch3\u003e🌹 Parfum envoûtant\u003c\/h3\u003e\n \u003cp\u003eNotes florales du géranium et profondeur boisée du patchouli pour une signature discrète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-card\"\u003e\n \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCOSMOS ORGANIC par Ecocert Greenlife. Une garantie de qualité et de transparence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bd-section\"\u003e\n \u003ch2\u003e🧴 Composition transparente\u003c\/h2\u003e\n \u003cdiv class=\"bd-grid\"\u003e\n \u003cdiv class=\"bd-card bd-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eNourrit et protège la peau délicate des aisselles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-card bd-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'humidité naturellement sans obstruer les pores\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-card bd-card-ingredient\"\u003e\n \u003ch3\u003e🪨 Hydroxyde de magnésium\u003c\/h3\u003e\n \u003cp\u003eNeutralise les odeurs efficacement sans agresser la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-card bd-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Huile de sésame\u003c\/h3\u003e\n \u003cp\u003eAdoucit la peau et facilite l'application du baume\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-card bd-card-ingredient\"\u003e\n \u003ch3\u003e🌺 HE géranium\u003c\/h3\u003e\n \u003cp\u003eApporte une fraîcheur rosée et des notes florales délicates\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-card bd-card-ingredient\"\u003e\n \u003ch3\u003e🌿 HE patchouli\u003c\/h3\u003e\n \u003cp\u003eAjoute une profondeur chaleureuse et boisée au parfum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"bd-allergens\"\u003eAllergènes présents : Limonène, Linalool, Citral, Geraniol, Citronellol\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bd-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"bd-grid\"\u003e\n \u003cdiv class=\"bd-card\"\u003e\n \u003ch3\u003e😣 Peaux réactives\u003c\/h3\u003e\n \u003cp\u003eVous avez eu des irritations avec d'autres déodorants naturels au bicarbonate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-card\"\u003e\n \u003ch3\u003e🌱 Éco-conscients\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une alternative zéro déchet et fabriquée en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-card\"\u003e\n \u003ch3\u003e💐 Amateurs de parfums\u003c\/h3\u003e\n \u003cp\u003eVous aimez les fragrances naturelles florales et boisées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bd-section\"\u003e\n \u003ch2\u003e📝 Comment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"bd-steps\"\u003e\n \u003cdiv class=\"bd-step\"\u003e\n \u003cdiv class=\"bd-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bd-step-content\"\u003e\n \u003ch3\u003ePrélevez\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité avec le doigt (la taille d'un grain de café)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-step\"\u003e\n \u003cdiv class=\"bd-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bd-step-content\"\u003e\n \u003ch3\u003eRéchauffez\u003c\/h3\u003e\n \u003cp\u003eLégèrement entre vos doigts si nécessaire pour faire fondre le baume\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-step\"\u003e\n \u003cdiv class=\"bd-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bd-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eSur aisselles propres et sèches, puis massez quelques secondes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-tip\"\u003e\n \u003cspan class=\"bd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e appliquez-le de préférence le soir après la douche. Votre peau aura toute la nuit pour l'absorber, et vous serez protégé dès le réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bd-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bd-accordion\"\u003e\n \u003cdetails class=\"bd-accordion-item\"\u003e\n \u003csummary class=\"bd-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bd-accordion-content mt-1\"\u003e\n \u003cp\u003eCe baume est sensible à la chaleur. Conservez-le à température ambiante, loin des sources de chaleur directe. En été, évitez de le laisser dans une salle de bain trop chaude ou dans votre sac en plein soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bd-accordion-item\"\u003e\n \u003csummary class=\"bd-accordion-header\"\u003e🔄 Période de transition\u003c\/summary\u003e\n \u003cdiv class=\"bd-accordion-content mt-1\"\u003e\n \u003cp\u003eCe baume ne bloque pas la transpiration, il neutralise les odeurs tout en laissant votre corps fonctionner naturellement. Si vous êtes en transition depuis un déodorant conventionnel, accordez-vous 2 à 3 semaines d'adaptation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bd-accordion-item\"\u003e\n \u003csummary class=\"bd-accordion-header\"\u003e🏭 Fabrication artisanale\u003c\/summary\u003e\n \u003cdiv class=\"bd-accordion-content mt-1\"\u003e\n \u003cp\u003eConçu par Antheya, une marque installée à Calais, sur la Côte d'Opale. En choisissant ce produit, vous soutenez un savoir-faire français et réduisez l'empreinte carbone liée au transport.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bd-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à vos aisselles la douceur qu'elles méritent.\u003cbr\u003eUn déodorant efficace, naturel et respectueux des peaux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bd-cream: #FAF8F5;\n --bd-white: #ffffff;\n --bd-primary: #8B6F5C;\n --bd-primary-dark: #6B5344;\n --bd-primary-light: #F5EDE8;\n --bd-secondary: #D4A5A5;\n --bd-accent: #6B8E6B;\n --bd-text: #1a1a1a;\n --bd-text-light: #5a5a5a;\n --bd-border: #e8e0d8;\n --bd-shadow: 0 4px 24px rgba(139,111,92,.08);\n --bd-shadow-lg: 0 12px 48px rgba(139,111,92,.15);\n --bd-radius: 20px;\n --bd-radius-sm: 12px;\n}\n\n.bd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bd-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A5A5 0%, #8B6F5C 50%, #6B5344 100%);\n border-radius: var(--bd-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(--bd-shadow-lg);\n}\n\n.bd-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.bd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.bd-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(--bd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bd-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.bd-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.bd-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.bd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bd-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.bd-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(--bd-secondary), var(--bd-primary));\n border-radius: 2px;\n}\n\n.bd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bd-card {\n background: var(--bd-white);\n border-radius: var(--bd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bd-shadow-lg);\n border-color: var(--bd-secondary);\n}\n\n.bd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bd-card-ingredient {\n background: linear-gradient(135deg, var(--bd-white) 0%, var(--bd-primary-light) 100%);\n}\n\n.bd-allergens {\n text-align: center;\n font-size: 13px;\n color: var(--bd-text-light);\n margin-top: 1.5rem;\n padding: 1rem;\n background: var(--bd-white);\n border-radius: var(--bd-radius-sm);\n border-left: 4px solid var(--bd-secondary);\n}\n\n.bd-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bd-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--bd-white);\n padding: 1.25rem;\n border-radius: var(--bd-radius);\n box-shadow: var(--bd-shadow);\n}\n\n.bd-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bd-secondary), var(--bd-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: 18px;\n}\n\n.bd-step-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bd-step-content p {\n font-size: 14px;\n color: var(--bd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bd-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n margin-top: 1.5rem;\n padding: 1.25rem;\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF3CC 100%);\n border-radius: var(--bd-radius);\n border-left: 4px solid #F5A623;\n}\n\n.bd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bd-tip p {\n font-size: 14px;\n color: var(--bd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.bd-accordion {\n background: var(--bd-white);\n border-radius: var(--bd-radius);\n box-shadow: var(--bd-shadow);\n overflow: hidden;\n}\n\n.bd-accordion-item {\n border-bottom: 1px solid var(--bd-border);\n margin: 0;\n padding: 0;\n}\n\n.bd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bd-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.bd-accordion-header:hover {\n background: var(--bd-primary-light);\n}\n\n.bd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bd-primary);\n transition: transform .2s ease;\n}\n\n.bd-accordion-item[open] .bd-accordion-header::after {\n content: '−';\n}\n\n.bd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bd-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.bd-accordion-content p {\n margin: 0;\n}\n\n.bd-cta-box {\n background: linear-gradient(135deg, var(--bd-secondary) 0%, var(--bd-primary) 50%, var(--bd-primary-dark) 100%);\n border-radius: var(--bd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bd-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.bd-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .bd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bd-card {\n padding: 1.125rem;\n }\n \n .bd-section {\n margin-bottom: 1.75rem;\n }\n \n .bd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bd-radius-sm);\n }\n \n .bd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bd-badges-top {\n gap: 8px;\n }\n \n .bd-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .bd-step {\n padding: 1rem;\n }\n \n .bd-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .bd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bd-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bd-card:nth-child(1) { animation-delay: .05s; }\n .bd-card:nth-child(2) { animation-delay: .1s; }\n .bd-card:nth-child(3) { animation-delay: .15s; }\n .bd-card:nth-child(4) { animation-delay: .2s; }\n .bd-card:nth-child(5) { animation-delay: .25s; }\n .bd-card:nth-child(6) { animation-delay: .3s; }\n \n .bd-step {\n animation: fadeInUp .5s ease backwards;\n }\n .bd-step:nth-child(1) { animation-delay: .1s; }\n .bd-step:nth-child(2) { animation-delay: .2s; }\n .bd-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ANTHEYA","offers":[{"title":"Default Title","offer_id":56474089947513,"sku":"NBAIANT0065","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-deodorant-geranium-patchouli-ferme-antheya.jpg?v=1767948145"},{"product_id":"deodorant-solide-palmarosa-geranium-lamazuna","title":"Déodorant Solide - Palmarosa - Lamazuna","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Déodorant Solide Palmarosa - Lamazuna\nPalette détectée:\n - Primaire: #2E8B57 (vert naturel du packaging, évoquant le palmarosa)\n - Secondaire: #F4E04D (jaune vif, pétillant et joyeux)\n - Accent: #E8F5E9 (vert très pâle pour backgrounds)\nAmbiance: Naturel, écologique, frais, zéro déchet, français, joyeux et engagé\nPréfixe CSS: palm\n--\u003e\n\n\u003cdiv class=\"palm-premium\"\u003e\n \n \u003cdiv class=\"palm-hero\"\u003e\n \u003cdiv class=\"palm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"palm-hero-content\"\u003e\n \u003cdiv class=\"palm-badges-top\"\u003e\n \u003cspan class=\"palm-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"palm-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"palm-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"palm-hero-title\"\u003eDéodorant solide palmarosa\u003c\/span\u003e\n \u003cp class=\"palm-subtitle\"\u003eLa fraîcheur naturelle, sans compromis\u003c\/p\u003e\n \u003cp class=\"palm-description\"\u003eUn déodorant solide à l'huile essentielle de palmarosa bio qui neutralise efficacement les odeurs tout en respectant votre peau et la planète. Efficace, économique et écologique !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"palm-section\"\u003e\n \u003ch2\u003e✨ Pourquoi l'adopter\u003c\/h2\u003e\n \u003cdiv class=\"palm-grid\"\u003e\n \u003cdiv class=\"palm-card\"\u003e\n \u003ch3\u003e🛡️ Efficacité prouvée\u003c\/h3\u003e\n \u003cp\u003eLe palmarosa bio possède des propriétés antibactériennes naturelles qui neutralisent les odeurs pendant 24h.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"palm-card\"\u003e\n \u003ch3\u003e🌸 Doux pour la peau\u003c\/h3\u003e\n \u003cp\u003eSans sels d'aluminium ni perturbateurs endocriniens. Convient aux peaux sensibles grâce à sa formule douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"palm-card\"\u003e\n \u003ch3\u003e🌍 Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eFormat solide sans emballage plastique. Un seul déodorant remplace 2 sticks classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"palm-card\"\u003e\n \u003ch3\u003e💰 Ultra économique\u003c\/h3\u003e\n \u003cp\u003eDure environ 6 mois d'utilisation quotidienne. Un investissement malin pour votre porte-monnaie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"palm-card\"\u003e\n \u003ch3\u003e✈️ Pratique au quotidien\u003c\/h3\u003e\n \u003cp\u003eFormat compact idéal pour voyager. Autorisé en bagage cabine, ne coule pas et ne fond pas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"palm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France par Lamazuna, pionnier des cosmétiques solides depuis 2010.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"palm-section\"\u003e\n \u003ch2\u003e🧪 Une formule minimaliste\u003c\/h2\u003e\n \u003cdiv class=\"palm-grid\"\u003e\n \u003cdiv class=\"palm-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle de palmarosa bio\u003c\/h3\u003e\n \u003cp\u003eAntibactérienne naturelle aux notes florales fraîches, elle combat efficacement les bactéries responsables des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"palm-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco vierge\u003c\/h3\u003e\n \u003cp\u003eNourrit et hydrate la peau en profondeur tout en apportant une texture fondante et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"palm-card\"\u003e\n \u003ch3\u003e🌾 Fécule de maïs\u003c\/h3\u003e\n \u003cp\u003eAbsorbe naturellement l'humidité pour une sensation de fraîcheur longue durée sans effet collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"palm-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eApaise et protège les aisselles, même après l'épilation. Effet adoucissant garanti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"palm-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"palm-grid-compact\"\u003e\n \u003cdiv class=\"palm-card\"\u003e\n \u003ch3\u003e🌱 Éco-responsables\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez réduire vos déchets\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"palm-card\"\u003e\n \u003ch3\u003e🧴 Naturel addict\u003c\/h3\u003e\n \u003cp\u003eVous évitez les ingrédients chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"palm-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eVotre peau réagit aux déos classiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"palm-card\"\u003e\n \u003ch3\u003e✈️ Voyageurs\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un format pratique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"palm-section\"\u003e\n \u003ch2\u003e📝 Comment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"palm-steps\"\u003e\n \u003cdiv class=\"palm-step\"\u003e\n \u003cdiv class=\"palm-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"palm-step-content\"\u003e\n \u003ch3\u003eHumidifiez légèrement\u003c\/h3\u003e\n \u003cp\u003ePassez le déodorant sous l'eau ou appliquez sur peau légèrement humide après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"palm-step\"\u003e\n \u003cdiv class=\"palm-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"palm-step-content\"\u003e\n \u003ch3\u003eAppliquez directement\u003c\/h3\u003e\n \u003cp\u003eFaites 2 à 3 passages sous chaque aisselle. Le produit fond au contact de la peau et se dépose en fine couche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"palm-step\"\u003e\n \u003cdiv class=\"palm-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"palm-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eAttendez quelques secondes avant de vous habiller. Le produit pénètre rapidement sans laisser de traces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"palm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"palm-accordion\"\u003e\n \u003cdetails class=\"palm-accordion-item\"\u003e\n \u003csummary class=\"palm-accordion-header\"\u003e📦 Contenance et durée\u003c\/summary\u003e\n \u003cdiv class=\"palm-accordion-content\"\u003e\n \u003cp\u003ePoids net : 30g. Équivaut à environ 6 mois d'utilisation quotidienne, soit l'équivalent de 2 déodorants en stick classiques. Un geste économique et écologique !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"palm-accordion-item\"\u003e\n \u003csummary class=\"palm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"palm-accordion-content\"\u003e\n \u003cp\u003eConservez votre déodorant à l'abri de la chaleur et de l'humidité. Idéalement, posez-le sur un porte-savon ou dans une boîte de transport entre les utilisations. Évitez de le laisser en plein soleil ou près d'une source de chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"palm-accordion-item\"\u003e\n \u003csummary class=\"palm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"palm-accordion-content\"\u003e\n \u003cp\u003eContient de l'huile essentielle de palmarosa : déconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans. Évitez l'application sur une peau irritée ou juste après l'épilation (attendre quelques heures). En cas d'irritation, cessez l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"palm-accordion-item\"\u003e\n \u003csummary class=\"palm-accordion-header\"\u003e🔄 Période de transition\u003c\/summary\u003e\n \u003cdiv class=\"palm-accordion-content\"\u003e\n \u003cp\u003eSi vous passez d'un déodorant conventionnel à ce déodorant naturel, une période d'adaptation de 2 à 4 semaines peut être nécessaire. Votre corps doit éliminer les résidus des anciens produits. C'est normal et temporaire !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"palm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"palm-cta-box\"\u003e\n \u003cp\u003e🌿 Rejoignez le mouvement zéro déchet avec ce déodorant solide efficace, naturel et fabriqué en France. Votre peau et la planète vous diront merci !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --palm-cream: #F9FBF7;\n --palm-white: #ffffff;\n --palm-primary: #2E8B57;\n --palm-primary-dark: #1D5A3A;\n --palm-primary-light: #E8F5E9;\n --palm-secondary: #F4E04D;\n --palm-accent: #8BC34A;\n --palm-text: #1a1a1a;\n --palm-text-light: #5a5a5a;\n --palm-border: #e0e0e0;\n --palm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --palm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --palm-radius: 20px;\n --palm-radius-sm: 12px;\n}\n\n.palm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--palm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.palm-hero {\n position: relative;\n background: linear-gradient(135deg, #2E8B57 0%, #3CB371 40%, #F4E04D 100%);\n border-radius: var(--palm-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(--palm-shadow-lg);\n}\n\n.palm-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.palm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.palm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.palm-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(--palm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.palm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.palm-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.palm-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.palm-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.palm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.palm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--palm-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.palm-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(--palm-primary), var(--palm-secondary));\n border-radius: 2px;\n}\n\n.palm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.palm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.palm-card {\n background: var(--palm-white);\n border-radius: var(--palm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--palm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.palm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--palm-shadow-lg);\n border-color: var(--palm-primary);\n}\n\n.palm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--palm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.palm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--palm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.palm-grid-compact .palm-card {\n padding: 1rem;\n}\n\n.palm-grid-compact .palm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.palm-grid-compact .palm-card p {\n font-size: 12px;\n}\n\n.palm-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.palm-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--palm-white);\n border-radius: var(--palm-radius);\n padding: 1.5rem;\n box-shadow: var(--palm-shadow);\n transition: all .3s ease;\n}\n\n.palm-step:hover {\n transform: translateX(8px);\n box-shadow: var(--palm-shadow-lg);\n}\n\n.palm-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--palm-primary) 0%, var(--palm-accent) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 15px rgba(46,139,87,.3);\n}\n\n.palm-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--palm-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.palm-step-content p {\n font-size: 14px;\n color: var(--palm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.palm-accordion {\n background: var(--palm-white);\n border-radius: var(--palm-radius);\n box-shadow: var(--palm-shadow);\n overflow: hidden;\n}\n\n.palm-accordion-item {\n border-bottom: 1px solid var(--palm-border);\n margin: 0;\n padding: 0;\n}\n\n.palm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.palm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--palm-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.palm-accordion-header:hover {\n background: var(--palm-primary-light);\n}\n\n.palm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.palm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--palm-primary);\n transition: transform .2s ease;\n}\n\n.palm-accordion-item[open] .palm-accordion-header::after {\n content: '−';\n}\n\n.palm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--palm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.palm-accordion-content p {\n margin: 0;\n}\n\n.palm-cta-box {\n background: linear-gradient(135deg, var(--palm-primary) 0%, var(--palm-primary-dark) 100%);\n border-radius: var(--palm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.palm-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n.palm-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .palm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .palm-grid-compact {\n gap: .625rem;\n }\n \n .palm-grid-compact .palm-card {\n padding: .75rem;\n }\n \n .palm-card {\n padding: 1.125rem;\n }\n \n .palm-section {\n margin-bottom: 1.75rem;\n }\n \n .palm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--palm-radius-sm);\n }\n \n .palm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .palm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .palm-step {\n padding: 1.125rem;\n gap: 1rem;\n }\n \n .palm-step-number {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n \n .palm-step-content h3 {\n font-size: 14px;\n }\n \n .palm-step-content p {\n font-size: 13px;\n }\n \n .palm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .palm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .palm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .palm-card:nth-child(1) { animation-delay: .05s; }\n .palm-card:nth-child(2) { animation-delay: .1s; }\n .palm-card:nth-child(3) { animation-delay: .15s; }\n .palm-card:nth-child(4) { animation-delay: .2s; }\n .palm-card:nth-child(5) { animation-delay: .25s; }\n .palm-card:nth-child(6) { animation-delay: .3s; }\n \n .palm-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .palm-step:nth-child(1) { animation-delay: .1s; }\n .palm-step:nth-child(2) { animation-delay: .2s; }\n .palm-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .3; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .palm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LAMAZUNA","offers":[{"title":"Default Title","offer_id":56498137923961,"sku":"NBAILAM0020","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-naturel-palmarosa-lamazuna.jpg?v=1768385119"},{"product_id":"deodorant-solide-sweet-blossom-peaux-sensibles-lamazuna","title":"Déodorant Solide Sweet Blossom - Peaux sensibles - Lamazuna","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Déodorant Solide Sweet Blossom - Peaux sensibles - Lamazuna\nPalette détectée:\n - Primaire: #E8A0B0 (rose poudré doux du packaging)\n - Secondaire: #D4687A (rose framboise du bandeau)\n - Accent: #F5E6D3 (beige crème naturel du produit)\nAmbiance: Naturel, doux, féminin, éco-responsable, minimaliste scandinave\nPréfixe CSS: sb\n--\u003e\n\n\u003cdiv class=\"sb-premium\"\u003e\n\n \u003cdiv class=\"sb-hero\"\u003e\n \u003cdiv class=\"sb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sb-hero-content\"\u003e\n \u003cdiv class=\"sb-badges-top\"\u003e\n \u003cspan class=\"sb-badge\"\u003e🌸 Peaux sensibles\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sb-hero-title\"\u003eSweet Blossom\u003c\/span\u003e\n \u003cp class=\"sb-subtitle\"\u003eDéodorant solide naturel\u003c\/p\u003e\n \u003cp class=\"sb-description\"\u003eUne douceur florale sans compromis pour les aisselles les plus sensibles. Sans bicarbonate, sans aluminium, sans irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003e✨ Pourquoi vous allez l'adorer\u003c\/h2\u003e\n \u003cdiv class=\"sb-grid\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌸 Ultra doux\u003c\/h3\u003e\n \u003cp\u003eFormulé sans bicarbonate ni huiles essentielles pour respecter les peaux les plus réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🛡️ Efficacité prouvée\u003c\/h3\u003e\n \u003cp\u003eLe ricinoléate de zinc neutralise les odeurs toute la journée sans bloquer la transpiration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eCertifié COSMOS Organic avec 41,8% d'ingrédients bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eEmballage 100% carton recyclable, aucun plastique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; éthique\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux, formule 100% végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e⏱️ Longue durée\u003c\/h3\u003e\n \u003cp\u003e30g = plusieurs mois d'utilisation quotidienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003e🔬 Des actifs qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"sb-grid\"\u003e\n \u003cdiv class=\"sb-card sb-card-ingredient\"\u003e\n \u003ch3\u003e🧬 Ricinoléate de zinc\u003c\/h3\u003e\n \u003cp\u003eActif végétal qui piège les molécules odorantes avant leur développement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card sb-card-ingredient\"\u003e\n \u003ch3\u003e🏔️ Terre de diatomées\u003c\/h3\u003e\n \u003cp\u003ePoudre minérale absorbante qui inhibe la prolifération bactérienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card sb-card-ingredient\"\u003e\n \u003ch3\u003e🤍 Kaolin\u003c\/h3\u003e\n \u003cp\u003eArgile blanche douce qui régule la transpiration sans obstruer les pores\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card sb-card-ingredient\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eNourrit et apaise la peau délicate des aisselles au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sb-steps\"\u003e\n \u003cdiv class=\"sb-step\"\u003e\n \u003cdiv class=\"sb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sb-step-content\"\u003e\n \u003ch3\u003eHumidifiez\u003c\/h3\u003e\n \u003cp\u003ePassez le déodorant sous l'eau chaude ou froide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-step\"\u003e\n \u003cdiv class=\"sb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sb-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eEffectuez quelques passages directs sous les aisselles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-step\"\u003e\n \u003cdiv class=\"sb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sb-step-content\"\u003e\n \u003ch3\u003eProfitez\u003c\/h3\u003e\n \u003cp\u003eUne fine couche crémeuse vous protège toute la journée\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\u003eAstuce :\u003c\/strong\u003e Appliquez-le sur peau mouillée juste après la douche pour un glissement encore plus agréable !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"sb-grid\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e😌 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSpécialement conçu pour les aisselles réactives sujettes aux irritations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🔄 Déçu(e)s du naturel\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui ont déjà testé des déodorants naturels trop agressifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌍 Éco-conscients\u003c\/h3\u003e\n \u003cp\u003ePour une routine zéro déchet sans compromis sur l'efficacité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e👫 Mixte\u003c\/h3\u003e\n \u003cp\u003eParfum floral discret qui convient aux hommes comme aux femmes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003e📜 Composition INCI\u003c\/h2\u003e\n \u003cdiv class=\"sb-composition\"\u003e\n \u003cdiv class=\"sb-inci-list\"\u003e\n \u003cspan class=\"sb-inci-item\"\u003eCocos Nucifera Oil*\u003c\/span\u003e\n \u003cspan class=\"sb-inci-item\"\u003eKaolin\u003c\/span\u003e\n \u003cspan class=\"sb-inci-item\"\u003eGlyceryl Stearate\u003c\/span\u003e\n \u003cspan class=\"sb-inci-item\"\u003eDiatomaceous Earth\u003c\/span\u003e\n \u003cspan class=\"sb-inci-item\"\u003eZinc Ricinoleate\u003c\/span\u003e\n \u003cspan class=\"sb-inci-item\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"sb-inci-item\"\u003eCopernicia Cerifera Cera*\u003c\/span\u003e\n \u003cspan class=\"sb-inci-item\"\u003eTocopherol\u003c\/span\u003e\n \u003cspan class=\"sb-inci-item\"\u003eHelianthus Annuus Seed Oil*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"sb-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique (41,8% du total)\u003c\/p\u003e\n \u003cdiv class=\"sb-guarantees\"\u003e\n \u003cspan class=\"sb-guarantee\"\u003e✓ 100% origine naturelle\u003c\/span\u003e\n \u003cspan class=\"sb-guarantee\"\u003e✓ Vegan\u003c\/span\u003e\n \u003cspan class=\"sb-guarantee\"\u003e✓ Sans aluminium\u003c\/span\u003e\n \u003cspan class=\"sb-guarantee\"\u003e✓ Sans bicarbonate\u003c\/span\u003e\n \u003cspan class=\"sb-guarantee\"\u003e✓ Sans huiles essentielles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"sb-accordion\"\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content\"\u003e\n \u003cp\u003eRangez votre déodorant au sec, à l'abri de la chaleur et de la lumière directe. Posez-le sur une soucoupe ou un porte-savon entre deux utilisations. Sa formule antibactérienne lui permet de rester parfaitement hygiénique.\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🏭 Engagements Lamazuna\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content\"\u003e\n \u003cp\u003eFabriqué en France dans les ateliers Lamazuna. Emballage zéro plastique, 100% carton recyclable. Certifié COSMOS Organic par un organisme indépendant. Vegan et cruelty-free : non testé sur les animaux.\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⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sb-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à vos aisselles la douceur qu'elles méritent.\u003cbr\u003eEfficacité naturelle, respect absolu de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sb-cream: #FDF8F5;\n --sb-white: #ffffff;\n --sb-primary: #E8A0B0;\n --sb-primary-dark: #C47A8C;\n --sb-primary-light: #FBF0F3;\n --sb-secondary: #D4687A;\n --sb-accent: #F5E6D3;\n --sb-text: #1a1a1a;\n --sb-text-light: #5a5a5a;\n --sb-border: #f0e0e5;\n --sb-shadow: 0 4px 24px rgba(200,120,140,.12);\n --sb-shadow-lg: 0 12px 48px rgba(200,120,140,.18);\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, #E8A0B0 0%, #D4687A 50%, #C47A8C 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,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.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: .5rem;\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(32px, 8vw, 56px);\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 font-style: italic;\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 text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.sb-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\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-secondary));\n border-radius: 2px;\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-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-card-ingredient {\n background: linear-gradient(135deg, var(--sb-white) 0%, var(--sb-primary-light) 100%);\n}\n\n.sb-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 600px;\n margin: 0 auto 1.5rem;\n}\n\n.sb-step {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--sb-shadow);\n transition: all .3s ease;\n}\n\n.sb-step:hover {\n transform: translateX(8px);\n box-shadow: var(--sb-shadow-lg);\n}\n\n.sb-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--sb-primary) 0%, var(--sb-secondary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n}\n\n.sb-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sb-step-content p {\n font-size: 14px;\n color: var(--sb-text-light);\n margin: 0;\n}\n\n.sb-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, var(--sb-accent) 0%, #FDF5ED 100%);\n border-radius: var(--sb-radius);\n padding: 1.25rem 1.5rem;\n max-width: 600px;\n margin: 0 auto;\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-composition {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sb-shadow);\n text-align: center;\n}\n\n.sb-inci-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1rem;\n}\n\n.sb-inci-item {\n background: var(--sb-primary-light);\n color: var(--sb-primary-dark);\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n.sb-inci-note {\n font-size: 13px;\n color: var(--sb-text-light);\n font-style: italic;\n margin: 0 0 1.25rem 0;\n}\n\n.sb-guarantees {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.sb-guarantee {\n font-size: 13px;\n font-weight: 700;\n color: var(--sb-secondary);\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}\n\n.sb-accordion-item {\n border-bottom: 1px solid var(--sb-border);\n margin: 0;\n padding: 0;\n}\n\n.sb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sb-accordion-header:hover {\n background: var(--sb-primary-light);\n}\n\n.sb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sb-primary);\n transition: transform .2s ease;\n}\n\n.sb-accordion-item[open] .sb-accordion-header::after {\n content: '−';\n}\n\n.sb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\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-secondary) 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::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n.sb-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@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .8; }\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-step {\n padding: 1rem;\n gap: 1rem;\n }\n \n .sb-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .sb-tip {\n padding: 1rem;\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: fadeInUp .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 fadeInUp {\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":"LAMAZUNA","offers":[{"title":"Default Title","offer_id":56503062987129,"sku":"NBAILAM0024","price":8.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-naturel-peaux-sensibles-lamazuna.jpg?v=1768466239"},{"product_id":"recharge-deodorant-en-poudre-a-diluer-fleur-de-coton-pimpant","title":"Recharge Déodorant en Poudre à Diluer - Fleur de coton - Pimpant","description":"\u003cdiv class=\"pp-premium\"\u003e\n\u003cdiv class=\"pp-hero\"\u003e\n\u003cdiv class=\"pp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pp-hero-content\"\u003e\n\u003cdiv class=\"pp-badges-top\"\u003e\n\u003cspan class=\"pp-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🛡️ Efficacité 48 h prouvée\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e♻️ Format rechargeable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pp-hero-title\"\u003eRecharge déodorant en poudre à diluer - Fleur de coton\u003c\/span\u003e\n\u003cp class=\"pp-subtitle\"\u003ePar Pimpant\u003c\/p\u003e\n\u003cp class=\"pp-description\"\u003e20 g de poudre magique qui deviennent 40 ml de déodorant roll-on naturel, certifié COSMOS Natural. Rechargez, secouez, c'est prêt !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eRecharge Déodorant en Poudre à Diluer Fleur de Coton - Pimpant\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte votre peau autant que la planète ? Cette recharge en poudre à diluer Fleur de Coton de Pimpant réinvente votre routine hygiène avec un concept malin : une poudre légère de 20 g qui, mélangée à un peu d'eau, devient \u003cstrong\u003e40 ml de déodorant roll-on prêt à l'emploi\u003c\/strong\u003e. Fini les flacons jetés à la poubelle, vous rechargez simplement votre roll-on Pimpant, encore et encore.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUn déodorant naturel à l'efficacité prouvée 48 h\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eCe n'est pas parce qu'un produit est naturel qu'il doit faire des compromis sur la performance. Cette recharge Pimpant offre une \u003cstrong\u003eefficacité testée et prouvée pendant 48 heures\u003c\/strong\u003e contre les mauvaises odeurs. Le secret ? Un trio d'actifs soigneusement sélectionnés :\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧪 Triéthyl citrate\u003c\/h3\u003e\n\u003cp\u003eUn agent d'origine végétale qui \u003cstrong\u003ebloque les odeurs avant même qu'elles n'apparaissent\u003c\/strong\u003e, pour une protection préventive redoutable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🪨 Hydroxyde de magnésium\u003c\/h3\u003e\n\u003cp\u003eUn minéral naturel qui \u003cstrong\u003erééquilibre le pH cutané\u003c\/strong\u003e et crée un environnement défavorable aux bactéries responsables des odeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e✨ Gluconate de zinc\u003c\/h3\u003e\n\u003cp\u003eUn actif purifiant qui \u003cstrong\u003eneutralise les odeurs déjà présentes\u003c\/strong\u003e pour une fraîcheur qui dure toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePoint essentiel : ce \u003cstrong\u003edéodorant naturel efficace\u003c\/strong\u003e neutralise les odeurs \u003cstrong\u003esans bloquer la transpiration\u003c\/strong\u003e, respectant ainsi le fonctionnement naturel de votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUn parfum Fleur de Coton doux et cocooning\u003c\/h2\u003e\n\u003cdiv class=\"pp-testimonial\"\u003e\n\u003cp class=\"pp-testimonial-text\"\u003eLe parfum Fleur de Coton est frais, délicat et jamais entêtant. Il laisse sur la peau une sensation de propreté tout au long de la journée, avec un \u003cstrong\u003etoucher soyeux\u003c\/strong\u003e particulièrement agréable. Ce déodorant convient aussi bien aux femmes qu'aux hommes en quête d'une fragrance discrète. Si vous recherchez un \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e au parfum neutre et subtil, cette option est idéale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eComment préparer votre déodorant ?\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eLa préparation est simple et ne prend que quelques minutes :\u003c\/p\u003e\n\u003cdiv class=\"pp-timeline\"\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eOuvrez le flacon\u003c\/h3\u003e\n\u003cp\u003eDévissez la bille de votre flacon roll-on Pimpant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eVersez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez les 20 g de poudre au fond du flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eAjoutez l'eau\u003c\/h3\u003e\n\u003cp\u003eRemplissez le capuchon d'eau du robinet (environ 20 ml) et versez sur la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eSecouez et patientez\u003c\/h3\u003e\n\u003cp\u003eAgitez vigoureusement, puis laissez reposer 5 minutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eC'est prêt !\u003c\/h3\u003e\n\u003cp\u003ePensez à \u003cstrong\u003esecouer avant chaque utilisation\u003c\/strong\u003e pour une application optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e🫧\u003c\/span\u003e\n\u003cp\u003eAstuce : entre deux recharges, nettoyez votre flacon à l'eau claire et au savon pour une hygiène optimale. Vous obtenez ainsi un véritable \u003cstrong\u003edéodorant maison naturel\u003c\/strong\u003e, prêt en un clin d'œil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eComposition complète (liste INCI)\u003c\/h2\u003e\n\u003cdiv class=\"pp-accordion\"\u003e\n\u003cdetails open=\"\" class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e📋 Liste INCI détaillée\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eTricaprylin, Magnesium Hydroxide, Zea Mays (Corn) Starch, Acacia Senegal Gum, Triethyl Citrate, Magnesium Carbonate Hydroxide, Parfum (Fragrance), Zinc Gluconate, Potassium Sorbate, Sodium Benzoate, Xanthan Gum, Citric Acid, Linalyl Acetate, Vanillin, Aqua (Water).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eDes garanties qui font la différence\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌱 COSMOS Natural\u003c\/h3\u003e\n\u003cp\u003eCertifié par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🍃 99 % naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n\u003cp\u003eNi sels d'aluminium\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e📊 Yuka 86\/100\u003c\/h3\u003e\n\u003cp\u003eINCI Beauty : 17,9\/20\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e👨👩👧 Dès 10 ans\u003c\/h3\u003e\n\u003cp\u003eConvient à toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e📅 2 ans\u003c\/h3\u003e\n\u003cp\u003eDurée de conservation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e⏱️ 48 h d'efficacité\u003c\/h3\u003e\n\u003cp\u003eTestée et prouvée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"pp-section\"\u003e\n\u003ch2\u003ePourquoi choisir le format recharge ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-cta-box\"\u003e\n\u003cp\u003eChaque recharge en poudre représente \u003cstrong\u003emoins de plastique, moins de transport et moins de gaspillage\u003c\/strong\u003e. Vous conservez votre flacon roll-on et ne remplacez que le contenu. C'est un geste concret pour réduire vos déchets au quotidien, sans sacrifier l'efficacité de votre déodorant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pp-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de sensibilité cutanée particulière, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pp-cream: #fdf6f0;\n --pp-white: #ffffff;\n --pp-primary: #f0a830;\n --pp-primary-dark: #c47e12;\n --pp-primary-light: #fef5e2;\n --pp-secondary: #b8d8e8;\n --pp-accent: #e8a0a0;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #e8ddd4;\n --pp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, #f0a830 0%, #e8c06a 40%, #b8d8e8 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: 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.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.pp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.pp-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n text-shadow: 0 1px 8px rgba(0,0,0,.1);\n}\n\n\/* === BADGES === *\/\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pp-section-intro strong {\n color: var(--pp-text);\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pp-card p strong {\n color: var(--pp-text);\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-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(240, 168, 48, .3);\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.pp-timeline-content p strong {\n color: var(--pp-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.pp-testimonial {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-primary);\n}\n\n.pp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.pp-testimonial-text strong {\n color: var(--pp-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n word-break: break-word;\n}\n\n\/* === TIP BOX === *\/\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pp-tip p strong {\n color: var(--pp-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.pp-cta-box {\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-primary-dark) 100%);\n border-radius: var(--pp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pp-disclaimer {\n font-size: 12px;\n color: var(--pp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pp-testimonial {\n padding: 1.25rem;\n }\n\n .pp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n .pp-card:nth-child(7) { animation-delay: .35s; }\n .pp-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56772044915065,"sku":"NBAIPIM0118","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-deodorant-en-poudre-a-diluer-fleur-de-coton-pimpant-lifestyle_8ddc8ec0-f208-49f0-b58a-f71dec46c8c0.webp?v=1772531728"},{"product_id":"recharge-deodorant-roll-on-en-poudre-vanille-pimpant","title":"Recharge Déodorant Roll-on en Poudre - Vanille - Pimpant","description":"\u003cdiv class=\"pmp-premium\"\u003e\n\n \u003cdiv class=\"pmp-hero\"\u003e\n \u003cdiv class=\"pmp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pmp-hero-content\"\u003e\n \u003cdiv class=\"pmp-badges-top\"\u003e\n \u003cspan class=\"pmp-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"pmp-badge\"\u003e⏱️ Efficacité 48 h\u003c\/span\u003e\n \u003cspan class=\"pmp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"pmp-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pmp-hero-title\"\u003eRecharge Déodorant Roll-on en Poudre - Vanille\u003c\/span\u003e\n \u003cp class=\"pmp-subtitle\"\u003ePimpant\u003c\/p\u003e\n \u003cp class=\"pmp-description\"\u003eUne poudre à diluer pour un déodorant naturel, rechargeable et efficace 48 h. Le geste fraîcheur zéro déchet au parfum vanille gourmand.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pmp-section\"\u003e\n \u003ch2\u003eRecharge déodorant roll-on en poudre Vanille Pimpant : fraîcheur naturelle et zéro déchet\u003c\/h2\u003e\n \u003cp class=\"pmp-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant roll-on\u003c\/strong\u003e efficace, naturel et respectueux de votre peau ? Cette recharge en poudre Pimpant au parfum vanille réinvente votre routine hygiène.\u003c\/p\u003e\n \u003cdiv class=\"pmp-grid-compact\"\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e💧 Juste de l'eau\u003c\/h3\u003e\n \u003cp\u003eAjoutez de l'eau du robinet pour obtenir un déodorant vanille prêt à l'emploi\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e⏱️ 48 h d'efficacité\u003c\/h3\u003e\n \u003cp\u003eProtection prouvée contre les odeurs jusqu'à 48 heures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e♻️ Zéro flacon jeté\u003c\/h3\u003e\n \u003cp\u003eVous rechargez, vous secouez, et c'est parti - fini les flacons jetables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e🌱 99 % naturel\u003c\/h3\u003e\n \u003cp\u003eCertifié COSMOS Natural par Ecocert, sans alcool\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmp-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant roll-on rechargeable ?\u003c\/h2\u003e\n \u003cp class=\"pmp-section-intro\"\u003eContrairement à un déodorant classique, cette recharge Pimpant ne bloque pas la transpiration. Elle agit directement sur les bactéries responsables des mauvaises odeurs, tout en laissant votre peau respirer.\u003c\/p\u003e\n \u003cdiv class=\"pmp-grid\"\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e🧴 -40 % d'odeur à 24 h\u003c\/h3\u003e\n \u003cp\u003eRéduction significative de l'odeur de transpiration mesurée après 24 heures d'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e🛡️ -26 % d'odeur à 48 h\u003c\/h3\u003e\n \u003cp\u003eProtection prolongée sans aucun compromis sur votre confort cutané\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e🌍 Un geste pour la planète\u003c\/h3\u003e\n \u003cp\u003eUn seul flacon réutilisable, des recharges légères et compactes, beaucoup moins de plastique au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmp-section\"\u003e\n \u003ch2\u003eUn parfum vanille doux et réconfortant\u003c\/h2\u003e\n \u003cdiv class=\"pmp-testimonial\"\u003e\n \u003cp class=\"pmp-testimonial-text\"\u003e\"Ce déodorant vanille offre une fragrance gourmande mais parfaitement équilibrée. La note vanillée reste discrète tout au long de la journée, agréable à porter sans jamais devenir entêtante. Si vous appréciez les senteurs chaleureuses et enveloppantes, ce parfum deviendra vite votre allié au quotidien.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmp-section\"\u003e\n \u003ch2\u003eDes actifs naturels à l'efficacité prouvée\u003c\/h2\u003e\n \u003cp class=\"pmp-section-intro\"\u003eFormulé avec \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, ce déodorant roll-on concentre quatre actifs clés complétés par des texturants végétaux.\u003c\/p\u003e\n \u003cdiv class=\"pmp-grid\"\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e🍋 Triethyl Citrate\u003c\/h3\u003e\n \u003cp\u003eActif d'origine végétale qui limite la formation des odeurs à la source\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e🪨 Magnesium Hydroxide\u003c\/h3\u003e\n \u003cp\u003eMinéral régulateur de pH qui absorbe l'humidité pour garder la peau sèche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e⚖️ Magnesium Carbonate Hydroxide\u003c\/h3\u003e\n \u003cp\u003eComplément minéral qui renforce l'absorption et l'équilibre cutané\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e🔬 Zinc Gluconate\u003c\/h3\u003e\n \u003cp\u003eActif purifiant qui neutralise les molécules responsables des mauvaises odeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-tip\"\u003e\n \u003cspan class=\"pmp-tip-icon\"\u003e🌾\u003c\/span\u003e\n \u003cp\u003eLa formule est complétée par de l'\u003cstrong\u003eamidon de maïs\u003c\/strong\u003e absorbant, de la \u003cstrong\u003egomme d'acacia\u003c\/strong\u003e stabilisante et de la \u003cstrong\u003egomme xanthane\u003c\/strong\u003e pour une texture fluide et confortable à l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmp-section\"\u003e\n \u003ch2\u003eComment préparer votre déodorant roll-on ?\u003c\/h2\u003e\n \u003cp class=\"pmp-section-intro\"\u003eLa préparation est simple et ne prend que quelques minutes :\u003c\/p\u003e\n \u003cdiv class=\"pmp-timeline\"\u003e\n \u003cdiv class=\"pmp-timeline-item\"\u003e\n \u003cdiv class=\"pmp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pmp-timeline-content\"\u003e\n \u003ch3\u003eDévissez la bille\u003c\/h3\u003e\n \u003cp\u003eRetirez la bille de votre flacon roll-on réutilisable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-timeline-item\"\u003e\n \u003cdiv class=\"pmp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pmp-timeline-content\"\u003e\n \u003ch3\u003eVersez la poudre\u003c\/h3\u003e\n \u003cp\u003eTransvasez la recharge de poudre (20 g) dans le flacon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-timeline-item\"\u003e\n \u003cdiv class=\"pmp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pmp-timeline-content\"\u003e\n \u003ch3\u003eAjoutez l'eau\u003c\/h3\u003e\n \u003cp\u003eVersez 20 ml d'eau du robinet (utilisez le capuchon comme mesure)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-timeline-item\"\u003e\n \u003cdiv class=\"pmp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pmp-timeline-content\"\u003e\n \u003ch3\u003eSecouez énergiquement\u003c\/h3\u003e\n \u003cp\u003eAgitez bien le flacon pour homogénéiser la préparation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-timeline-item\"\u003e\n \u003cdiv class=\"pmp-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"pmp-timeline-content\"\u003e\n \u003ch3\u003ePatientez 5 minutes\u003c\/h3\u003e\n \u003cp\u003eLaissez reposer avant la première utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-tip\"\u003e\n \u003cspan class=\"pmp-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003eChaque recharge correspond à environ \u003cstrong\u003eun mois d'utilisation quotidienne\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmp-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"pmp-accordion\"\u003e\n \u003cdetails class=\"pmp-accordion-item\" open\u003e\n \u003csummary class=\"pmp-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n \u003cp\u003eTricaprylin, Magnesium Hydroxide, Zea Mays (Corn) Starch, Acacia Senegal Gum, Triethyl Citrate, Magnesium Carbonate Hydroxide, Parfum (Fragrance), Zinc Gluconate, Potassium Sorbate, Sodium Benzoate, Xanthan Gum, Citric Acid, Coumarin, Vanillin, Linalyl Acetate, Aqua (Water).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCertifications et garanties\u003c\/h2\u003e\n \u003cdiv class=\"pmp-grid-compact\"\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Natural\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eDoux pour toutes les peaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e🔬 Testé dermato\u003c\/h3\u003e\n \u003cp\u003eSous contrôle dermatologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e👦 Dès 10 ans\u003c\/h3\u003e\n \u003cp\u003eConvient aux jeunes comme aux adultes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmp-card\"\u003e\n \u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"pmp-disclaimer\"\u003eÉvitez l'application sur une peau irritée ou lésée. Ce produit ne constitue pas un traitement médical et ne remplace en aucun cas l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pmp-cream: #fffdf7;\n --pmp-white: #ffffff;\n --pmp-primary: #e8b930;\n --pmp-primary-dark: #b8891a;\n --pmp-primary-light: #fdf6e0;\n --pmp-secondary: #d4a017;\n --pmp-accent: #6b8e4e;\n --pmp-text: #1a1a1a;\n --pmp-text-light: #5a5a5a;\n --pmp-border: #e8e2d4;\n --pmp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pmp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pmp-radius: 20px;\n --pmp-radius-sm: 12px;\n}\n\n.pmp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pmp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.pmp-hero {\n position: relative;\n background: linear-gradient(135deg, #f5d24e 0%, #e8b930 40%, #b8891a 100%);\n border-radius: var(--pmp-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(--pmp-shadow-lg);\n}\n\n.pmp-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%), radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%), repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.03) 30px, rgba(255,255,255,.03) 60px);\n opacity: 1;\n}\n\n.pmp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pmp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pmp-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(--pmp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pmp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pmp-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.pmp-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.pmp-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.pmp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pmp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pmp-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.pmp-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(--pmp-primary), var(--pmp-accent));\n border-radius: 2px;\n}\n\n.pmp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pmp-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.pmp-card {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pmp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pmp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pmp-shadow-lg);\n border-color: var(--pmp-primary);\n}\n\n.pmp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pmp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pmp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pmp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pmp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pmp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pmp-grid-compact .pmp-card {\n padding: 1rem;\n}\n\n.pmp-grid-compact .pmp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pmp-grid-compact .pmp-card p {\n font-size: 12px;\n}\n\n.pmp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pmp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pmp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pmp-primary), var(--pmp-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(232,185,48,.35);\n}\n\n.pmp-timeline-content {\n flex: 1;\n background: var(--pmp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pmp-radius-sm);\n box-shadow: var(--pmp-shadow);\n}\n\n.pmp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pmp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pmp-timeline-content p {\n font-size: 14px;\n color: var(--pmp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.pmp-testimonial {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pmp-shadow);\n border-left: 4px solid var(--pmp-primary);\n}\n\n.pmp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pmp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.pmp-accordion {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n box-shadow: var(--pmp-shadow);\n overflow: hidden;\n}\n\n.pmp-accordion-item {\n border-bottom: 1px solid var(--pmp-border);\n margin: 0;\n padding: 0;\n}\n\n.pmp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pmp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pmp-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.pmp-accordion-header:hover {\n background: var(--pmp-primary-light);\n}\n\n.pmp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pmp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pmp-primary);\n transition: transform .2s ease;\n}\n\n.pmp-accordion-item[open] .pmp-accordion-header::after {\n content: '−';\n}\n\n.pmp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pmp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pmp-accordion-content p {\n margin: 0;\n}\n\n.pmp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pmp-primary-light);\n border-radius: var(--pmp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pmp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pmp-tip p {\n font-size: 14px;\n color: var(--pmp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pmp-disclaimer {\n font-size: 12px;\n color: var(--pmp-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .pmp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pmp-card {\n padding: 1.125rem;\n }\n\n .pmp-section {\n margin-bottom: 1.75rem;\n }\n\n .pmp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pmp-radius-sm);\n }\n\n .pmp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pmp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pmp-grid-compact {\n gap: .625rem;\n }\n\n .pmp-grid-compact .pmp-card {\n padding: .75rem;\n }\n\n .pmp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pmp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pmp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pmp-timeline-content p {\n font-size: 13px;\n }\n\n .pmp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pmp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pmp-testimonial {\n padding: 1.25rem;\n }\n\n .pmp-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .pmp-card {\n animation: pmpFadeInUp .5s ease backwards;\n }\n .pmp-card:nth-child(1) { animation-delay: .05s; }\n .pmp-card:nth-child(2) { animation-delay: .1s; }\n .pmp-card:nth-child(3) { animation-delay: .15s; }\n .pmp-card:nth-child(4) { animation-delay: .2s; }\n .pmp-card:nth-child(5) { animation-delay: .25s; }\n .pmp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pmpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .pmp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56816559948153,"sku":"NBAIPIM0122","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-deodorant-roll-on-en-poudre-vanille-pimpant-lifestyle.webp?v=1773048468"},{"product_id":"kit-decouverte-deodorant-roll-on-en-poudre-vanille-pimpant","title":"Kit Découverte Déodorant Roll-on en Poudre - Vanille - Pimpant","description":"\u003cdiv class=\"pp-premium\"\u003e\n\u003cdiv class=\"pp-hero\"\u003e\n\u003cdiv class=\"pp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pp-hero-content\"\u003e\n\u003cdiv class=\"pp-badges-top\"\u003e\n\u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e♻️ Rechargeable\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e⏱️ Efficacité 48h\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pp-hero-title\"\u003eKit Découverte Déodorant Roll-on Vanille\u003c\/span\u003e\n\u003cp class=\"pp-subtitle\"\u003ePar Pimpant - Le déodorant en poudre à diluer, naturel et zéro déchet\u003c\/p\u003e\n\u003cp class=\"pp-description\"\u003eUn flacon rechargeable + 1 recharge vanille pour 1 mois de fraîcheur certifiée COSMOS Natural, sans alcool et testée dermatologiquement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eKit Découverte Déodorant Roll-on Vanille Pimpant : naturel, rechargeable et efficace 48h\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant roll-on\u003c\/strong\u003e vraiment efficace, respectueux de votre peau et de la planète ?\u003c\/p\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌱 Naturel\u003c\/h3\u003e\n\u003cp\u003e99 % d'ingrédients d'origine naturelle, certifié COSMOS Natural par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e♻️ Rechargeable\u003c\/h3\u003e\n\u003cp\u003eUn concept malin : gardez votre flacon, ne changez que la recharge en poudre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧪 Poudre à diluer\u003c\/h3\u003e\n\u003cp\u003eUn déodorant en poudre à préparer soi-même avec un peu d'eau du robinet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌍 Écologique\u003c\/h3\u003e\n\u003cp\u003eFini les emballages jetés chaque mois - un geste concret pour la planète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eQue contient ce kit déodorant rechargeable ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧴 1 flacon roll-on rechargeable\u003c\/h3\u003e\n\u003cp\u003eFormat compact de 50 ml, pratique à glisser dans un sac ou une trousse de toilette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e📦 1 recharge en poudre\u003c\/h3\u003e\n\u003cp\u003e20 g, parfum \u003cstrong\u003evanille\u003c\/strong\u003e doux et enveloppant - soit environ 1 \u003cstrong\u003emois d'utilisation\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eUn geste concret pour réduire vos déchets, sans compromis sur l'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eComment préparer votre déodorant roll-on en poudre ?\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eLa préparation est un jeu d'enfant, en quelques étapes seulement :\u003c\/p\u003e\n\u003cdiv class=\"pp-timeline\"\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eDévissez la bille\u003c\/h3\u003e\n\u003cp\u003eRetirez la bille du flacon roll-on pour accéder à l'intérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eVersez la poudre\u003c\/h3\u003e\n\u003cp\u003eAjoutez une recharge de \u003cstrong\u003epoudre déodorante\u003c\/strong\u003e (20 g) dans le flacon\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eAjoutez l'eau\u003c\/h3\u003e\n\u003cp\u003eVersez 20 ml d'eau du robinet - utilisez le capuchon comme doseur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eSecouez énergiquement\u003c\/h3\u003e\n\u003cp\u003eAgitez le flacon pour bien mélanger la poudre et l'eau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003ePatientez 5 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer avant la première application pour obtenir une \u003cstrong\u003etexture fluide\u003c\/strong\u003e au doux parfum de \u003cstrong\u003evanille\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUne efficacité 48h prouvée par des tests\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eCe déodorant roll-on vanille ne se contente pas de masquer les odeurs. Il agit à la source grâce à \u003cstrong\u003etrois actifs naturels reconnus\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧬 Triethyl Citrate\u003c\/h3\u003e\n\u003cp\u003eLimite la formation des mauvaises odeurs à la surface de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e⚖️ Magnesium Hydroxide\u003c\/h3\u003e\n\u003cp\u003eMaintient un pH cutané équilibré, défavorable aux bactéries responsables des odeurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🛡️ Zinc Gluconate\u003c\/h3\u003e\n\u003cp\u003eNeutralise directement les molécules malodorantes pour une fraîcheur longue durée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-results-box\"\u003e\n\u003cdiv class=\"pp-results-grid\"\u003e\n\u003cdiv class=\"pp-result-item\"\u003e\n\u003cspan class=\"pp-result-number\"\u003e-40 %\u003c\/span\u003e \u003cspan class=\"pp-result-label\"\u003ed'odeur de transpiration après 24h\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-result-item\"\u003e\n\u003cspan class=\"pp-result-number\"\u003e-26 %\u003c\/span\u003e \u003cspan class=\"pp-result-label\"\u003ed'odeur de transpiration après 48h\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-result-item\"\u003e\n\u003cspan class=\"pp-result-number\"\u003e10\/11\u003c\/span\u003e \u003cspan class=\"pp-result-label\"\u003evolontaires le jugent efficace à 24h\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-result-item\"\u003e\n\u003cspan class=\"pp-result-number\"\u003e9\/11\u003c\/span\u003e \u003cspan class=\"pp-result-label\"\u003evolontaires le jugent efficace à 48h\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003eℹ️\u003c\/span\u003e\n\u003cp\u003ePrécision importante : ce déodorant \u003cstrong\u003en'empêche pas la transpiration naturelle\u003c\/strong\u003e, il agit uniquement sur les odeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUne formule naturelle certifiée et fabriquée en France\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e✅ Certifié Ecocert\u003c\/h3\u003e\n\u003cp\u003eCOSMOS Natural\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n\u003cp\u003eRespecte les peaux sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🔬 Testé dermato\u003c\/h3\u003e\n\u003cp\u003eSous contrôle dermatologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eExigence qualité et circuit court\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e📋 Composition claire\u003c\/h3\u003e\n\u003cp\u003eTransparente, sans ingrédients controversés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"pp-accordion\"\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e📝 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eTricaprylin, Magnesium Hydroxide, Zea Mays (Corn) Starch, Acacia Senegal Gum, Triethyl Citrate, Magnesium Carbonate Hydroxide, Parfum, Zinc Gluconate, Potassium Sorbate, Sodium Benzoate, Xanthan Gum, Citric Acid, Coumarin, Vanillin, Linalyl Acetate, Aqua.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"pp-section\"\u003e\n\u003ch2\u003ePour qui est fait ce déodorant naturel vanille ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e👩👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient aux femmes comme aux hommes, \u003cstrong\u003edès 10 ans\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🍦 Parfum vanille\u003c\/h3\u003e\n\u003cp\u003eUn parfum doux et enveloppant qui plaît au plus grand nombre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e⚠️ Précaution\u003c\/h3\u003e\n\u003cp\u003eÉvitez l'application sur une peau irritée ou lésée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-cta-box\"\u003e\n\u003cp\u003e🌞 Adoptez le réflexe rechargeable - 1 mois de fraîcheur naturelle à la vanille, dans un seul kit !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pp-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pp-cream: #fffcf5;\n --pp-white: #ffffff;\n --pp-primary: #f5a623;\n --pp-primary-dark: #c47d0e;\n --pp-primary-light: #fef5e3;\n --pp-secondary: #f7c948;\n --pp-accent: #e8920d;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #f0e6d4;\n --pp-shadow: 0 4px 24px rgba(196,125,14,.08);\n --pp-shadow-lg: 0 12px 48px rgba(196,125,14,.15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, #f5a623 0%, #f7c948 50%, #e8920d 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.pp-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.pp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(245,166,35,.3);\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.pp-results-box {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n margin-top: 1.25rem;\n border: 2px solid var(--pp-primary-light);\n}\n\n.pp-results-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n}\n\n.pp-result-item {\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: .25rem;\n}\n\n.pp-result-number {\n font-size: clamp(28px, 6vw, 42px);\n font-weight: 900;\n color: var(--pp-primary);\n letter-spacing: -.03em;\n line-height: 1;\n}\n\n.pp-result-label {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--pp-text-light);\n line-height: 1.4;\n}\n\n.pp-testimonial {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-primary);\n}\n\n.pp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n word-break: break-word;\n}\n\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pp-cta-box {\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-primary-dark) 100%);\n border-radius: var(--pp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.pp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.pp-disclaimer {\n font-size: 12px;\n color: var(--pp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pp-testimonial {\n padding: 1.25rem;\n }\n\n .pp-testimonial-text {\n font-size: 14px;\n }\n\n .pp-results-grid {\n gap: 1rem;\n }\n\n .pp-result-number {\n font-size: 28px;\n }\n\n .pp-result-label {\n font-size: 11px;\n }\n\n .pp-results-box {\n padding: 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n\n .pp-timeline-item {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pp-timeline-item:nth-child(2) { animation-delay: .1s; }\n .pp-timeline-item:nth-child(3) { animation-delay: .15s; }\n .pp-timeline-item:nth-child(4) { animation-delay: .2s; }\n .pp-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56816627843449,"sku":"NBAIPIM0121","price":9.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kit-decouverte-deodorant-roll-on-en-poudre-vanille-pimpant-lifestyle_70b2ca3a-8087-4bcc-a5cb-360b8312d669.webp?v=1773048453"},{"product_id":"deodorant-creme-hypoallergenique-bio-50-g-florame","title":"Déodorant Crème Hypoallergénique Bio - 50 g - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\n\u003cdiv class=\"fl-hero\"\u003e\n\u003cdiv class=\"fl-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fl-hero-content\"\u003e\n\u003cdiv class=\"fl-badges-top\"\u003e\n\u003cspan class=\"fl-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e\n\u003cspan class=\"fl-badge\"\u003e⏱️ Efficacité 24h\u003c\/span\u003e\n\u003cspan class=\"fl-badge\"\u003e🤍 Sans parfum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fl-hero-title\"\u003eDéodorant crème hypoallergénique bio\u003c\/span\u003e\n\u003cp class=\"fl-subtitle\"\u003eFlorame - Saint-Rémy-de-Provence\u003c\/p\u003e\n\u003cp class=\"fl-description\"\u003eUne protection douce et naturelle pour les peaux les plus sensibles. 50 g de soin bio, sans parfum, formulé au beurre de karité et à l'aloe vera.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eDéodorant Crème Hypoallergénique Bio Florame : une protection douce et naturelle\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eVous avez la peau sensible et cherchez un \u003cstrong\u003edéodorant bio efficace\u003c\/strong\u003e qui ne provoque ni irritations ni inconfort ?\u003c\/p\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🛡️ Hypoallergénique\u003c\/h3\u003e\n\u003cp\u003eFormulé sans parfum pour éliminer les risques de réaction allergique, même sur les peaux les plus réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eLabellisé Cosmos Organic, avec des ingrédients d'origine naturelle et biologique rigoureusement sélectionnés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e⏱️ 24h de protection\u003c\/h3\u003e\n\u003cp\u003eUne efficacité anti-odeur prouvée tout au long de la journée, du matin au soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🤍 Confort absolu\u003c\/h3\u003e\n\u003cp\u003ePrend soin des aisselles les plus sensibles grâce à des actifs apaisants et hydratants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003ePourquoi choisir un déodorant en crème plutôt qu'un format classique ?\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e✋ Application douce\u003c\/h3\u003e\n\u003cp\u003eLe format crème s'applique avec douceur, sans friction agressive, pour un contact direct avec la peau et une absorption optimale des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🧴 Film protecteur nourrissant\u003c\/h3\u003e\n\u003cp\u003eContrairement à un spray ou un roll-on, le déodorant en crème dépose un film protecteur tout en nourrissant l'épiderme en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e💰 Économique et durable\u003c\/h3\u003e\n\u003cp\u003eLe pot de \u003cstrong\u003e50 g\u003c\/strong\u003e dure longtemps : une petite noisette suffit à chaque application pour une utilisation longue durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eDes ingrédients naturels et biologiques au service de votre peau\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eFlorame, maison provençale installée à Saint-Rémy-de-Provence, a sélectionné des actifs reconnus pour leurs vertus apaisantes et hydratantes.\u003c\/p\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card fl-card-ingredient\"\u003e\n\u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n\u003cp\u003eRiche en acides gras essentiels, il nourrit intensément la peau, la protège des agressions extérieures et prévient les sensations de tiraillement après le rasage ou l'épilation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card fl-card-ingredient\"\u003e\n\u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eVéritable allié des peaux sensibles, il apaise, hydrate et contribue à maintenir le confort cutané tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-tip\"\u003e\n\u003cspan class=\"fl-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eFormulé \u003cstrong\u003esans parfum\u003c\/strong\u003e, ce déodorant réduit considérablement le risque de réaction allergique. Sa formulation hypoallergénique en fait un choix de confiance pour les personnes intolérantes aux fragrances synthétiques ou naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eComment appliquer ce déodorant crème bio ?\u003c\/h2\u003e\n\u003cdiv class=\"fl-timeline\"\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003ePrélever\u003c\/h3\u003e\n\u003cp\u003ePrélevez une petite quantité de crème du bout des doigts. Une noisette suffit pour les deux aisselles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eAppliquer\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur des aisselles propres et sèches, en massant légèrement pour bien répartir le produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eLaisser pénétrer\u003c\/h3\u003e\n\u003cp\u003eLaissez pénétrer quelques instants avant de vous habiller. La texture fond rapidement sans laisser de résidu gras ni de traces sur les vêtements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-tip\"\u003e\n\u003cspan class=\"fl-tip-icon\"\u003e👫\u003c\/span\u003e\n\u003cp\u003eCe \u003cstrong\u003edéodorant bio\u003c\/strong\u003e convient aussi bien aux femmes qu'aux hommes à la recherche d'un soin neutre et respectueux. Si vous cherchez un \u003cstrong\u003edéodorant bio pour homme\u003c\/strong\u003e sans odeur ajoutée, ce produit Florame répond parfaitement à cette attente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003ePour qui est fait ce déodorant hypoallergénique ?\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🔴 Peaux réactives\u003c\/h3\u003e\n\u003cp\u003eVotre peau réagit aux déodorants conventionnels avec rougeurs, démangeaisons ou picotements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌿 Transition bio\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez passer à un \u003cstrong\u003edéodorant bio solide\u003c\/strong\u003e sans compromis sur l'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e✨ Formule minimaliste\u003c\/h3\u003e\n\u003cp\u003eVous préférez une formule épurée, sans parfum et certifiée biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e💧 Hydratation + protection\u003c\/h3\u003e\n\u003cp\u003eVous recherchez un produit qui hydrate en même temps qu'il protège, pour un confort optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eLes engagements Florame\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification exigeante garantissant des ingrédients d'origine naturelle et biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en Provence\u003c\/h3\u003e\n\u003cp\u003eMarque pionnière de l'aromathérapie biologique en France, installée à Saint-Rémy-de-Provence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌍 Naturel\u003c\/h3\u003e\n\u003cp\u003eFormulé à partir d'ingrédients d'origine naturelle, respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e✈️ Format voyage\u003c\/h3\u003e\n\u003cp\u003eLe pot compact de 50 g se glisse facilement dans un sac ou une trousse de voyage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fl-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"fl-cta-box\"\u003e\n\u003cp\u003e🤍 Offrez à vos aisselles le soin qu'elles méritent : une protection 24h, bio, sans parfum et hypoallergénique. Votre peau sensible vous dira merci.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"fl-disclaimer\"\u003eCe déodorant cosmétique ne constitue pas un traitement médical. En cas de réaction cutanée 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--fl-cream: #faf7f5;\n--fl-white: #ffffff;\n--fl-primary: #d4729a;\n--fl-primary-dark: #a04b72;\n--fl-primary-light: #fdf0f5;\n--fl-secondary: #e8a063;\n--fl-accent: #f4c27f;\n--fl-text: #1a1a1a;\n--fl-text-light: #5a5a5a;\n--fl-border: #f0e4e9;\n--fl-shadow: 0 4px 24px rgba(164,75,114,.08);\n--fl-shadow-lg: 0 12px 48px rgba(164,75,114,.15);\n--fl-radius: 20px;\n--fl-radius-sm: 12px;\n}\n\n.fl-premium {\nmax-width: 1200px;\nmargin: 0 auto;\npadding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\nbackground: var(--fl-cream);\nfont-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fl-hero {\nposition: relative;\nbackground: linear-gradient(135deg, #d4729a 0%, #c45e88 40%, #e8a063 100%);\nborder-radius: var(--fl-radius);\npadding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\nmargin-bottom: clamp(2.5rem, 5vw, 4rem);\noverflow: hidden;\nbox-shadow: var(--fl-shadow-lg);\n}\n\n.fl-hero-pattern {\nposition: absolute;\ntop: 0; left: 0; right: 0; bottom: 0;\nbackground: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\nradial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\nradial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\nopacity: 1;\n}\n\n.fl-hero-content {\nposition: relative;\nz-index: 1;\ntext-align: center;\n}\n\n.fl-hero-title {\ndisplay: block;\ncolor: white;\nfont-size: clamp(28px, 7vw, 52px);\nfont-weight: 900;\nmargin: 0 0 1rem 0;\nletter-spacing: -.04em;\ntext-shadow: 0 4px 20px rgba(0,0,0,.2);\nline-height: 1.1;\n}\n\n.fl-subtitle {\ncolor: rgba(255,255,255,.85);\nfont-size: clamp(14px, 3vw, 18px);\nfont-weight: 600;\nmargin: 0 0 1.25rem 0;\nletter-spacing: .05em;\ntext-transform: uppercase;\n}\n\n.fl-description {\ncolor: rgba(255,255,255,.92);\nfont-size: clamp(14px, 2.5vw, 17px);\nline-height: 1.7;\nmax-width: 600px;\nmargin: 0 auto;\n}\n\n.fl-badges-top {\ndisplay: flex;\nflex-wrap: wrap;\njustify-content: center;\ngap: 8px;\nmargin-bottom: 1.5rem;\n}\n\n.fl-badge {\ndisplay: inline-flex;\nalign-items: center;\ngap: 6px;\npadding: 8px 16px;\nbackground: rgba(255,255,255,.95);\nbackdrop-filter: blur(10px);\nborder-radius: 999px;\nfont-size: 13px;\nfont-weight: 700;\ncolor: var(--fl-primary-dark);\nbox-shadow: 0 2px 12px rgba(0,0,0,.1);\ntransition: all .3s ease;\n}\n\n.fl-badge:hover {\ntransform: translateY(-2px) scale(1.05);\n}\n\n.fl-section {\nmargin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\nfont-size: clamp(22px, 5vw, 36px);\nfont-weight: 900;\ncolor: var(--fl-primary-dark);\nmargin-bottom: clamp(1.25rem, 3vw, 2rem);\ntext-align: center;\nletter-spacing: -.03em;\nposition: relative;\npadding-bottom: 1rem;\nline-height: 1.25;\n}\n\n.fl-premium h2::after {\ncontent: '';\nposition: absolute;\nbottom: 0;\nleft: 50%;\ntransform: translateX(-50%);\nwidth: 60px;\nheight: 4px;\nbackground: linear-gradient(90deg, var(--fl-primary), var(--fl-secondary));\nborder-radius: 2px;\n}\n\n.fl-card {\nbackground: var(--fl-white);\nborder-radius: var(--fl-radius);\npadding: clamp(1.25rem, 3vw, 2rem);\nbox-shadow: var(--fl-shadow);\nborder: 2px solid transparent;\ntransition: all .3s ease;\ntext-align: center;\n}\n\n.fl-card:hover {\ntransform: translateY(-6px);\nbox-shadow: var(--fl-shadow-lg);\nborder-color: var(--fl-primary);\n}\n\n.fl-card h3 {\nfont-size: clamp(15px, 2.5vw, 18px);\nfont-weight: 800;\ncolor: var(--fl-primary-dark);\nmargin: 0 0 .5rem 0;\nline-height: 1.3;\n}\n\n.fl-card p {\nfont-size: clamp(13px, 2vw, 15px);\ncolor: var(--fl-text-light);\nmargin: 0;\nline-height: 1.6;\n}\n\n.fl-card-ingredient {\nborder-left: 4px solid var(--fl-primary);\ntext-align: left;\n}\n\n.fl-grid {\ndisplay: grid;\ngrid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\ngap: 1.25rem;\n}\n\n.fl-grid-compact {\ndisplay: grid;\ngrid-template-columns: repeat(2, 1fr);\ngap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\npadding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\nfont-size: 14px;\nmargin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\nfont-size: 12px;\n}\n\n.fl-timeline {\ndisplay: flex;\nflex-direction: column;\ngap: 1rem;\n}\n\n.fl-timeline-item {\ndisplay: flex;\ngap: 1rem;\nalign-items: flex-start;\n}\n\n.fl-timeline-number {\nflex-shrink: 0;\nwidth: 40px;\nheight: 40px;\nbackground: linear-gradient(135deg, var(--fl-primary), var(--fl-secondary));\ncolor: white;\nborder-radius: 50%;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nfont-weight: 800;\nfont-size: 16px;\n}\n\n.fl-timeline-content {\nflex: 1;\nbackground: var(--fl-white);\npadding: 1rem 1.25rem;\nborder-radius: var(--fl-radius-sm);\nbox-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\nfont-size: 16px;\nfont-weight: 700;\ncolor: var(--fl-primary-dark);\nmargin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\nfont-size: 14px;\ncolor: var(--fl-text-light);\nmargin: 0;\nline-height: 1.5;\n}\n\n.fl-testimonial {\nbackground: var(--fl-white);\nborder-radius: var(--fl-radius);\npadding: clamp(1.5rem, 4vw, 2.5rem);\nbox-shadow: var(--fl-shadow);\nborder-left: 4px solid var(--fl-primary);\n}\n\n.fl-testimonial-text {\nfont-size: clamp(15px, 2.5vw, 17px);\ncolor: var(--fl-text);\nline-height: 1.8;\nfont-style: italic;\nmargin: 0;\n}\n\n.fl-tip {\ndisplay: flex;\ngap: 1rem;\nalign-items: flex-start;\nbackground: var(--fl-primary-light);\nborder-radius: var(--fl-radius-sm);\npadding: 1rem 1.25rem;\nmargin-top: 1.25rem;\n}\n\n.fl-tip-icon {\nfont-size: 24px;\nflex-shrink: 0;\n}\n\n.fl-tip p {\nfont-size: 14px;\ncolor: var(--fl-text);\nmargin: 0;\nline-height: 1.6;\n}\n\n.fl-cta-box {\nbackground: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-primary-dark) 100%);\nborder-radius: var(--fl-radius);\npadding: clamp(1.75rem, 4vw, 3rem);\ntext-align: center;\nposition: relative;\noverflow: hidden;\n}\n\n.fl-cta-box p {\ncolor: white;\nfont-size: clamp(15px, 2.5vw, 19px);\nline-height: 1.7;\nfont-weight: 600;\ntext-shadow: 0 2px 12px rgba(0,0,0,.1);\nmargin: 0;\n}\n\n.fl-disclaimer {\nfont-size: 12px;\ncolor: var(--fl-text-light);\ntext-align: center;\nmargin-top: 1rem;\nfont-style: italic;\n}\n\n.fl-section-intro {\ntext-align: center;\nfont-size: clamp(15px, 2.5vw, 17px);\ncolor: var(--fl-text-light);\nmargin-bottom: 1.5rem;\nmax-width: 600px;\nmargin-left: auto;\nmargin-right: auto;\nline-height: 1.7;\n}\n\n@media (max-width: 767px) {\n.fl-grid {\ngrid-template-columns: 1fr;\ngap: 1rem;\n}\n\n.fl-card {\npadding: 1.125rem;\n}\n\n.fl-section {\nmargin-bottom: 1.75rem;\n}\n\n.fl-hero {\npadding: 2rem 1.25rem;\nmargin-bottom: 1.75rem;\nborder-radius: var(--fl-radius-sm);\n}\n\n.fl-premium h2 {\nmargin-bottom: 1rem;\npadding-bottom: .75rem;\n}\n\n.fl-premium h2::after {\nwidth: 40px;\nheight: 3px;\n}\n\n.fl-grid-compact {\ngap: .625rem;\n}\n\n.fl-grid-compact .fl-card {\npadding: .75rem;\n}\n\n.fl-timeline-number {\nwidth: 32px;\nheight: 32px;\nfont-size: 14px;\n}\n\n.fl-timeline-content {\npadding: .875rem 1rem;\n}\n\n.fl-timeline-content h3 {\nfont-size: 14px;\n}\n\n.fl-timeline-content p {\nfont-size: 13px;\n}\n\n.fl-testimonial {\npadding: 1.25rem;\n}\n\n.fl-testimonial-text {\nfont-size: 14px;\n}\n\n.fl-tip {\npadding: .875rem 1rem;\n}\n\n.fl-tip p {\nfont-size: 13px;\n}\n}\n\n@media (prefers-reduced-motion: no-preference) {\n.fl-card {\nanimation: flFadeInUp .5s ease backwards;\n}\n.fl-card:nth-child(1) { animation-delay: .05s; }\n.fl-card:nth-child(2) { animation-delay: .1s; }\n.fl-card:nth-child(3) { animation-delay: .15s; }\n.fl-card:nth-child(4) { animation-delay: .2s; }\n.fl-card:nth-child(5) { animation-delay: .25s; }\n.fl-card:nth-child(6) { animation-delay: .3s; }\n\n.fl-timeline-item {\nanimation: flFadeInUp .5s ease backwards;\n}\n.fl-timeline-item:nth-child(1) { animation-delay: .05s; }\n.fl-timeline-item:nth-child(2) { animation-delay: .15s; }\n.fl-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes flFadeInUp {\nfrom { opacity: 0; transform: translateY(20px); }\nto { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n.fl-premium * {\nanimation-duration: 0.01ms !important;\ntransition-duration: 0.01ms !important;\n}\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56978987876729,"sku":"FM0590","price":7.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-creme-hypoallergenique-bio-50-g-florame-lifestyle.webp?v=1775547579"},{"product_id":"deodorant-creme-fleur-d-amandier-bio-50-g-florame","title":"Déodorant Crème Fleur d’Amandier Bio - 50 g - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\n \u003cdiv class=\"fl-hero\"\u003e\n \u003cdiv class=\"fl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fl-hero-content\"\u003e\n \u003cdiv class=\"fl-badges-top\"\u003e\n \u003cspan class=\"fl-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e⏱️ Efficacité 24h\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🌸 100 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fl-hero-title\"\u003eDéodorant crème fleur d'amandier bio\u003c\/span\u003e\n \u003cp class=\"fl-subtitle\"\u003eFlorame - Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003cp class=\"fl-description\"\u003eUne protection naturelle et délicate portée par le parfum envoûtant des amandiers en fleurs. 50 g de douceur certifiée bio pour vos aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eDéodorant crème bio Fleur d'Amandier Florame : fraîcheur naturelle 24h\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant crème bio\u003c\/strong\u003e à la fois doux, efficace et respectueux de votre peau ? Le déodorant crème Fleur d'Amandier de \u003cstrong\u003eFlorame\u003c\/strong\u003e vous offre une protection fiable pendant \u003cstrong\u003e24 heures\u003c\/strong\u003e, portée par un parfum délicat inspiré des amandiers en fleurs de Saint-Rémy-de-Provence. Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et fabriqué en France, il conjugue naturalité et performance au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003ePourquoi adopter ce déodorant en crème bio ?\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eContrairement aux déodorants traditionnels, ce format crème offre une texture onctueuse qui \u003cstrong\u003efond immédiatement au contact de la peau\u003c\/strong\u003e sans laisser de film gras ni de traces blanches sur vos vêtements.\u003c\/p\u003e\n \u003cdiv class=\"fl-grid\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌱 100 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eDont 85 % d'ingrédients issus de l'agriculture biologique. Une formule qui respecte même les aisselles les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité \u0026amp; coco\u003c\/h3\u003e\n \u003cp\u003eL'association du beurre de karité et de l'huile de coco apaise la peau tout en absorbant efficacement l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌽 Amidon de maïs\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'excès d'humidité pour une sensation de peau sèche et confortable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🚫 Sans traces blanches\u003c\/h3\u003e\n \u003cp\u003eLa texture onctueuse fond instantanément sans laisser de film gras ni de résidus visibles sur vos vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🪒 Après rasage \u0026amp; épilation\u003c\/h3\u003e\n \u003cp\u003eFormulé pour apaiser la peau, même juste après le rasage ou l'épilation, grâce à ses actifs nourrissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🧪 Bicarbonate raisonné\u003c\/h3\u003e\n \u003cp\u003eLe bicarbonate de sodium, dosé avec soin, neutralise les mauvaises odeurs sans agresser votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eDes ingrédients soigneusement sélectionnés\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eUne formule courte, transparente et certifiée bio - chaque ingrédient a été choisi pour son efficacité et sa douceur.\u003c\/p\u003e\n \u003cdiv class=\"fl-grid\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌽 Amidon de maïs\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'humidité et laisse la peau sèche et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément et apaise les peaux sensibles grâce à ses acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n \u003cp\u003ePropriétés antibactériennes naturelles qui contribuent à limiter la prolifération des bactéries responsables des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e⚗️ Bicarbonate de sodium\u003c\/h3\u003e\n \u003cp\u003eNeutralise les odeurs en douceur, sans irriter la peau grâce à un dosage raisonné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eProtège et assouplit la peau tout en renforçant la barrière cutanée naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌲 Huile de cèdre de l'Atlas\u003c\/h3\u003e\n \u003cp\u003eParfum boisé subtil et vertus purifiantes pour une sensation de fraîcheur durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans sels d'aluminium, sans alcool, sans conservateurs agressifs.\u003c\/strong\u003e Également formulé avec : Glycéryl Béhénate, Parfum, Linalool, Linalyl Acetate, Tocophérol, Coumarine, Béta-Sitostérol, Géraniol, Benzaldéhyde, Vanilline, Squalène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eComment appliquer votre déodorant crème Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"fl-timeline\"\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une petite noisette\u003c\/h3\u003e\n \u003cp\u003eDu bout des doigts, prélevez une infime quantité de crème - c'est tout ce qu'il faut pour une protection complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur aisselles propres et sèches\u003c\/h3\u003e\n \u003cp\u003eMassez légèrement pour faire pénétrer la crème. La texture fond instantanément au contact de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eLaissez pénétrer quelques secondes\u003c\/h3\u003e\n \u003cp\u003ePatientez un court instant avant de vous habiller. Aucune trace blanche, aucun résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe pot de \u003cstrong\u003e50 g\u003c\/strong\u003e est particulièrement économique : une infime quantité suffit à chaque application, ce qui vous assure \u003cstrong\u003eplusieurs semaines d'utilisation\u003c\/strong\u003e. Son format compact se glisse facilement dans un sac de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003ePour qui est fait ce déodorant ?\u003c\/h2\u003e\n \u003cdiv class=\"fl-grid-compact\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulé pour respecter les aisselles réactives et irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🔄 En transition naturelle\u003c\/h3\u003e\n \u003cp\u003eIdéal pour remplacer les sprays conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌺 Amateurs de floral\u003c\/h3\u003e\n \u003cp\u003eUn parfum doux et poudré de fleur d'amandier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e✈️ Voyageurs\u003c\/h3\u003e\n \u003cp\u003eFormat compact 50 g qui se glisse partout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e🏅\u003c\/span\u003e\n \u003cp\u003eSi vous avez déjà testé un déodorant crème de type Soapwalla ou Mademoiselle Bio, vous apprécierez ici la \u003cstrong\u003ecertification Cosmos Organic\u003c\/strong\u003e, la fabrication française et l'excellent rapport qualité-prix de Florame.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fl-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos aisselles la douceur de la Provence - une fraîcheur naturelle 24h, certifiée bio, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fl-disclaimer\"\u003eCe produit cosmétique est réservé à un usage externe uniquement. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fl-cream: #f7f6f2;\n --fl-white: #ffffff;\n --fl-primary: #7ba866;\n --fl-primary-dark: #3d6b35;\n --fl-primary-light: #eef5e8;\n --fl-secondary: #e8a838;\n --fl-accent: #f0c060;\n --fl-text: #1a1a1a;\n --fl-text-light: #5a5a5a;\n --fl-border: #e0e0e0;\n --fl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fl-radius: 20px;\n --fl-radius-sm: 12px;\n}\n\n.fl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fl-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fl-primary-dark) 0%, var(--fl-primary) 50%, #a3c68c 100%);\n border-radius: var(--fl-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(--fl-shadow-lg);\n}\n\n.fl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(232,168,56,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.fl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fl-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(--fl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fl-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.fl-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.fl-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.fl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fl-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.fl-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(--fl-primary), var(--fl-secondary));\n border-radius: 2px;\n}\n\n.fl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-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.fl-section-intro strong {\n color: var(--fl-text);\n}\n\n.fl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\n padding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\n font-size: 12px;\n}\n\n.fl-card {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fl-shadow-lg);\n border-color: var(--fl-primary);\n}\n\n.fl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fl-primary), var(--fl-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.fl-timeline-content {\n flex: 1;\n background: var(--fl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fl-radius-sm);\n box-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\n font-size: 14px;\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fl-primary-light);\n border-radius: var(--fl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fl-tip p {\n font-size: 14px;\n color: var(--fl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fl-tip p strong {\n color: var(--fl-primary-dark);\n}\n\n.fl-cta-box {\n background: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-primary-dark) 100%);\n border-radius: var(--fl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fl-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.fl-disclaimer {\n font-size: 12px;\n color: var(--fl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .fl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fl-card {\n padding: 1.125rem;\n }\n\n .fl-section {\n margin-bottom: 1.75rem;\n }\n\n .fl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fl-radius-sm);\n }\n\n .fl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fl-grid-compact {\n gap: .625rem;\n }\n\n .fl-grid-compact .fl-card {\n padding: .75rem;\n }\n\n .fl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fl-timeline-content h3 {\n font-size: 14px;\n }\n\n .fl-timeline-content p {\n font-size: 13px;\n }\n\n .fl-tip {\n padding: .875rem 1rem;\n }\n\n .fl-tip-icon {\n font-size: 20px;\n }\n\n .fl-tip p {\n font-size: 13px;\n }\n\n .fl-section-intro {\n font-size: 14px;\n margin-bottom: 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fl-card {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-card:nth-child(1) { animation-delay: .05s; }\n .fl-card:nth-child(2) { animation-delay: .1s; }\n .fl-card:nth-child(3) { animation-delay: .15s; }\n .fl-card:nth-child(4) { animation-delay: .2s; }\n .fl-card:nth-child(5) { animation-delay: .25s; }\n .fl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56979018809721,"sku":"FM0585","price":8.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-creme-fleur-damandier-bio-50-g-florame-packshothd.webp?v=1790952785"},{"product_id":"deodorant-bille-homme-bio-50-ml-florame","title":"Déodorant Bille Homme Bio - 50 ml - Florame","description":"\u003cdiv class=\"fh-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fh-hero\"\u003e\n \u003cdiv class=\"fh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fh-hero-content\"\u003e\n \u003cdiv class=\"fh-badges-top\"\u003e\n \u003cspan class=\"fh-badge\"\u003e🌿 99% naturel\u003c\/span\u003e\n \u003cspan class=\"fh-badge\"\u003e⏱️ Efficacité 24h\u003c\/span\u003e\n \u003cspan class=\"fh-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"fh-badge\"\u003e🏅 COSMOS Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fh-hero-title\"\u003eDéodorant Bille Homme Bio\u003c\/span\u003e\n \u003cp class=\"fh-subtitle\"\u003eFlorame - 50 ml\u003c\/p\u003e\n \u003cp class=\"fh-description\"\u003eFraîcheur boisée et protection naturelle aux huiles essentielles biologiques, sans sels d'aluminium ni alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003eDéodorant bille homme bio Florame : fraîcheur naturelle et efficacité 24h\u003c\/h2\u003e\n \u003cp class=\"fh-section-intro\"\u003eVous recherchez un \u003cstrong\u003edéodorant bio pour homme\u003c\/strong\u003e vraiment efficace, sans compromis sur la composition ? Le \u003cstrong\u003edéodorant bille homme bio Florame\u003c\/strong\u003e combine le meilleur des huiles essentielles biologiques pour neutraliser les odeurs tout au long de la journée, sans sels d'aluminium ni alcool.\u003c\/p\u003e\n \u003cdiv class=\"fh-grid-compact\"\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🧪 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Organic par Ecocert Greenlife\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🚫 Sans aluminium\u003c\/h3\u003e\n \u003cp\u003eAucun sel d'aluminium ni alcool dans la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🌿 99% naturel\u003c\/h3\u003e\n \u003cp\u003e44% des ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e📍 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué à Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant homme bio sans aluminium ?\u003c\/h2\u003e\n \u003cdiv class=\"fh-grid\"\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🛡️ Zinc ricinoleate\u003c\/h3\u003e\n \u003cp\u003ePiège les molécules responsables des mauvaises odeurs et agit en douceur, sans boucher les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'excès d'humidité naturellement, sans assécher la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e⏱️ Efficacité 24h testée\u003c\/h3\u003e\n \u003cp\u003eDiminution des odeurs jusqu'à 24h et 12h de notes fraîches et boisées qui accompagnent votre journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-tip\"\u003e\n \u003cspan class=\"fh-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est sans doute l'un des \u003cstrong\u003emeilleurs déodorants bio pour homme\u003c\/strong\u003e si vous cherchez performance et naturalité réunies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003eDes huiles essentielles bio soigneusement sélectionnées\u003c\/h2\u003e\n \u003cp class=\"fh-section-intro\"\u003eLa signature olfactive de ce \u003cstrong\u003edéodorant homme bille\u003c\/strong\u003e repose sur un assemblage d'huiles essentielles biologiques aux propriétés complémentaires.\u003c\/p\u003e\n \u003cdiv class=\"fh-grid\"\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🌿 Tea tree (arbre à thé)\u003c\/h3\u003e\n \u003cp\u003ePurifiant et antibactérien naturel, il limite la prolifération des bactéries responsables des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🌸 Palmarosa\u003c\/h3\u003e\n \u003cp\u003eApprécié pour ses vertus assainissantes, il renforce l'action déodorante de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🪵 Cèdre de l'Atlas \u0026amp; vétiver\u003c\/h3\u003e\n \u003cp\u003eApportent des notes boisées et masculines, chaleureuses sans être envahissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🍋 Citron, pamplemousse \u0026amp; litsée\u003c\/h3\u003e\n \u003cp\u003eUne touche d'agrumes pour une sensation de fraîcheur immédiate à l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🍃 Patchouli \u0026amp; petit grain bigarade\u003c\/h3\u003e\n \u003cp\u003eComplètent le bouquet aromatique avec profondeur et caractère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003ePrend soin de votre peau et l'apaise au quotidien pour un confort optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"fh-accordion\"\u003e\n \u003cdetails class=\"fh-accordion-item\" open\u003e\n \u003csummary class=\"fh-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"fh-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Lippia Citriodora Leaf Water*, Triethyl Citrate, Zea Mays Starch*, Glycerin, Zinc Ricinoleate, Caprylyl\/Capryl Glucoside, Glyceryl Stearate Citrate, Acacia Senegal Gum, Glyceryl Caprylate, Xanthan Gum, Levulinic Acid, Aloe Barbadensis Leaf Juice Powder*, Citrus Medica Limonum Peel Oil*, Sodium Levulinate, Cedrus Atlantica Bark Oil*, Citrus Grandis Peel Oil*, Cymbopogon Martini Oil*, Melaleuca Alternifolia Leaf Oil*, Citrus Aurantium Amara Peel Oil*, Citrus Aurantium Amara Leaf\/Twig Oil*, Pogostemon Cablin Oil*, Vetiveria Zizanoides Root Oil*, Litsea Cubeba Fruit Oil*, Tocopherol, Glycine Soja Oil, Sodium Benzoate, Potassium Sorbate, Citric Acid, Sodium Hydroxide, Limonene, Linalool, Geraniol, Citral.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003e\u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e - 44% issus de l'agriculture biologique. \u003cem\u003e*Ingrédients 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 5 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant bille homme ?\u003c\/h2\u003e\n \u003cdiv class=\"fh-timeline\"\u003e\n \u003cdiv class=\"fh-timeline-item\"\u003e\n \u003cdiv class=\"fh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fh-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez le roll-on le matin sur une \u003cstrong\u003epeau propre et sèche\u003c\/strong\u003e, au niveau des aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-timeline-item\"\u003e\n \u003cdiv class=\"fh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fh-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en douceur\u003c\/h3\u003e\n \u003cp\u003eLa bille permet une application homogène et maîtrisée, sans gaspillage. Quelques passages suffisent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-timeline-item\"\u003e\n \u003cdiv class=\"fh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fh-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eVous pouvez renouveler l'application à tout moment de la journée si vous le souhaitez.\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=\"fh-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"fh-accordion\"\u003e\n \u003cdetails class=\"fh-accordion-item\"\u003e\n \u003csummary class=\"fh-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n \u003cdiv class=\"fh-accordion-content mt-3\"\u003e\n \u003cp\u003eCe \u003cstrong\u003edéodorant bio homme efficace\u003c\/strong\u003e contient des huiles essentielles. Il est \u003cstrong\u003edéconseillé aux femmes enceintes ou allaitantes\u003c\/strong\u003e. En cas d'irritation, cessez l'utilisation. Évitez le contact avec les yeux.\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=\"fh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fh-cta-box\"\u003e\n \u003cp\u003e✨ Adoptez une hygiène naturelle et responsable avec le \u003cstrong\u003edéodorant bille homme bio Florame\u003c\/strong\u003e - protection 24h, certifié bio, fabriqué en France à Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fh-disclaimer\"\u003eCertifié COSMOS Organic par Ecocert Greenlife | Contenance : 50 ml\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fh-cream: #f5f3ef;\n --fh-white: #ffffff;\n --fh-primary: #3d3d3d;\n --fh-primary-dark: #1a1a1a;\n --fh-primary-light: #f0ede8;\n --fh-secondary: #c8a44e;\n --fh-accent: #b08d3a;\n --fh-text: #1a1a1a;\n --fh-text-light: #5a5a5a;\n --fh-border: #e0dcd5;\n --fh-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fh-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fh-radius: 20px;\n --fh-radius-sm: 12px;\n}\n\n.fh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fh-hero {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #3d3d3d 40%, #c8a44e 100%);\n border-radius: var(--fh-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(--fh-shadow-lg);\n}\n\n.fh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 20px,\n rgba(200,164,78,.08) 20px,\n rgba(200,164,78,.08) 22px\n );\n opacity: 1;\n}\n\n.fh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fh-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.fh-subtitle {\n color: var(--fh-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.fh-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.7;\n}\n\n\/* === BADGES === *\/\n.fh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fh-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(--fh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fh-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.fh-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(--fh-secondary), var(--fh-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.fh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fh-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.fh-card {\n background: var(--fh-white);\n border-radius: var(--fh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fh-shadow-lg);\n border-color: var(--fh-secondary);\n}\n\n.fh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fh-grid-compact .fh-card {\n padding: 1rem;\n}\n\n.fh-grid-compact .fh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fh-grid-compact .fh-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fh-primary), var(--fh-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.fh-timeline-content {\n flex: 1;\n background: var(--fh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fh-radius-sm);\n box-shadow: var(--fh-shadow);\n}\n\n.fh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fh-timeline-content p {\n font-size: 14px;\n color: var(--fh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fh-testimonial {\n background: var(--fh-white);\n border-radius: var(--fh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fh-shadow);\n border-left: 4px solid var(--fh-secondary);\n}\n\n.fh-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fh-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fh-accordion {\n background: var(--fh-white);\n border-radius: var(--fh-radius);\n box-shadow: var(--fh-shadow);\n overflow: hidden;\n}\n\n.fh-accordion-item {\n border-bottom: 1px solid var(--fh-border);\n margin: 0;\n padding: 0;\n}\n\n.fh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fh-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.fh-accordion-header:hover {\n background: var(--fh-primary-light);\n}\n\n.fh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fh-secondary);\n transition: transform .2s ease;\n}\n\n.fh-accordion-item[open] .fh-accordion-header::after {\n content: '−';\n}\n\n.fh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fh-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fh-primary-light);\n border-radius: var(--fh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fh-tip p {\n font-size: 14px;\n color: var(--fh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fh-cta-box {\n background: linear-gradient(135deg, var(--fh-primary) 0%, var(--fh-primary-dark) 100%);\n border-radius: var(--fh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fh-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: linear-gradient(135deg, transparent 0%, rgba(200,164,78,.15) 100%);\n}\n\n.fh-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.fh-disclaimer {\n font-size: 12px;\n color: var(--fh-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 .fh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fh-card {\n padding: 1.125rem;\n }\n\n .fh-section {\n margin-bottom: 1.75rem;\n }\n\n .fh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fh-radius-sm);\n }\n\n .fh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fh-grid-compact {\n gap: .625rem;\n }\n\n .fh-grid-compact .fh-card {\n padding: .75rem;\n }\n\n .fh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fh-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fh-timeline-content h3 {\n font-size: 14px;\n }\n\n .fh-timeline-content p {\n font-size: 13px;\n }\n\n .fh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fh-testimonial {\n padding: 1.25rem;\n }\n\n .fh-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fh-card {\n animation: fhFadeInUp .5s ease backwards;\n }\n .fh-card:nth-child(1) { animation-delay: .05s; }\n .fh-card:nth-child(2) { animation-delay: .1s; }\n .fh-card:nth-child(3) { animation-delay: .15s; }\n .fh-card:nth-child(4) { animation-delay: .2s; }\n .fh-card:nth-child(5) { animation-delay: .25s; }\n .fh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fhFadeInUp {\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 .fh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":57071059337593,"sku":"FM0515","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-bille-homme-bio-50-ml-florame-lifestyle.webp?v=1776244012"},{"product_id":"deodorant-bille-douceur-bio-50-ml-florame","title":"Déodorant Bille Douceur Bio - 50 ml - Florame","description":"\u003cdiv class=\"flo-premium\"\u003e\n\u003cdiv class=\"flo-hero\"\u003e\n\u003cdiv class=\"flo-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flo-hero-content\"\u003e\n\u003cdiv class=\"flo-badges-top\"\u003e\n\u003cspan class=\"flo-badge\"\u003e🌿 99% naturel\u003c\/span\u003e \u003cspan class=\"flo-badge\"\u003e✅ Certifié Bio\u003c\/span\u003e \u003cspan class=\"flo-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"flo-badge\"\u003e⏱️ Efficacité 24h\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"flo-hero-title\"\u003eDéodorant Bille Douceur Bio\u003c\/span\u003e\n\u003cp class=\"flo-subtitle\"\u003eFlorame • 50 ml • Saint-Rémy-de-Provence\u003c\/p\u003e\n\u003cp class=\"flo-description\"\u003eLa fraîcheur naturelle au quotidien, enrichie d'huiles végétales bio pour une protection douce et efficace, sans sels d'aluminium ni alcool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"flo-section\"\u003e\n\u003ch2\u003eDéodorant Bille Douceur Bio Florame : la fraîcheur naturelle au quotidien\u003c\/h2\u003e\n\u003cp class=\"flo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant bio\u003c\/strong\u003e efficace, doux pour votre peau et respectueux de l'environnement ? Le \u003cstrong\u003eDéodorant Bille Douceur\u003c\/strong\u003e de Florame combine l'efficacité d'une protection 24h à la douceur des huiles végétales biologiques. Formulé sans sels d'aluminium ni alcool, ce \u003cstrong\u003edéodorant à bille\u003c\/strong\u003e convient à toute la famille, y compris aux peaux les plus sensibles. Fabriqué en France, à Saint-Rémy-de-Provence, il reflète le savoir-faire d'une marque engagée dans la cosmétique naturelle depuis plus de 20 ans.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"flo-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce déodorant bille bio Florame ?\u003c\/h2\u003e\n\u003cp class=\"flo-section-intro\"\u003eContrairement aux déodorants conventionnels, ce soin mise sur des actifs d'origine végétale pour neutraliser les odeurs sans bloquer la transpiration naturelle du corps. Son format \u003cstrong\u003edéodorant bille\u003c\/strong\u003e permet une application précise, sans gaspillage.\u003c\/p\u003e\n\u003cdiv class=\"flo-grid-compact\"\u003e\n\u003cdiv class=\"flo-card\"\u003e\n\u003ch3\u003e🌱 99%\u003c\/h3\u003e\n\u003cp\u003ed'ingrédients d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flo-card\"\u003e\n\u003ch3\u003e🌾 57%\u003c\/h3\u003e\n\u003cp\u003ed'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flo-card\"\u003e\n\u003ch3\u003e✅ Certifié\u003c\/h3\u003e\n\u003cp\u003eEcocert Cosmos Organic \u0026amp; Cosmebio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flo-card\"\u003e\n\u003ch3\u003e🚫 Sans\u003c\/h3\u003e\n\u003cp\u003esels d'aluminium, sans alcool\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flo-card\"\u003e\n\u003ch3\u003e🧪 Testé\u003c\/h3\u003e\n\u003cp\u003esous contrôle dermatologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flo-card\"\u003e\n\u003ch3\u003e♻️ Recyclable\u003c\/h3\u003e\n\u003cp\u003epackaging 100% recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"flo-section\"\u003e\n\u003ch2\u003eUne formule enrichie en huiles végétales bio\u003c\/h2\u003e\n\u003cp class=\"flo-section-intro\"\u003eFlorame a sélectionné des ingrédients reconnus pour leur \u003cstrong\u003eaction nourrissante et apaisante\u003c\/strong\u003e. Le ricinoléate de zinc neutralise efficacement les odeurs, tandis que l'amidon de maïs absorbe l'humidité pour une sensation de fraîcheur durable.\u003c\/p\u003e\n\u003cdiv class=\"flo-grid\"\u003e\n\u003cdiv class=\"flo-card\"\u003e\n\u003ch3\u003e🌻 Huile de cameline bio\u003c\/h3\u003e\n\u003cp\u003eNourrissante, riche en oméga-3 pour une peau protégée et assouplie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flo-card\"\u003e\n\u003ch3\u003e🌼 Huile d'onagre bio\u003c\/h3\u003e\n\u003cp\u003eAssouplit et apaise la peau des aisselles, souvent fragile et sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flo-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n\u003cp\u003eAdoucit et protège durablement grâce à ses vertus hydratantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flo-card\"\u003e\n\u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eHydrate intensément et apaise les peaux irritées ou sensibilisées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flo-card\"\u003e\n\u003ch3\u003e🌸 Extrait de calendula bio\u003c\/h3\u003e\n\u003cp\u003eCalme les peaux sensibles et apporte une touche de confort durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flo-card\"\u003e\n\u003ch3\u003e👨👩👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eDéodorant doux et efficace, idéal pour homme et femme, sans fragrance agressive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"flo-section\"\u003e\n\u003ch2\u003eComment utiliser le Déodorant Bille Douceur Florame ?\u003c\/h2\u003e\n\u003cdiv class=\"flo-timeline\"\u003e\n\u003cdiv class=\"flo-timeline-item\"\u003e\n\u003cdiv class=\"flo-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"flo-timeline-content\"\u003e\n\u003ch3\u003e🚿 Préparer la peau\u003c\/h3\u003e\n\u003cp\u003eAppliquez le déodorant sur une peau propre et sèche, de préférence le matin après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flo-timeline-item\"\u003e\n\u003cdiv class=\"flo-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"flo-timeline-content\"\u003e\n\u003ch3\u003e💧 Appliquer la bille\u003c\/h3\u003e\n\u003cp\u003eDeux à trois passages sous chaque aisselle suffisent pour une protection optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flo-timeline-item\"\u003e\n\u003cdiv class=\"flo-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"flo-timeline-content\"\u003e\n\u003ch3\u003e🔄 Renouveler si besoin\u003c\/h3\u003e\n\u003cp\u003eRenouvelez l'application à tout moment de la journée, notamment après le sport ou en cas de forte chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flo-timeline-item\"\u003e\n\u003cdiv class=\"flo-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"flo-timeline-content\"\u003e\n\u003ch3\u003e⏱️ Protection 24h\u003c\/h3\u003e\n\u003cp\u003eProtection 24h contre les mauvaises odeurs, tout en laissant la peau respirer naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"flo-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"flo-inci-box\"\u003e\n\u003cp\u003eAqua (water), Triethyl citrate, Zea mays (corn starch)*, Glycerin, Zinc ricinoleate, Citric acid, Caprylyl\/capryl glucoside, Glyceryl stearate citrate, Oenothera biennis (evening primrose oil)*, Parfum (fragrance), Olea europaea (olive fruit oil)*, Xanthan gum, Acacia senegal gum, Glyceryl caprylate, Camelina sativa seed oil*, Aloe barbadensis leaf juice powder*, Levulinic acid, Helianthus annuus (sunflower seed oil), Sodium levulinate, Calendula officinalis flower extract*, Beta-sitosterol, Squalene, Glycine soja (soybean oil), Tocopherol, Sodium benzoate, Sodium hydroxide.\u003c\/p\u003e\n\u003cp class=\"flo-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\u003csection class=\"flo-section\"\u003e\n\u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n\u003cdiv class=\"flo-accordion\"\u003e\n\u003cdetails class=\"flo-accordion-item\"\u003e\n\u003csummary class=\"flo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"flo-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver à l'abri de la lumière et de la chaleur. Se conserve 9 mois après ouverture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"flo-accordion-item\"\u003e\n\u003csummary class=\"flo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"flo-accordion-content mt-3\"\u003e\n\u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"flo-accordion-item\"\u003e\n\u003csummary class=\"flo-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"flo-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eImportant :\u003c\/strong\u003e ce produit cosmétique ne se substitue pas à un avis médical. En cas de réaction cutanée inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"flo-section\"\u003e\n\u003ch2\u003eÀ propos de Florame\u003c\/h2\u003e\n\u003cdiv class=\"flo-cta-box\"\u003e\n\u003cp\u003eBasée à Saint-Rémy-de-Provence, \u003cstrong\u003eFlorame\u003c\/strong\u003e est une marque française pionnière de l'aromathérapie et de la cosmétique bio. Elle sélectionne avec soin des ingrédients naturels et certifiés pour proposer des soins efficaces, sensoriels et respectueux de la planète. 🌿🇫🇷\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n :root {\n --flo-cream: #fdfaf3;\n --flo-white: #ffffff;\n --flo-primary: #f5c842;\n --flo-primary-dark: #b8860b;\n --flo-primary-light: #fef7dc;\n --flo-secondary: #8ab04a;\n --flo-accent: #e8a91c;\n --flo-text: #2a2419;\n --flo-text-light: #6b5f4b;\n --flo-border: #ede4cc;\n --flo-shadow: 0 4px 24px rgba(184, 134, 11, .1);\n --flo-shadow-lg: 0 12px 48px rgba(184, 134, 11, .18);\n --flo-radius: 20px;\n --flo-radius-sm: 12px;\n }\n\n .flo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--flo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--flo-text);\n }\n\n .flo-hero {\n position: relative;\n background: linear-gradient(135deg, #f5c842 0%, #f9d76a 50%, #fde3a0 100%);\n border-radius: var(--flo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--flo-shadow-lg);\n }\n\n .flo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 80%, rgba(138,176,74,.3) 0%, transparent 40%);\n opacity: .6;\n }\n\n .flo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .flo-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\n }\n\n .flo-subtitle {\n color: white;\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n letter-spacing: .05em;\n }\n\n .flo-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n text-shadow: 0 2px 10px rgba(0,0,0,.08);\n }\n\n .flo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .flo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--flo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .flo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .flo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .flo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--flo-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n }\n\n .flo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--flo-primary), var(--flo-secondary));\n border-radius: 2px;\n }\n\n .flo-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--flo-text-light);\n margin: 0 auto 1.5rem;\n max-width: 750px;\n line-height: 1.75;\n }\n\n .flo-section-intro strong {\n color: var(--flo-text);\n }\n\n .flo-card {\n background: var(--flo-white);\n border-radius: var(--flo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--flo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .flo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--flo-shadow-lg);\n border-color: var(--flo-primary);\n }\n\n .flo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--flo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .flo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--flo-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .flo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .flo-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n }\n\n .flo-grid-compact .flo-card {\n padding: 1.25rem 1rem;\n }\n\n .flo-grid-compact .flo-card h3 {\n font-size: 18px;\n margin-bottom: .35rem;\n }\n\n .flo-grid-compact .flo-card p {\n font-size: 13px;\n }\n\n .flo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .flo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .flo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--flo-primary), var(--flo-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(245,200,66,.4);\n }\n\n .flo-timeline-content {\n flex: 1;\n background: var(--flo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--flo-radius-sm);\n box-shadow: var(--flo-shadow);\n }\n\n .flo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--flo-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .flo-timeline-content p {\n font-size: 14px;\n color: var(--flo-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .flo-inci-box {\n background: var(--flo-white);\n border-radius: var(--flo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--flo-shadow);\n border-left: 4px solid var(--flo-secondary);\n }\n\n .flo-inci-box p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--flo-text-light);\n line-height: 1.75;\n margin: 0 0 .5rem 0;\n word-break: break-word;\n }\n\n .flo-inci-note {\n font-size: 13px !important;\n color: var(--flo-secondary) !important;\n margin-top: .75rem !important;\n }\n\n .flo-accordion {\n background: var(--flo-white);\n border-radius: var(--flo-radius);\n box-shadow: var(--flo-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .flo-accordion-item {\n border-bottom: 1px solid var(--flo-border);\n margin: 0;\n padding: 0;\n }\n\n .flo-accordion-item:last-child {\n border-bottom: none;\n }\n\n .flo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--flo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n }\n\n .flo-accordion-header:hover {\n background: var(--flo-primary-light);\n }\n\n .flo-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .flo-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--flo-primary);\n transition: transform .2s ease;\n }\n\n .flo-accordion-item[open] .flo-accordion-header::after {\n content: '−';\n }\n\n .flo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--flo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .flo-accordion-content p {\n margin: 0;\n }\n\n .flo-cta-box {\n background: linear-gradient(135deg, var(--flo-primary) 0%, var(--flo-accent) 100%);\n border-radius: var(--flo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--flo-shadow-lg);\n }\n\n .flo-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.12);\n margin: 0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .flo-cta-box p strong {\n font-weight: 800;\n }\n\n @media (max-width: 767px) {\n .flo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .flo-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .flo-grid-compact .flo-card {\n padding: .875rem .75rem;\n }\n\n .flo-grid-compact .flo-card h3 {\n font-size: 15px;\n }\n\n .flo-grid-compact .flo-card p {\n font-size: 12px;\n }\n\n .flo-card {\n padding: 1.125rem;\n }\n\n .flo-section {\n margin-bottom: 1.75rem;\n }\n\n .flo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--flo-radius-sm);\n }\n\n .flo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .flo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .flo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .flo-timeline-content {\n padding: .875rem 1rem;\n }\n\n .flo-timeline-content h3 {\n font-size: 14px;\n }\n\n .flo-timeline-content p {\n font-size: 13px;\n }\n\n .flo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .flo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .flo-card {\n animation: fadeInUp .5s ease backwards;\n }\n .flo-card:nth-child(1) { animation-delay: .05s; }\n .flo-card:nth-child(2) { animation-delay: .1s; }\n .flo-card:nth-child(3) { animation-delay: .15s; }\n .flo-card:nth-child(4) { animation-delay: .2s; }\n .flo-card:nth-child(5) { animation-delay: .25s; }\n .flo-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .flo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":57086924456313,"sku":"FM0495","price":10.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-bille-douceur-bio-50-ml-florame-benefits_1f6301ad-b3bd-4ce3-8220-c13ca0cf3e7c.webp?v=1776417881"},{"product_id":"deodorant-roll-on-24h-fraicheur-intense-bio-50ml-acorelle","title":"Déodorant Roll-On 24h Fraîcheur Intense Bio - 50ml - Acorelle","description":"\u003cdiv class=\"acor-premium\"\u003e\n \u003cdiv class=\"acor-hero\"\u003e\n \u003cdiv class=\"acor-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"acor-hero-content\"\u003e\n \u003cdiv class=\"acor-badges-top\"\u003e\n \u003cspan class=\"acor-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"acor-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"acor-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"acor-badge\"\u003e♻️ Rechargeable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"acor-hero-title\"\u003eDéodorant Roll-On 24h Fraîcheur Intense Bio\u003c\/span\u003e\n \u003cp class=\"acor-subtitle\"\u003eAcorelle · 50 ml\u003c\/p\u003e\n \u003cp class=\"acor-description\"\u003eLa fraîcheur naturelle qui dure toute la journée, grâce aux ferments actifs et cristaux d'alun régulateurs. Sans aluminium, sans alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"acor-section\"\u003e\n \u003ch2\u003eUn déodorant roll-On Bio conçu pour 24h de fraîcheur Intense\u003c\/h2\u003e\n \u003cp class=\"acor-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant bio efficace\u003c\/strong\u003e, sans aluminium ni alcool, qui tienne réellement toute la journée ? Le \u003cstrong\u003eDéodorant Roll-On 24h Fraîcheur Intense\u003c\/strong\u003e d'Acorelle associe la puissance des \u003cstrong\u003eferments actifs\u003c\/strong\u003e et des \u003cstrong\u003ecristaux d'alun régulateurs\u003c\/strong\u003e pour neutraliser les odeurs en douceur, tout en respectant votre peau et la flore cutanée. Une alternative saine, certifiée bio et fabriquée en France, parfaite pour celles et ceux qui veulent allier efficacité et naturalité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acor-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant bio Acorelle ?\u003c\/h2\u003e\n \u003cp class=\"acor-section-intro\"\u003eBeaucoup de déodorants classiques contiennent des sels d'aluminium ou de l'alcool. Acorelle prend le contre-pied avec une formule \u003cstrong\u003esans chlorhydrate d'aluminium\u003c\/strong\u003e et \u003cstrong\u003esans alcool\u003c\/strong\u003e, idéale pour les peaux sensibles et les peaux rasées ou épilées.\u003c\/p\u003e\n \u003cdiv class=\"acor-grid\"\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e⏱️ Efficacité 24h prouvée\u003c\/h3\u003e\n \u003cp\u003eProtection longue durée contre les mauvaises odeurs, du matin au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e💧 Régule la transpiration\u003c\/h3\u003e\n \u003cp\u003eSans bloquer les glandes sudoripares ni perturber l'équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e👕 Sans traces blanches\u003c\/h3\u003e\n \u003cp\u003eAucune sensation d'humidité, pour des aisselles fraîches et nettes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🦠 Respecte la flore cutanée\u003c\/h3\u003e\n \u003cp\u003eLes ferments actifs probiotiques préservent l'écosystème de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🌿 Certifié Bio \u0026amp; Vegan\u003c\/h3\u003e\n \u003cp\u003eUne formule clean, respectueuse de la peau et de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e♻️ Format rechargeable\u003c\/h3\u003e\n \u003cp\u003eUn geste éco-responsable au quotidien, pour réduire les déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acor-section\"\u003e\n \u003ch2\u003eUne formule courte, naturelle et performante\u003c\/h2\u003e\n \u003cp class=\"acor-section-intro\"\u003eL'efficacité d'un déodorant naturel repose sur la qualité de ses actifs. Acorelle a sélectionné des ingrédients ciblés et synergiques.\u003c\/p\u003e\n \u003cdiv class=\"acor-grid\"\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e💎 Cristaux d'alun\u003c\/h3\u003e\n \u003cp\u003eRégulateurs naturels (Potassium alum), ils limitent la prolifération des bactéries responsables des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🧬 Ferments actifs\u003c\/h3\u003e\n \u003cp\u003eSaccharomyces ferment : véritables probiotiques cutanés, ils préservent l'équilibre de la flore des aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🌸 Reine des prés bio\u003c\/h3\u003e\n \u003cp\u003eEau florale apaisante et purifiante, au cœur de la signature olfactive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eAssocié aux oléosomes d'amande douce, il hydrate et nourrit la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eAdoucit la peau et préserve son confort tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🍃 Parfum hespéridé\u003c\/h3\u003e\n \u003cp\u003eNotes fraîches et intenses, mixtes et délicates, idéales au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acor-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"acor-testimonial\"\u003e\n \u003cp class=\"acor-testimonial-text\"\u003eAqua (water), Potassium alum, Spiraea ulmaria flower water*, Saccharomyces ferment, Prunus amygdalus dulcis (sweet almond) oleosomes, Parfum (fragrance), Xanthan gum, Aloe barbadensis leaf juice powder*, Glycerin, Gluconolactone, Benzyl alcohol, Sodium benzoate, Potassium sorbate, Dehydroacetic acid, Linalool, Limonene, Citronellol, Citral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"acor-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Allergènes potentiels : linalool, limonene, citronellol, citral.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acor-section\"\u003e\n \u003ch2\u003eComment utiliser le déodorant roll-on Acorelle ?\u003c\/h2\u003e\n \u003cdiv class=\"acor-timeline\"\u003e\n \u003cdiv class=\"acor-timeline-item\"\u003e\n \u003cdiv class=\"acor-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"acor-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez légèrement avant utilisation pour bien homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-timeline-item\"\u003e\n \u003cdiv class=\"acor-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"acor-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur peau propre\u003c\/h3\u003e\n \u003cp\u003eSur des aisselles propres et sèches, le matin ou après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-timeline-item\"\u003e\n \u003cdiv class=\"acor-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"acor-timeline-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eQuelques secondes suffisent avant de vous habiller, sans traces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-timeline-item\"\u003e\n \u003cdiv class=\"acor-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"acor-timeline-content\"\u003e\n \u003ch3\u003eConservez correctement\u003c\/h3\u003e\n \u003cp\u003eÀ l'abri de la chaleur et de la lumière pour préserver les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-tip\"\u003e\n \u003cspan class=\"acor-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour une transition réussie depuis un déodorant classique avec sels d'aluminium, laissez à votre peau quelques jours d'adaptation. L'équilibre microbien se rétablit naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acor-section\"\u003e\n \u003ch2\u003ePour qui est conçu ce déodorant ?\u003c\/h2\u003e\n \u003cp class=\"acor-section-intro\"\u003eCe roll-on convient à toute la famille, hommes et femmes, et particulièrement aux \u003cstrong\u003epeaux sensibles\u003c\/strong\u003e ou réactives. Acorelle se distingue par sa formule complète associant probiotiques, alun et actifs apaisants.\u003c\/p\u003e\n \u003cdiv class=\"acor-grid-compact\"\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eHommes et femmes, au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule douce et apaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🪒 Peaux rasées\u003c\/h3\u003e\n \u003cp\u003eSans alcool, ne pique pas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eBio, vegan et clean.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acor-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eBon à savoir\u003c\/h2\u003e\n \u003cdiv class=\"acor-accordion\"\u003e\n \u003cdetails class=\"acor-accordion-item\"\u003e\n \u003csummary class=\"acor-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"acor-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Tenir hors de portée des enfants. En cas d'irritation persistante, d'hyperhidrose ou de réaction cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"acor-accordion-item\"\u003e\n \u003csummary class=\"acor-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"acor-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe afin de préserver toute l'efficacité des actifs naturels et la qualité du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"acor-accordion-item\"\u003e\n \u003csummary class=\"acor-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"acor-accordion-content mt-3\"\u003e\n \u003cp\u003eCe déodorant cosmétique ne remplace pas un avis médical. En cas de doute ou de pathologie cutanée, demandez conseil à votre médecin ou pharmacien.\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 --acor-cream: #f7f9f3;\n --acor-white: #ffffff;\n --acor-primary: #a8c97a;\n --acor-primary-dark: #5a7a3a;\n --acor-primary-light: #eef4e1;\n --acor-secondary: #c9e0a3;\n --acor-accent: #f4e9d3;\n\n --acor-text: #1a1a1a;\n --acor-text-light: #5a5a5a;\n\n --acor-border: #e0e0e0;\n --acor-shadow: 0 4px 24px rgba(90,122,58,.10);\n --acor-shadow-lg: 0 12px 48px rgba(90,122,58,.18);\n --acor-radius: 20px;\n --acor-radius-sm: 12px;\n}\n\n.acor-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--acor-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--acor-text);\n}\n\n.acor-premium *, .acor-premium *::before, .acor-premium *::after { box-sizing: border-box; }\n\n.acor-hero {\n position: relative;\n background: linear-gradient(135deg, #b8d68a 0%, #8fb564 50%, #5a7a3a 100%);\n border-radius: var(--acor-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(--acor-shadow-lg);\n}\n\n.acor-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: .35;\n}\n\n.acor-hero-content { position: relative; z-index: 1; text-align: center; }\n\n.acor-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.acor-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.acor-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.acor-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.acor-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(--acor-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.acor-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n.acor-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.acor-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--acor-primary-dark);\n margin: 0 0 clamp(1.25rem, 3vw, 2rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.acor-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(--acor-primary), var(--acor-primary-dark));\n border-radius: 2px;\n}\n\n.acor-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--acor-text-light);\n margin: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.75;\n}\n\n.acor-section-intro strong { color: var(--acor-primary-dark); }\n\n.acor-card {\n background: var(--acor-white);\n border-radius: var(--acor-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--acor-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.acor-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--acor-shadow-lg);\n border-color: var(--acor-primary);\n}\n\n.acor-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--acor-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.acor-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--acor-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.acor-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.acor-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.acor-grid-compact .acor-card { padding: 1rem; }\n.acor-grid-compact .acor-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.acor-grid-compact .acor-card p { font-size: 12px; }\n\n.acor-timeline { display: flex; flex-direction: column; gap: 1rem; }\n\n.acor-timeline-item { display: flex; gap: 1rem; align-items: flex-start; }\n\n.acor-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--acor-primary), var(--acor-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(90,122,58,.25);\n}\n\n.acor-timeline-content {\n flex: 1;\n background: var(--acor-white);\n padding: 1rem 1.25rem;\n border-radius: var(--acor-radius-sm);\n box-shadow: var(--acor-shadow);\n}\n\n.acor-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--acor-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.acor-timeline-content p {\n font-size: 14px;\n color: var(--acor-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.acor-testimonial {\n background: var(--acor-white);\n border-radius: var(--acor-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--acor-shadow);\n border-left: 4px solid var(--acor-primary);\n}\n\n.acor-testimonial-text {\n font-size: clamp(13px, 2.2vw, 15px);\n color: var(--acor-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n word-break: break-word;\n}\n\n.acor-accordion {\n background: var(--acor-white);\n border-radius: var(--acor-radius);\n box-shadow: var(--acor-shadow);\n overflow: hidden;\n}\n\n.acor-accordion-item {\n border-bottom: 1px solid var(--acor-border);\n margin: 0;\n padding: 0;\n}\n\n.acor-accordion-item:last-child { border-bottom: none; }\n\n.acor-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--acor-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n}\n\n.acor-accordion-header:hover { background: var(--acor-primary-light); }\n.acor-accordion-header::-webkit-details-marker { display: none; }\n\n.acor-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--acor-primary-dark);\n transition: transform .2s ease;\n}\n\n.acor-accordion-item[open] .acor-accordion-header::after { content: '−'; }\n\n.acor-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--acor-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.acor-accordion-content p { margin: 0; }\n\n.acor-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--acor-primary-light);\n border-radius: var(--acor-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 3px solid var(--acor-primary);\n}\n\n.acor-tip-icon { font-size: 24px; flex-shrink: 0; line-height: 1.3; }\n\n.acor-tip p {\n font-size: 14px;\n color: var(--acor-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.acor-tip strong { color: var(--acor-primary-dark); }\n\n.acor-disclaimer {\n font-size: 12px;\n color: var(--acor-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .acor-grid { grid-template-columns: 1fr; gap: 1rem; }\n .acor-card { padding: 1.125rem; }\n .acor-section { margin-bottom: 1.75rem; }\n .acor-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--acor-radius-sm); }\n .acor-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .acor-premium h2::after { width: 40px; height: 3px; }\n .acor-grid-compact { gap: .625rem; }\n .acor-grid-compact .acor-card { padding: .75rem; }\n .acor-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .acor-timeline-content { padding: .875rem 1rem; }\n .acor-timeline-content h3 { font-size: 14px; }\n .acor-timeline-content p { font-size: 13px; }\n .acor-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .acor-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .acor-testimonial { padding: 1.25rem; }\n .acor-testimonial-text { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .acor-card { animation: acorFadeInUp .5s ease backwards; }\n .acor-card:nth-child(1) { animation-delay: .05s; }\n .acor-card:nth-child(2) { animation-delay: .1s; }\n .acor-card:nth-child(3) { animation-delay: .15s; }\n .acor-card:nth-child(4) { animation-delay: .2s; }\n .acor-card:nth-child(5) { animation-delay: .25s; }\n .acor-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes acorFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .acor-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":57208899371385,"sku":"LL0105","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-roll-on-24h-fraicheur-intense-bio-50ml-acorelle-packshothd.webp?v=1777894086"},{"product_id":"deodorant-rollon-peaux-sensibles-bio-50ml-acorelle","title":"Déodorant Roll-on 24h Peaux Sensibles Bio - 50 ml - Acorelle","description":"\u003cdiv class=\"acor-premium\"\u003e\n \u003cdiv class=\"acor-hero\"\u003e\n \u003cdiv class=\"acor-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"acor-hero-content\"\u003e\n \u003cdiv class=\"acor-badges-top\"\u003e\n \u003cspan class=\"acor-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"acor-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"acor-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"acor-badge\"\u003e♻️ Rechargeable\u003c\/span\u003e\n \u003cspan class=\"acor-badge\"\u003e💧 Sans parfum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"acor-hero-title\"\u003eDéodorant Roll-On 24h Peaux Sensibles Bio\u003c\/span\u003e\n \u003cp class=\"acor-subtitle\"\u003eAcorelle · 50 ml · Sans parfum\u003c\/p\u003e\n \u003cp class=\"acor-description\"\u003eUne fraîcheur durable et tout en douceur, formulée avec des ferments actifs et des cristaux d'alun régulateurs. Sans aluminium, sans alcool, sans parfum : pensé pour les peaux les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"acor-section\"\u003e\n \u003ch2\u003eUn déodorant bio efficace, spécialement pensé pour les peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"acor-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant bio efficace\u003c\/strong\u003e, sans aluminium ni alcool, capable de tenir réellement 24h sans agresser votre peau ? Le \u003cstrong\u003eDéodorant Roll-On Peaux Sensibles Acorelle\u003c\/strong\u003e associe la puissance des \u003cstrong\u003eferments actifs probiotiques\u003c\/strong\u003e et des \u003cstrong\u003ecristaux d'alun régulateurs\u003c\/strong\u003e pour neutraliser les odeurs en douceur. Sans parfum, il convient particulièrement aux aisselles fragiles, rasées ou épilées, et aux personnes intolérantes aux fragrances.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acor-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant Acorelle ?\u003c\/h2\u003e\n \u003cdiv class=\"acor-grid\"\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e⏱️ Efficacité 24h longue durée\u003c\/h3\u003e\n \u003cp\u003eUne protection prouvée du matin au soir, même les jours intenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🌸 Spécial peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule sans parfum, sans alcool, sans sels d'aluminium : zéro picotement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🦠 Respecte la flore cutanée\u003c\/h3\u003e\n \u003cp\u003eLes ferments actifs préservent l'équilibre microbien naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e👕 Sans traces blanches\u003c\/h3\u003e\n \u003cp\u003eUne application nette, sans dépôt sur les vêtements clairs ou foncés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🌿 Bio \u0026amp; Vegan\u003c\/h3\u003e\n \u003cp\u003eCertifié Cosmébio, sans ingrédients d'origine animale, fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e♻️ Format rechargeable\u003c\/h3\u003e\n \u003cp\u003eUn geste éco-responsable pour réduire vos déchets au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acor-section\"\u003e\n \u003ch2\u003eUne formule courte et naturelle\u003c\/h2\u003e\n \u003cdiv class=\"acor-grid\"\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e💎 Cristaux d'alun\u003c\/h3\u003e\n \u003cp\u003eRégulateurs naturels, ils freinent la prolifération des bactéries responsables des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🧬 Ferments actifs\u003c\/h3\u003e\n \u003cp\u003eProbiotiques cutanés qui équilibrent la flore des aisselles, sans la déséquilibrer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydratant et apaisant, il calme les irritations après le rasage ou l'épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acor-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"acor-testimonial\"\u003e\n \u003cp class=\"acor-testimonial-text\"\u003eAqua (water), Potassium alum, Spiraea ulmaria flower water*, Saccharomyces ferment, Prunus amygdalus dulcis (sweet almond) oleosomes, Xanthan gum, Aloe barbadensis leaf juice powder*, Glycerin, Gluconolactone, Benzyl alcohol, Sodium benzoate, Potassium sorbate, Dehydroacetic acid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"acor-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Formule sans parfum, sans alcool, sans chlorhydrate d'aluminium.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acor-section\"\u003e\n \u003ch2\u003eComment utiliser le déodorant roll-on Acorelle ?\u003c\/h2\u003e\n \u003cdiv class=\"acor-timeline\"\u003e\n \u003cdiv class=\"acor-timeline-item\"\u003e\n \u003cdiv class=\"acor-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"acor-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez légèrement avant chaque utilisation pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-timeline-item\"\u003e\n \u003cdiv class=\"acor-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"acor-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur peau propre et sèche\u003c\/h3\u003e\n \u003cp\u003eLe matin ou après la douche, sur des aisselles parfaitement sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-timeline-item\"\u003e\n \u003cdiv class=\"acor-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"acor-timeline-content\"\u003e\n \u003ch3\u003eLaissez sécher quelques secondes\u003c\/h3\u003e\n \u003cp\u003eAvant de vous habiller, pour éviter toute sensation d'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-tip\"\u003e\n \u003cspan class=\"acor-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e lors d'une transition depuis un déodorant classique avec sels d'aluminium, accordez 1 à 2 semaines à votre peau. L'équilibre se rétablit naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acor-section\"\u003e\n \u003ch2\u003ePour qui est conçu ce déodorant ?\u003c\/h2\u003e\n \u003cdiv class=\"acor-grid-compact\"\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eRéactives ou intolérantes aux parfums.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🪒 Peaux rasées\u003c\/h3\u003e\n \u003cp\u003eNe pique pas, sans alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Femmes \u0026amp; hommes\u003c\/h3\u003e\n \u003cp\u003eUn déodorant bio mixte au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acor-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du clean\u003c\/h3\u003e\n \u003cp\u003eBio, vegan, fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acor-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eBon à savoir\u003c\/h2\u003e\n \u003cdiv class=\"acor-accordion\"\u003e\n \u003cdetails class=\"acor-accordion-item\"\u003e\n \u003csummary class=\"acor-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"acor-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas d'irritation persistante ou de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"acor-accordion-item\"\u003e\n \u003csummary class=\"acor-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"acor-accordion-content mt-3\"\u003e\n \u003cp\u003eCe déodorant cosmétique ne remplace pas un avis ni un traitement médical. En cas d'hyperhidrose ou de pathologie cutanée, demandez conseil à votre médecin ou pharmacien.\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 --acor-cream: #faf7fb;\n --acor-white: #ffffff;\n --acor-primary: #a87cc9;\n --acor-primary-dark: #6b4a8a;\n --acor-primary-light: #f3ebf8;\n --acor-secondary: #c9a8e0;\n --acor-accent: #8b5fb0;\n --acor-text: #2a1f33;\n --acor-text-light: #6a5d75;\n --acor-border: #e8dff0;\n --acor-shadow: 0 4px 24px rgba(107,74,138,.08);\n --acor-shadow-lg: 0 12px 48px rgba(107,74,138,.18);\n --acor-radius: 20px;\n --acor-radius-sm: 12px;\n}\n\n.acor-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--acor-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--acor-text);\n line-height: 1.6;\n}\n\n.acor-premium *, .acor-premium *::before, .acor-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.acor-hero {\n position: relative;\n background: linear-gradient(135deg, #c9a8e0 0%, #a87cc9 50%, #8b5fb0 100%);\n border-radius: var(--acor-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(--acor-shadow-lg);\n}\n\n.acor-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 20%, 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: .35;\n pointer-events: none;\n}\n\n.acor-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.acor-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.acor-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.acor-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.acor-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.acor-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(--acor-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.acor-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.acor-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.acor-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--acor-primary-dark);\n margin: 0 0 clamp(1.25rem, 3vw, 2rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.acor-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(--acor-primary), var(--acor-secondary));\n border-radius: 2px;\n}\n\n.acor-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--acor-text-light);\n margin: 0 auto;\n max-width: 760px;\n line-height: 1.75;\n}\n\n.acor-section-intro strong {\n color: var(--acor-primary-dark);\n font-weight: 700;\n}\n\n\/* === CARDS === *\/\n.acor-card {\n background: var(--acor-white);\n border-radius: var(--acor-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--acor-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.acor-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--acor-shadow-lg);\n border-color: var(--acor-primary);\n}\n\n.acor-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--acor-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.acor-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--acor-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.acor-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.acor-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.acor-grid-compact .acor-card {\n padding: 1rem;\n}\n\n.acor-grid-compact .acor-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.acor-grid-compact .acor-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.acor-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.acor-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.acor-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--acor-primary), var(--acor-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(168,124,201,.35);\n}\n\n.acor-timeline-content {\n flex: 1;\n background: var(--acor-white);\n padding: 1rem 1.25rem;\n border-radius: var(--acor-radius-sm);\n box-shadow: var(--acor-shadow);\n}\n\n.acor-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--acor-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.acor-timeline-content p {\n font-size: 14px;\n color: var(--acor-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL (INCI) === *\/\n.acor-testimonial {\n background: var(--acor-white);\n border-radius: var(--acor-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--acor-shadow);\n border-left: 4px solid var(--acor-primary);\n}\n\n.acor-testimonial-text {\n font-size: clamp(13px, 2.2vw, 15px);\n color: var(--acor-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n word-break: break-word;\n}\n\n\/* === DISCLAIMER === *\/\n.acor-disclaimer {\n font-size: 12px;\n color: var(--acor-text-light);\n text-align: center;\n margin: 1rem 0 0 0;\n font-style: italic;\n}\n\n\/* === TIP === *\/\n.acor-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--acor-primary-light);\n border-radius: var(--acor-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid var(--acor-border);\n}\n\n.acor-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.acor-tip p {\n font-size: 14px;\n color: var(--acor-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.acor-tip strong {\n color: var(--acor-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.acor-accordion {\n background: var(--acor-white);\n border-radius: var(--acor-radius);\n box-shadow: var(--acor-shadow);\n overflow: hidden;\n}\n\n.acor-accordion-item {\n border-bottom: 1px solid var(--acor-border);\n margin: 0;\n padding: 0;\n}\n\n.acor-accordion-item:last-child {\n border-bottom: none;\n}\n\n.acor-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--acor-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.acor-accordion-header:hover {\n background: var(--acor-primary-light);\n}\n\n.acor-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.acor-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--acor-primary);\n transition: transform .2s ease;\n}\n\n.acor-accordion-item[open] .acor-accordion-header::after {\n content: '−';\n}\n\n.acor-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--acor-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.acor-accordion-content p {\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .acor-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .acor-card {\n padding: 1.125rem;\n }\n .acor-section {\n margin-bottom: 1.75rem;\n }\n .acor-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--acor-radius-sm);\n }\n .acor-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .acor-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .acor-grid-compact {\n gap: .625rem;\n }\n .acor-grid-compact .acor-card {\n padding: .75rem;\n }\n .acor-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .acor-timeline-content {\n padding: .875rem 1rem;\n }\n .acor-timeline-content h3 {\n font-size: 14px;\n }\n .acor-timeline-content p {\n font-size: 13px;\n }\n .acor-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .acor-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .acor-testimonial {\n padding: 1.25rem;\n }\n .acor-testimonial-text {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .acor-card {\n animation: acorFadeInUp .5s ease backwards;\n }\n .acor-card:nth-child(1) { animation-delay: .05s; }\n .acor-card:nth-child(2) { animation-delay: .1s; }\n .acor-card:nth-child(3) { animation-delay: .15s; }\n .acor-card:nth-child(4) { animation-delay: .2s; }\n .acor-card:nth-child(5) { animation-delay: .25s; }\n .acor-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes acorFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .acor-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":57209512755577,"sku":"LL0110","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-roll-on-24h-peaux-sensibles-bio-50-ml-acorelle-packshothd.webp?v=1778231074"},{"product_id":"deodorant-stick-rechargeable-48-h-coton-50-g-centifolia","title":"Déodorant Stick Rechargeable Fleur de Coton - 50 g - Centifolia","description":"\u003cdiv class=\"cent-premium\"\u003e\n \u003cdiv class=\"cent-hero\"\u003e\n \u003cdiv class=\"cent-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cent-hero-content\"\u003e\n \u003cdiv class=\"cent-badges-top\"\u003e\n \u003cspan class=\"cent-badge\"\u003e🌿 100% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cent-badge\"\u003e⏱️ Protection 48h\u003c\/span\u003e\n \u003cspan class=\"cent-badge\"\u003e♻️ Rechargeable\u003c\/span\u003e\n \u003cspan class=\"cent-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cent-hero-title\"\u003eLa fraîcheur douce du linge propre, 48h durant\u003c\/span\u003e\n \u003cp class=\"cent-subtitle\"\u003eDéodorant stick rechargeable Fleur de Coton — 50 g\u003c\/p\u003e\n \u003cp class=\"cent-description\"\u003eUn geste simple, doux et responsable pour votre routine quotidienne. Une formule 5 en 1 certifiée Ecocert Cosmébio, pensée pour durer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003eUn déodorant efficace naturel, sans compromis\u003c\/h2\u003e\n \u003cp class=\"cent-section-intro\"\u003eBeaucoup se tournent vers un déodorant maison pour éviter les formules trop chargées. Pourtant, le dosage reste délicat et la tenue souvent décevante. Centifolia propose une formule \u003cstrong\u003ecertifiée Ecocert Cosmébio\u003c\/strong\u003e, élaborée dans son laboratoire des Deux-Sèvres, qui agit sur les odeurs sans bloquer le processus naturel de transpiration.\u003c\/p\u003e\n \u003cdiv class=\"cent-grid\"\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🛡️ Neutralise 48h\u003c\/h3\u003e\n \u003cp\u003eGrâce à des actifs déodorants 100 % naturels, les odeurs sont neutralisées toute la journée et au-delà.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e💧 Limite l'humidité\u003c\/h3\u003e\n \u003cp\u003eUne poudre absorbante naturelle protège et conserve une sensation de peau sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🌱 Apaise la peau\u003c\/h3\u003e\n \u003cp\u003eL'hydrolat de menthe poivrée calme et rafraîchit les zones sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e👕 Évite les traces\u003c\/h3\u003e\n \u003cp\u003eFini les marques jaunes et blanches sur vos vêtements préférés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🤍 Adoucit les aisselles\u003c\/h3\u003e\n \u003cp\u003eProtège et adoucit la peau délicate pour un confort durable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e✅ Action 5 en 1\u003c\/h3\u003e\n \u003cp\u003eUne seule formule pour une protection complète, douce et respectueuse de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003eFleur de coton : une fraîcheur douce, comme du linge propre\u003c\/h2\u003e\n \u003cp class=\"cent-section-intro\"\u003eVous aimez l'odeur du linge fraîchement lavé ? L'\u003cstrong\u003eextrait de fleur de coton\u003c\/strong\u003e apporte une note délicate et réconfortante, idéale au quotidien. Si vous appréciez le déodorant Respire fleur de coton, vous retrouverez ici le même esprit cocooning. La formule est en plus \u003cstrong\u003esans huiles essentielles\u003c\/strong\u003e. Discrète, cette senteur séduit aussi les hommes à la recherche d'un \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e léger et agréable.\u003c\/p\u003e\n \u003cdiv class=\"cent-tip\"\u003e\n \u003cspan class=\"cent-tip-icon\"\u003e🌸\u003c\/span\u003e\n \u003cp\u003eUne senteur unisexe, douce et enveloppante, qui s'intègre naturellement à votre routine sans masquer votre parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003eComposition : ce qu'il contient… et ce qu'il ne contient pas\u003c\/h2\u003e\n \u003cdiv class=\"cent-grid\"\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🌿 Hydrolat de menthe poivrée\u003c\/h3\u003e\n \u003cp\u003eApaise et rafraîchit la peau des aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🤍 Extrait de fleur de coton\u003c\/h3\u003e\n \u003cp\u003eApporte une note douce et réconfortante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e💨 Poudre absorbante naturelle\u003c\/h3\u003e\n \u003cp\u003eLimite l'humidité tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🛡️ Actifs déodorants naturels\u003c\/h3\u003e\n \u003cp\u003eNeutralisent les odeurs pendant 48 heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🍊 Actif antigaspi\u003c\/h3\u003e\n \u003cp\u003eIssu des écorces de pamplemousse, pour une démarche éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🚫 Formule sans\u003c\/h3\u003e\n \u003cp\u003eSels d'aluminium, alcool, bicarbonate et huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-tip\"\u003e\n \u003cspan class=\"cent-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003eLa liste INCI complète figure sur l'emballage. Pensez à la consulter, surtout si vous avez une allergie connue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n \u003cp class=\"cent-section-intro\"\u003eSa formule douce, sans bicarbonate ni huiles essentielles, convient à toute la famille.\u003c\/p\u003e\n \u003cdiv class=\"cent-grid-compact\"\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule douce et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eEt allaitantes, en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🧒 Dès 10 ans\u003c\/h3\u003e\n \u003cp\u003eEnfants et adolescents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e👨 Hommes \u0026amp; femmes\u003c\/h3\u003e\n \u003cp\u003eUne alternative sans aluminium pour tous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003eComment l'utiliser au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"cent-timeline\"\u003e\n \u003cdiv class=\"cent-timeline-item\"\u003e\n \u003cdiv class=\"cent-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-content\"\u003e\n \u003ch3\u003e🚿 Nettoyez vos aisselles\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, assurez-vous que la zone soit propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-item\"\u003e\n \u003cdiv class=\"cent-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-content\"\u003e\n \u003ch3\u003e🧻 Séchez soigneusement\u003c\/h3\u003e\n \u003cp\u003eLa peau doit être parfaitement sèche avant l'application pour un confort optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-item\"\u003e\n \u003cdiv class=\"cent-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-content\"\u003e\n \u003ch3\u003e✨ Appliquez le stick\u003c\/h3\u003e\n \u003cp\u003eSa texture de baume fondant pénètre facilement, sans traces ni sensation collante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003eUn stick rechargeable, pensé pour durer\u003c\/h2\u003e\n \u003cdiv class=\"cent-grid-compact\"\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e📦 50 g\u003c\/h3\u003e\n \u003cp\u003eUn stick dure environ 3 mois d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e♻️ Rechargeable\u003c\/h3\u003e\n \u003cp\u003eConservez l'étui et optez pour la recharge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🗑️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eRéduisez vos déchets sans changer vos habitudes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eFormulé et conditionné dans les Deux-Sèvres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eBon à savoir\u003c\/h2\u003e\n \u003cdiv class=\"cent-cta-box\"\u003e\n \u003cp\u003eCe déodorant est un produit cosmétique et ne remplace pas un traitement médical. En cas de transpiration excessive ou d'irritation persistante, demandez conseil à votre médecin ou à votre dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cent-disclaimer\"\u003eProduit cosmétique à usage externe. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --cent-cream: #f5f1ea;\n --cent-white: #ffffff;\n --cent-primary: #a8c2a8;\n --cent-primary-dark: #5f7a65;\n --cent-primary-light: #e8f0e5;\n --cent-secondary: #f5c9b8;\n --cent-accent: #d4a89a;\n --cent-text: #2d3a2f;\n --cent-text-light: #6b7a6d;\n --cent-border: #e0e0e0;\n --cent-shadow: 0 4px 24px rgba(95,122,101,.1);\n --cent-shadow-lg: 0 12px 48px rgba(95,122,101,.18);\n --cent-radius: 20px;\n --cent-radius-sm: 12px;\n }\n\n .cent-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cent-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cent-text);\n }\n\n .cent-hero {\n position: relative;\n background: linear-gradient(135deg, #a8c2a8 0%, #c4d6c0 50%, #e8f0e5 100%);\n border-radius: var(--cent-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(--cent-shadow-lg);\n }\n\n .cent-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,255,255,.3) 0%, transparent 50%);\n opacity: .5;\n }\n\n .cent-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .cent-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,.15);\n }\n\n .cent-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n }\n\n .cent-description {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n opacity: .92;\n }\n\n .cent-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .cent-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(--cent-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.08);\n transition: all .3s ease;\n }\n\n .cent-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .cent-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .cent-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cent-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 .cent-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(--cent-primary), var(--cent-secondary));\n border-radius: 2px;\n }\n\n .cent-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cent-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 .cent-section-intro strong {\n color: var(--cent-primary-dark);\n }\n\n .cent-card {\n background: var(--cent-white);\n border-radius: var(--cent-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cent-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .cent-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cent-shadow-lg);\n border-color: var(--cent-primary);\n }\n\n .cent-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cent-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .cent-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cent-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .cent-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .cent-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .cent-grid-compact .cent-card {\n padding: 1rem;\n }\n\n .cent-grid-compact .cent-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .cent-grid-compact .cent-card p {\n font-size: 12px;\n }\n\n .cent-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n }\n\n .cent-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .cent-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cent-primary), var(--cent-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 .cent-timeline-content {\n flex: 1;\n background: var(--cent-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cent-radius-sm);\n box-shadow: var(--cent-shadow);\n }\n\n .cent-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cent-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .cent-timeline-content p {\n font-size: 14px;\n color: var(--cent-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .cent-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cent-primary-light);\n border-radius: var(--cent-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 .cent-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .cent-tip p {\n font-size: 14px;\n color: var(--cent-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .cent-cta-box {\n background: linear-gradient(135deg, var(--cent-primary) 0%, var(--cent-primary-dark) 100%);\n border-radius: var(--cent-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cent-cta-box p {\n color: white;\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n font-weight: 500;\n margin: 0;\n }\n\n .cent-disclaimer {\n font-size: 12px;\n color: var(--cent-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n }\n\n @media (max-width: 767px) {\n .cent-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cent-card {\n padding: 1.125rem;\n }\n .cent-section {\n margin-bottom: 1.75rem;\n }\n .cent-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cent-radius-sm);\n }\n .cent-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cent-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cent-grid-compact {\n gap: .625rem;\n }\n .cent-grid-compact .cent-card {\n padding: .75rem;\n }\n .cent-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cent-timeline-content {\n padding: .875rem 1rem;\n }\n .cent-timeline-content h3 {\n font-size: 14px;\n }\n .cent-timeline-content p {\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .cent-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cent-card:nth-child(1) { animation-delay: .05s; }\n .cent-card:nth-child(2) { animation-delay: .1s; }\n .cent-card:nth-child(3) { animation-delay: .15s; }\n .cent-card:nth-child(4) { animation-delay: .2s; }\n .cent-card:nth-child(5) { animation-delay: .25s; }\n .cent-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 .cent-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":57318110495097,"sku":"CE0675","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-stick-rechargeable-fleur-de-coton-50-g-centifolia-packshothd.webp?v=1791190074"},{"product_id":"deodorant-stick-rechargeable-agrumes-50-g-centifolia","title":"Déodorant Stick Rechargeable Agrumes - 50 g - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cf-hero\"\u003e\n\u003cdiv class=\"cf-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cf-hero-content\"\u003e\n\u003cdiv class=\"cf-badges-top\"\u003e\n\u003cspan class=\"cf-badge\"\u003e🌿 100 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"cf-badge\"\u003e🍊 Parfum Agrumes\u003c\/span\u003e \u003cspan class=\"cf-badge\"\u003e🕐 Efficacité 48h\u003c\/span\u003e \u003cspan class=\"cf-badge\"\u003e♻️ Stick rechargeable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cf-hero-title\"\u003eDéodorant Stick Rechargeable Agrumes Centifolia\u003c\/span\u003e\n\u003cp class=\"cf-subtitle\"\u003eCertifié Bio · 5-en-1 · 100 % d'origine naturelle · 50 g\u003c\/p\u003e\n\u003cp class=\"cf-description\"\u003eUn déodorant stick rechargeable au parfum tonique d'agrumes, qui apaise, protège et neutralise les odeurs jusqu'à 48 heures sans laisser de traces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"cf-section\"\u003e\n\u003ch2\u003eUn déodorant stick naturel, efficace et rechargeable\u003c\/h2\u003e\n\u003cp class=\"cf-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant en stick\u003c\/strong\u003e sain, performant et éco-responsable, plus respectueux que les classiques comme le \u003cstrong\u003edéodorant Dove stick\u003c\/strong\u003e, le \u003cstrong\u003eSanex déodorant stick\u003c\/strong\u003e ou encore le \u003cstrong\u003eMennen déodorant stick\u003c\/strong\u003e ? Le \u003cstrong\u003edéodorant stick Agrumes Centifolia\u003c\/strong\u003e conjugue efficacité 48h, formule 100 % d'origine naturelle et démarche zéro déchet.\u003c\/p\u003e\n\u003cdiv class=\"cf-grid-compact\"\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🌱 Bio \u0026amp; naturel\u003c\/h3\u003e\n\u003cp\u003eFormule certifiée bio, sans sels d'aluminium, sans alcool, sans bicarbonate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e⏱️ Protection 48h\u003c\/h3\u003e\n\u003cp\u003eUne fraîcheur durable, jour comme nuit, même après un effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e♻️ Rechargeable\u003c\/h3\u003e\n\u003cp\u003eÉtui réutilisable et recharges disponibles pour limiter le plastique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France par Centifolia, expert de la cosméto-botanique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"cf-section\"\u003e\n\u003ch2\u003eLes 5 bienfaits du déodorant stick Agrumes\u003c\/h2\u003e\n\u003cp class=\"cf-section-intro\"\u003eUne action complète \u003cstrong\u003e5-en-1\u003c\/strong\u003e pensée pour les aisselles sensibles, qui surpasse les \u003cstrong\u003esticks déodorants\u003c\/strong\u003e conventionnels :\u003c\/p\u003e\n\u003cdiv class=\"cf-grid\"\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🌸 Apaise\u003c\/h3\u003e\n\u003cp\u003eL'huile végétale de coco et le beurre de karité bio adoucissent la peau, idéal après rasage ou épilation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🛡️ Protège\u003c\/h3\u003e\n\u003cp\u003eUne barrière naturelle contre les agressions du quotidien, sans obstruer les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🍃 Anti-odeurs\u003c\/h3\u003e\n\u003cp\u003eNeutralise efficacement les odeurs grâce à des actifs d'origine minérale et végétale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e⚪ Anti-traces\u003c\/h3\u003e\n\u003cp\u003eFormule pensée pour ne laisser ni marques blanches ni auréoles jaunes sur les vêtements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-tip\"\u003e\n\u003cspan class=\"cf-tip-icon\"\u003e🍊\u003c\/span\u003e\n\u003cp\u003eLe \u003cstrong\u003eparfum agrumes\u003c\/strong\u003e apporte une note vive, fraîche et ensoleillée, parfaite pour démarrer la journée du bon pied.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"cf-section\"\u003e\n\u003ch2\u003eComposition \u0026amp; ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"cf-accordion\"\u003e\n\u003cdetails class=\"cf-accordion-item\"\u003e\n\u003csummary class=\"cf-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n\u003cp\u003eCaprylic\/Capric Triglyceride, Maranta Arundinacea Root Powder, Coco-Caprylate, Cetearyl Olivate, Magnesium Hydroxide, Cera Alba*, Sorbitan Olivate, Butyrospermum Parkii Butter*, Cocos Nucifera Oil*, Parfum (Fragrance), Tocopherol, Citrus Aurantium Dulcis Peel Oil*, Citrus Paradisi Peel Oil*, Citrus Limon Peel Oil*, Limonene, Linalool, Citral.\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\u003cp class=\"cf-disclaimer\"\u003e99 % du total des ingrédients sont d'origine naturelle · 22 % du total sont issus de l'Agriculture Biologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"cf-section\"\u003e\n\u003ch2\u003eComment utiliser votre déodorant stick rechargeable ?\u003c\/h2\u003e\n\u003cdiv class=\"cf-timeline\"\u003e\n\u003cdiv class=\"cf-timeline-item\"\u003e\n\u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cf-timeline-content\"\u003e\n\u003ch3\u003eTournez la molette\u003c\/h3\u003e\n\u003cp\u003eFaites remonter le stick de quelques millimètres en tournant la base.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-timeline-item\"\u003e\n\u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cf-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur peau propre\u003c\/h3\u003e\n\u003cp\u003eDéposez 2 à 3 passages sous chaque aisselle, le matin ou après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-timeline-item\"\u003e\n\u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cf-timeline-content\"\u003e\n\u003ch3\u003eRechargez l'étui\u003c\/h3\u003e\n\u003cp\u003eUne fois vide, insérez simplement une recharge Centifolia : zéro déchet inutile.\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=\"cf-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi le préférer aux sticks classiques ?\u003c\/h2\u003e\n\u003cdiv class=\"cf-grid\"\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🚫 Sans controversés\u003c\/h3\u003e\n\u003cp\u003ePas de sels d'aluminium, ni de parabènes, ni d'alcool desséchant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e👩🔬 Cosméto-botanique\u003c\/h3\u003e\n\u003cp\u003eCentifolia formule depuis 1979 avec des plantes biologiques sélectionnées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🌍 Geste éco\u003c\/h3\u003e\n\u003cp\u003eMoins de plastique grâce au système rechargeable et au format compact.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-cta-box\"\u003e\n\u003cp\u003e🍋 Adoptez un déodorant stick rechargeable, naturel et efficace 48h, qui prend soin de vos aisselles autant que de la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cf-disclaimer\"\u003eCe produit ne constitue pas un traitement médical. En cas d'irritation persistante, suspendez 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 --cf-cream: #f5f1ea;\n --cf-white: #ffffff;\n --cf-primary: #9bb5a3;\n --cf-primary-dark: #4d6b5a;\n --cf-primary-light: #e4ede5;\n --cf-secondary: #f29a5e;\n --cf-accent: #e8744a;\n --cf-text: #2a3530;\n --cf-text-light: #5a6b62;\n --cf-border: #d8dfd9;\n --cf-shadow: 0 4px 24px rgba(77,107,90,.08);\n --cf-shadow-lg: 0 12px 48px rgba(77,107,90,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n line-height: 1.6;\n}\n\n\/* HERO *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #9bb5a3 0%, #7fa088 50%, #f29a5e 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n inset: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 20%, #fff 2px, transparent 3px),\n radial-gradient(circle at 80% 60%, #fff 3px, transparent 4px),\n radial-gradient(circle at 50% 90%, #fff 2px, transparent 3px);\n background-size: 120px 120px;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.cf-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.3vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* BADGES *\/\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* SECTIONS *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.cf-section-intro strong {\n color: var(--cf-primary-dark);\n}\n\n\/* CARDS *\/\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* GRIDS *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1.125rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12.5px;\n}\n\n\/* TIMELINE *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(242,154,94,.3);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1.125rem 1.375rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.55;\n}\n\n\/* ACCORDION *\/\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1.125rem 1.375rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cf-secondary);\n transition: transform .2s ease;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.375rem 1.125rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.cf-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.cf-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.mt-3 { margin-top: .75rem; }\n\n\/* TIP *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--cf-secondary);\n}\n\n.cf-tip-icon {\n font-size: 26px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-tip strong {\n color: var(--cf-primary-dark);\n}\n\n\/* CTA *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary-dark) 0%, var(--cf-primary) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 2.5rem);\n text-align: center;\n margin-top: 1.75rem;\n position: relative;\n overflow: hidden;\n}\n\n.cf-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(242,154,94,.3) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.cf-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: 600;\n margin: 0;\n}\n\n\/* DISCLAIMER *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.5;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-section {\n margin-bottom: 1.75rem;\n }\n .cf-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cf-grid-compact {\n gap: .625rem;\n }\n .cf-grid-compact .cf-card {\n padding: .85rem;\n }\n .cf-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n .cf-timeline-content p {\n font-size: 13px;\n }\n .cf-accordion-header {\n padding: .9rem 1rem;\n font-size: 14px;\n }\n .cf-accordion-content {\n padding: 0 1rem .9rem;\n font-size: 13px;\n }\n .cf-badge {\n font-size: 11.5px;\n padding: 6px 12px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":57318141526393,"sku":"CE0680","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-stick-rechargeable-agrumes-50-g-centifolia-packshothd_1eb2a505-7611-495b-9c02-a63e67f73a94.webp?v=1791189263"},{"product_id":"deodorant-stick-rechargeable-sans-parfum-50-g-centifolia","title":"Déodorant Stick Rechargeable Sans Parfum - 50 g - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 100% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e⏱️ Efficacité 48h\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ Rechargeable\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌸 Sans parfum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eLa fraîcheur naturelle qui dure 48 heures\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eDéodorant Stick Rechargeable Centifolia — 50 g\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUne formule 5 en 1, douce et végétale, pensée pour les peaux sensibles qui ne supportent plus les senteurs marquées. Un geste minimaliste, un impact durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir un déodorant sans parfum ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLe parfum ajouté dans les cosmétiques peut gêner certaines personnes, en particulier sous les aisselles, une zone fine et souvent sollicitée par le rasage ou l'épilation.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌺 Zéro mélange olfactif\u003c\/h3\u003e\n \u003cp\u003ePortez votre eau de toilette favorite sans aucune interférence d'odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧘 Soin discret au quotidien\u003c\/h3\u003e\n \u003cp\u003eUn geste adapté au bureau comme au sport, tout en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Routine minimaliste\u003c\/h3\u003e\n \u003cp\u003eSimplifiez votre salle de bain avec un produit essentiel et polyvalent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUne action 5 en 1\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCe déodorant stick rechargeable réunit cinq fonctions dans un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Apaise\u003c\/h3\u003e\n \u003cp\u003eUne formule pensée pour le confort des aisselles, même sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Protège\u003c\/h3\u003e\n \u003cp\u003eIl accompagne votre peau tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌬️ Anti-odeurs\u003c\/h3\u003e\n \u003cp\u003eUne efficacité 48h prouvée, pour rester frais plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👕 Anti-traces jaunes\u003c\/h3\u003e\n \u003cp\u003eVos vêtements clairs restent préservés, lavage après lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🖤 Anti-traces blanches\u003c\/h3\u003e\n \u003cp\u003eIdéal sous un t-shirt ou une robe foncée, sans dépôt visible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn déodorant sans parfum pour homme et pour femme\u003c\/h2\u003e\n \u003cp\u003eSans note olfactive, ce stick convient à toute la famille. Vous cherchez un \u003cstrong\u003edéodorant sans parfum homme\u003c\/strong\u003e qui ne couvre pas votre parfum habituel ? Ou un \u003cstrong\u003edéodorant sans parfum femme\u003c\/strong\u003e doux et discret ? Ce même produit répond aux deux besoins. Vous pouvez donc le partager au sein du foyer, à condition de garder un usage hygiénique.\u003c\/p\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUn seul stick dans la salle de bain pour toute la famille : plus simple, plus économique, plus écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment l'appliquer ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eSa texture baume fondant s'étale facilement au contact de la peau.\u003c\/p\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003ePréparez la zone\u003c\/h3\u003e\n \u003cp\u003eAppliquez-le sur des aisselles propres et sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003ePassez le stick\u003c\/h3\u003e\n \u003cp\u003e2 à 3 passages sous chaque bras suffisent pour une protection optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques instants avant de vous habiller.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNotre conseil\u003c\/strong\u003e : après le rasage, attendez un peu avant l'application pour préserver le confort de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn stick rechargeable pour limiter les déchets\u003c\/h2\u003e\n \u003cp\u003eLe boîtier du \u003cstrong\u003edéodorant stick rechargeable\u003c\/strong\u003e est conçu pour être conservé et réutilisé avec une recharge. Vous limitez ainsi les emballages jetés, sans renoncer au confort d'un stick facile à transporter dans un sac de sport ou une trousse de voyage.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Boîtier durable\u003c\/h3\u003e\n \u003cp\u003eConçu pour être conservé des années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🔄 Recharge simple\u003c\/h3\u003e\n \u003cp\u003eRemplacez uniquement la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🎒 Format nomade\u003c\/h3\u003e\n \u003cp\u003eIdéal en sac de sport ou voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 Zéro-déchet\u003c\/h3\u003e\n \u003cp\u003eUn geste concret pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Formule\u003c\/h3\u003e\n \u003cp\u003e100 % d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Parfum\u003c\/h3\u003e\n \u003cp\u003eSans parfum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Texture\u003c\/h3\u003e\n \u003cp\u003eBaume fondant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n \u003cp\u003e50 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eCentifolia, la cosméto-botanique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✅ Label\u003c\/h3\u003e\n \u003cp\u003eLogo Bio sur l'emballage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eLa liste complète des ingrédients (INCI) figure sur l'emballage du produit. Nous vous invitons à la consulter avant utilisation, surtout si vous avez une allergie connue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eVos questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003eEst-ce un déodorant sans alcool, sans parfum, sans aluminium ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est confirmé sans parfum et 100 % d'origine naturelle. Si vous recherchez un \u003cstrong\u003edéodorant sans parfum ni alcool\u003c\/strong\u003e ou sans aluminium, vérifiez la liste INCI sur l'emballage pour confirmer qu'il correspond à vos critères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003eComment se compare-t-il aux autres déodorants naturels ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eSi vous hésitez avec un \u003cstrong\u003edéodorant nature sans parfum\u003c\/strong\u003e d'une autre marque, comme Aroma-Zone, regardez ses atouts : action 5 en 1, efficacité 48h et format rechargeable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003eQuel est son avis d'usage idéal ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eIl convient à un usage quotidien, au bureau comme lors d'une activité physique modérée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eUsage externe uniquement. Ne pas appliquer sur une peau lésée ou irritée. En cas de réaction, cessez l'utilisation. Ce cosmétique ne remplace pas un avis ou un traitement médical. Si votre transpiration est excessive ou inhabituelle, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f6f8f6;\n --cf-white: #ffffff;\n --cf-primary: #a8c4b4;\n --cf-primary-dark: #4a7566;\n --cf-primary-light: #e4ede8;\n --cf-secondary: #7fb0d4;\n --cf-accent: #c8e0ef;\n --cf-text: #2a3a33;\n --cf-text-light: #6a7a73;\n --cf-border: #dde5e0;\n --cf-shadow: 0 4px 24px rgba(74,117,102,.08);\n --cf-shadow-lg: 0 12px 48px rgba(74,117,102,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #a8c4b4 0%, #7fb0d4 50%, #c8e0ef 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .5;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(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,.15);\n line-height: 1.15;\n}\n\n.cf-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n opacity: .95;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.cf-description {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n margin: 0 auto;\n max-width: 640px;\n line-height: 1.6;\n opacity: .92;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n.cf-premium p {\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n color: var(--cf-text);\n}\n\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin: 0 auto 1.5rem;\n max-width: 680px;\n}\n\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n gap: 1rem;\n}\n\n.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0;\n}\n\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(14px, 2.3vw, 17px);\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.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-section {\n margin-bottom: 1.75rem;\n }\n\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cf-grid-compact {\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n\n .cf-timeline-content p {\n font-size: 13px;\n }\n\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":57318259360121,"sku":"CE0685","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-stick-rechargeable-sans-parfum-50-g-centifolia-packshothd_f67a7316-b03d-4b16-b4a8-b20597ff7ceb.webp?v=1791191096"},{"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/deodorant.webp?v=1790072188","url":"https:\/\/www.naturellement-bio.com\/collections\/deodorant.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}