{"title":"Déodorant","description":"\u003cp\u003eVous avez déjà testé un \u003cstrong\u003edéodorant naturel \u003c\/strong\u003equi vous a laissé tomber en pleine réunion ? Ou peut-être hésitez-vous encore à abandonner votre anti-transpirant classique, par peur de ne plus être protégé ? Ces doutes sont légitimes, et ils méritent des réponses claires. Pas de discours culpabilisant ici, juste un \u003cstrong\u003eaccompagnement pragmatique pour réussir votre transition\u003c\/strong\u003e - si vous décidez de la faire.\u003c\/p\u003e\n\u003ch2\u003ePourquoi tant de personnes quittent les déodorants conventionnels\u003c\/h2\u003e\n\u003cp\u003eOn ne va pas se mentir : si autant de gens cherchent des alternatives, c'est rarement par effet de mode. Les irritations cutanées, ça parle à beaucoup. Ces petites rougeurs qui apparaissent après le rasage, cette sensation de picotement... Certains anti-transpirants classiques peuvent malmener les aisselles sensibles.\u003c\/p\u003e\n\u003cp\u003eEt puis il y a les questions autour des sels d'aluminium. Leur rôle ? Bloquer les glandes sudoripares pour empêcher la transpiration. Le débat scientifique continue, mais le simple fait de se poser la question suffit à vouloir explorer d'autres options.\u003c\/p\u003e\n\u003cp\u003eUn détail qui agace particulièrement : les fameuses taches jaunes sur les t-shirts blancs. Elles viennent justement de la réaction entre l'aluminium et la sueur. Frustrant quand on y pense. Au-delà de tout ça, beaucoup cherchent simplement\u003cstrong\u003e une routine plus simple, plus respectueuse de leur corps.\u003c\/strong\u003e Et c'est une raison qui se suffit à elle-même.\u003c\/p\u003e\n\u003ch2\u003eDéodorant vs anti-transpirant : une différence fondamentale à comprendre\u003c\/h2\u003e\n\u003cp\u003eAvant d'aller plus loin, posons les bases. Parce que non, ce n'est pas la même chose - et cette confusion explique pas mal de déceptions.\u003c\/p\u003e\n\u003cp\u003eL'anti-transpirant fait exactement ce que son nom indique : il empêche de transpirer. Les sels d'aluminium forment une sorte de bouchon temporaire au niveau des glandes sudoripares. Résultat : moins de sueur, aisselles sèches. Le déodorant naturel, lui, joue sur un autre tableau. Il laisse votre corps transpirer - parce que c'est un processus naturel de régulation thermique, pas un ennemi à combattre.\u003c\/p\u003e\n\u003cp\u003eMais alors, comment ça fonctionne pour les odeurs ? Petit cours express de biologie : la sueur fraîche est pratiquement inodore. Ce sont les bactéries présentes sur la peau qui, en se nourrissant de la transpiration, produisent ces fameuses odeurs. Un \u003cstrong\u003edéodorant naturel efficace \u003c\/strong\u003eagit donc sur le microbiome axillaire - cet écosystème de micro-organismes sous vos bras - pour limiter la prolifération des bactéries responsables des mauvaises odeurs.\u003c\/p\u003e\n\u003cp\u003eEn résumé : vous transpirez toujours, mais vous ne sentez pas. Une nuance importante à intégrer avant de faire votre choix.\u003c\/p\u003e\n\u003ch2\u003eLes critères qui font vraiment la différence dans un déodorant naturel\u003c\/h2\u003e\n\u003cp\u003eTous les déodorants bio ne se valent pas. Voici comment décrypter les étiquettes sans y passer trois heures.\u003c\/p\u003e\n\u003ch3\u003eLa base absorbante\u003c\/h3\u003e\n\u003cp\u003eC'est elle qui capte l'humidité. Le bicarbonate de soude reste le champion de l'efficacité - mais attention, il peut irriter les peaux sensibles. Les alternatives plus douces ? L'arrow-root ou l'amidon de maïs, qui font le job sans agresser. Pour les peaux réactives, le \u003ca href=\"\/products\/deodorant-solide-monoi-peaux-sensibles-endro\"\u003edéodorant solide Monoï d'Endro\u003c\/a\u003e a été spécialement formulé avec une dose réduite de bicarbonate.\u003c\/p\u003e\n\u003ch3\u003eLes actifs antibactériens\u003c\/h3\u003e\n\u003cp\u003eL'huile de coco possède des propriétés antibactériennes naturelles. Le zinc aussi. Quant à la pierre d'alun naturelle, elle crée un environnement défavorable aux bactéries. D'ailleurs, petite précision importante : la mention \u003cstrong\u003e\"sans aluminium\" et \"sans sels d'aluminium\"\u003c\/strong\u003e, ce n'est pas pareil. La \u003cstrong\u003epierre d'alun\u003c\/strong\u003e contient de l'alun naturel (potassium alum), différent des chlorhydrates d'aluminium synthétiques des anti-transpirants classiques.\u003c\/p\u003e\n\u003ch3\u003eLes formats disponibles\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSolide en baume\u003c\/strong\u003e : économique et souvent zéro déchet, comme le \u003ca href=\"\/products\/deodorant-solide-au-beurre-de-cacao-citron-et-bergarmote-bio-stick-kraft-50-g-comme-avant\"\u003edéodorant au beurre de cacao Citron \u0026amp; Bergamote de Comme Avant\u003c\/a\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStick rechargeable\u003c\/strong\u003e : pratique en déplacement, application propre\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRoll-on\u003c\/strong\u003e : texture légère, séchage rapide, rassurant pour les débutants\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoudre ou spray\u003c\/strong\u003e : parfaits pour les pieds et chaussures\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCôté certifications, cherchez les labels bio (Cosmos, Ecocert) et prenez l'habitude de jeter un œil à la liste INCI. Moins elle est longue, mieux c'est généralement.\u003c\/p\u003e\n\u003ch2\u003eLa période de transition : ce que personne ne vous dit\u003c\/h2\u003e\n\u003cp\u003eBon, on va être honnêtes avec vous. Les 2 à 4 premières semaines peuvent être... déconcertantes. Votre corps a passé des années avec les glandes sudoripares partiellement bloquées. Quand vous arrêtez l'anti-transpirant, il y a une période d'adaptation.\u003c\/p\u003e\n\u003cp\u003eConcrètement ? Vous pourriez transpirer davantage, voire sentir plus fort qu'avant. C'est normal. \u003cstrong\u003eLe microbiome axillaire se rééquilibre\u003c\/strong\u003e, les glandes se \"débloquent\". Ce n'est pas le déodorant naturel qui ne fonctionne pas - c'est votre corps qui se recalibre.\u003c\/p\u003e\n\u003cp\u003eNos conseils pour passer ce cap sereinement :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eCommencez un week-end ou pendant les vacances, pas avant une présentation importante\u003c\/li\u003e\n\u003cli\u003eAppliquez sur peau saine, jamais juste après le rasage\u003c\/li\u003e\n\u003cli\u003eSi besoin, alternez avec votre ancien déodorant les jours critiques\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLa bonne nouvelle ? Après cette transition, beaucoup constatent une \u003cstrong\u003eréduction naturelle des odeurs\u003c\/strong\u003e. Le microbiome s'équilibre, et le déodorant naturel devient vraiment efficace.\u003c\/p\u003e\n\u003ch2\u003eQuel format choisir selon votre mode de vie\u003c\/h2\u003e\n\u003cp\u003eLe meilleur déodorant, c'est celui que vous utiliserez vraiment. Alors, quel format vous correspond ?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVous êtes plutôt casanier ?\u003c\/strong\u003e Le déodorant solide en baume est idéal. On prélève une noisette, on chauffe entre les doigts, on applique. Les formules au beurre de cacao comme celles de Comme Avant - version \u003ca href=\"\/products\/deodorant-solide-au-beurre-de-cacao-eucalyptus-et-pin-sylvestre-bio-stick-kraft-50-g-comme-avant\"\u003eEucalyptus \u0026amp; Pin Sylvestre\u003c\/a\u003e ou \u003ca href=\"\/products\/deodorant-solide-monoi-comme-avant\"\u003eMonoï\u003c\/a\u003e - durent des mois et ne génèrent quasi aucun déchet.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eToujours en déplacement ?\u003c\/strong\u003e Le \u003ca href=\"\/products\/deodorant-stick-rose-framboise-50-g-endro\"\u003estick rechargeable Endro parfum rose-framboise\u003c\/a\u003e se glisse dans un sac sans risque de fuite. Application propre, format familier.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVous débutez et voulez du rassurant ?\u003c\/strong\u003e Les roll-on offrent une texture légère qui sèche vite. L'application ressemble à ce que vous connaissez déjà.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eProblème de pieds ?\u003c\/strong\u003e Le \u003ca href=\"\/products\/deodorant-pour-pieds-et-chaussures-100-ml-deovert\"\u003edéodorant pour pieds et chaussures Déovert\u003c\/a\u003e répond à ce besoin spécifique que les déodorants classiques ignorent souvent.\u003c\/p\u003e\n\u003cp\u003ePour compléter votre routine \u003ca href=\"\/collections\/hygiene\"\u003ehygiène naturelle\u003c\/a\u003e, pensez aussi à votre \u003ca href=\"\/collections\/gel-douche\"\u003egel douche\u003c\/a\u003e ou \u003ca href=\"\/collections\/savon\"\u003esavon solide\u003c\/a\u003e - une approche cohérente donne souvent de meilleurs résultats ;)\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes sur les déodorants naturels\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 réponse universelle - tout dépend de votre peau et de vos préférences. Pour les peaux sensibles, privilégiez les formules sans bicarbonate ou à faible dose. Les déodorants au beurre de coco et bicarbonate sont souvent plébiscités pour leur efficacité, mais testez d'abord sur une petite zone. Le format compte aussi : baume, stick ou roll-on, choisissez celui qui s'intègre naturellement dans votre routine.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLe déodorant naturel est-il vraiment efficace ?\u003c\/summary\u003e\n\u003cp\u003eOui, mais il fonctionne différemment. Il ne bloque pas la transpiration - il neutralise les odeurs en agissant sur les bactéries responsables. Après une période d'adaptation de 2 à 4 semaines, la plupart des utilisateurs trouvent une efficacité satisfaisante au quotidien. Pour les activités sportives intenses, certains préfèrent réappliquer en cours de journée ou garder une alternative pour les occasions spéciales.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePourquoi utiliser un déodorant sans aluminium ?\u003c\/summary\u003e\n\u003cp\u003ePlusieurs raisons motivent ce choix : les questionnements autour des sels d'aluminium et leur action sur les glandes sudoripares, le souhait de laisser le corps transpirer naturellement, ou simplement les problèmes de taches jaunes sur les vêtements. Le débat scientifique sur les risques potentiels est toujours en cours - à chacun de décider selon ses convictions et son confort.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment éviter les irritations avec un déodorant naturel ?\u003c\/summary\u003e\n\u003cp\u003eChoisissez une formule sans bicarbonate ou à faible concentration si votre peau est réactive. N'appliquez jamais juste après le rasage - attendez quelques heures ou jusqu'au lendemain. Testez d'abord sur une petite zone pendant quelques jours. Les formules à l'aloe vera ou au monoï sont généralement mieux tolérées par les peaux sensibles.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCombien de temps dure un déodorant solide ?\u003c\/summary\u003e\n\u003cp\u003eUn pot de 50 à 60g dure généralement 2 à 4 mois selon la fréquence d'application. C'est l'un des formats les plus économiques sur le long terme, en plus d'être écologique. Un investissement initial légèrement plus élevé, mais rentabilisé rapidement - et vos poubelles vous remercieront.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\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.9,"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":5.9,"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":"\u003cp\u003eDécouvrez \u003cstrong\u003eDéovert Tonic\u003c\/strong\u003e, un déodorant corporel naturel et efficace formulé par le Laboratoire Saint Côme. Enrichi de \u003cstrong\u003e9 huiles essentielles\u003c\/strong\u003e, ce déodorant assure une neutralisation optimale des odeurs sans bloquer le processus naturel de transpiration. Il est conçu pour respecter votre peau tout en garantissant une fraîcheur discrète et longue durée. \u003cstrong\u003eSans aluminium\u003c\/strong\u003e, il offre une alternative saine à ceux qui recherchent des solutions naturelles et respectueuses de leur santé.\u003c\/p\u003e\n\u003ch2\u003eIngrédients clés et leurs bienfaits\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eZeste d’Orange douce\u003c\/strong\u003e : Apporte une note fraîche et fruitée tout en ayant des propriétés apaisantes pour la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZeste de Citron\u003c\/strong\u003e : Antibactérien naturel, il contribue à lutter contre la prolifération des bactéries responsables des mauvaises odeurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFleur de Lavandin\u003c\/strong\u003e : Réputée pour ses vertus relaxantes et son parfum délicatement floral.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFeuille d’Arbre à thé\u003c\/strong\u003e : Puissant antiseptique naturel, elle aide à purifier la peau et à prévenir les irritations.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRésine d’Encens\u003c\/strong\u003e : Connue pour ses propriétés anti-inflammatoires, elle soutient le maintien d’une peau apaisée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRésine de Myrrhe\u003c\/strong\u003e : Cette résine précieuse est utilisée pour ses qualités protectrices et cicatrisantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZeste de Pamplemousse\u003c\/strong\u003e : Tonifiant et purifiant, il contribue à une sensation de fraîcheur durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAiguille de Pin\u003c\/strong\u003e : Apporte une touche résineuse et boisée, tout en favorisant la purification.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBois de Cèdre\u003c\/strong\u003e : Renforce l'équilibre émotionnel grâce à ses vertus apaisantes et déstressantes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eEn complément, Déovert Tonic contient :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCitrate d’éthyle\u003c\/strong\u003e, dérivé de l'acide citrique, qui neutralise les odeurs en agissant directement sur les bactéries.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine E\u003c\/strong\u003e, un puissant antioxydant naturel, qui protège et nourrit la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlcool d’origine végétale\u003c\/strong\u003e, choisi pour sa capacité à désinfecter tout en respectant l’équilibre cutané.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eQuelques pulvérisations suffisent pour une efficacité optimale.\u003c\/li\u003e\n\u003cli\u003eAppliquez sur une peau propre et sèche, de préférence après la douche.\u003c\/li\u003e\n\u003cli\u003eÉvitez d'utiliser sur une peau irritée ou immédiatement après le rasage pour prévenir tout inconfort.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003ePourquoi choisir Déovert Tonic ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule 100% naturelle\u003c\/strong\u003e : Composé d’huiles essentielles biologiques et d’ingrédients respectueux de la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de la peau et de l’environnement\u003c\/strong\u003e : Sans aluminium, sans parabènes, et produit dans le respect des normes dermatologiques.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNeutralise les odeurs efficacement\u003c\/strong\u003e tout en permettant la transpiration, essentielle pour réguler la température du corps.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉconomique\u003c\/strong\u003e : Une petite quantité suffit grâce à sa formulation concentrée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTesté sous contrôle dermatologique\u003c\/strong\u003e : Adapté à tous les types de peaux, y compris les plus sensibles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eEssayez Déovert Tonic dès aujourd’hui !\u003c\/h2\u003e\n\u003cp\u003eNeutralisez les mauvaises odeurs naturellement et respectez votre peau grâce à Déovert Tonic. Faites le choix d’un déodorant sain, efficace et écologique pour des journées fraîchement parfumées !\u003c\/p\u003e","brand":"LABORATOIRE SAINT CÔME","offers":[{"title":"Default Title","offer_id":55202152448377,"sku":"SC8575","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Deovert-Tonic-100ml-Laboratoire-Saint-Come.webp?v=1747125284"},{"product_id":"deovert-hesperid-100-ml-laboratoire-saint-come","title":"Déovert Hespérid - déodorant naturel 100 ml - Laboratoire Saint Côme","description":"\u003cp\u003eDéovert Hespérid est un déodorant corporel naturel, conçu par le \u003cstrong\u003eLaboratoire Saint Côme\u003c\/strong\u003e, qui garantit une efficacité déodorante tout en respectant le processus naturel de transpiration. Formulé sans aluminium et enrichi en huiles essentielles botaniques, il neutralise les mauvaises odeurs dès leur formation, tout en offrant un parfum discret et frais aux agrumes. Ce produit allie protection, naturalité et respect de votre peau.\u003c\/p\u003e\n\u003ch2\u003eIngrédients clés et leurs bienfaits\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eHuiles essentielles botaniques à chémotypes définis :\u003c\/strong\u003e\u003c\/li\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrange douce et Citron :\u003c\/strong\u003e Connues pour leurs propriétés rafraîchissantes et purifiantes, elles laissent une agréable sensation de fraîcheur et un parfum vivifiant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLavandin :\u003c\/strong\u003e Apprécié pour son effet relaxant tout en aidant à apaiser la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLemongrass :\u003c\/strong\u003e Connu pour ses propriétés détoxifiantes et désodorisantes naturelles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRomarin :\u003c\/strong\u003e Possède des vertus tonifiantes et antiseptiques.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePin et Cèdre :\u003c\/strong\u003e Apportent une note boisée et procurent un effet protecteur naturel contre les bactéries responsables des odeurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePamplemousse :\u003c\/strong\u003e Renforce l’action purifiante avec un parfum acidulé et frais.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlcool végétal :\u003c\/strong\u003e Assure une application légère et favorise un séchage rapide sans irriter la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine E d’origine naturelle :\u003c\/strong\u003e Protège les cellules de la peau grâce à son pouvoir antioxydant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCitrate d’éthyle (grade alimentaire) :\u003c\/strong\u003e Neutralise efficacement les odeurs tout en étant respectueux de l’épiderme.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eDéovert Hespérid s’utilise en quelques pulvérisations sur les zones concernées (aisselles ou zones propices à la transpiration). Ce flacon de 100 ml, économique et pratique, garantit environ \u003cstrong\u003e500 pulvérisations\u003c\/strong\u003e, pour une utilisation longue durée.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePrécaution :\u003c\/strong\u003e Ce produit est destiné à un usage externe uniquement. Évitez d’appliquer sur une peau irritée ou immédiatement après le rasage.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir déovert hespérid ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle et sans aluminium :\u003c\/strong\u003e Respecte la peau et le processus naturel de transpiration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTesté sous contrôle dermatologique :\u003c\/strong\u003e Assure une tolérance optimale, même pour les peaux sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum frais et discret :\u003c\/strong\u003e Aux agrumes, il convient à toutes les saisons.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespectueux de l’environnement :\u003c\/strong\u003e Des ingrédients d’origine naturelle et un flacon économique, réduisant les déchets.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eComposition \u003c\/h2\u003e\n\u003cp\u003e\u003cem\u003eHuile essentielle de Cèdre, Huile essentielle de Citron, Huile essentielle de Lavandin, Huile essentielle de Lemongrass, Huile essentielle d'Orange, Huile essentielle de Pamplemousse, Huile essentielle de Pin, Huile essentielle de Romarin, Ethylcitrate, Coviox T50, base parfum CRE\/02258, alcool végétal de betterave.\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEssayez dès aujourd’hui le Déovert Hespérid pour une fraîcheur longue durée, naturelle et respectueuse de votre peau !\u003c\/strong\u003e\u003c\/p\u003e","brand":"LABORATOIRE SAINT CÔME","offers":[{"title":"Default Title","offer_id":55202166440313,"sku":"SC8590","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Deovert-Hesperid-100ml-Laboratoire-Saint-Come.webp?v=1747125615"},{"product_id":"deovert-oceanic-100-ml-laboratoire-saint-come","title":"Déovert Océanic - déodorant naturel 100 ml - Laboratoire Saint Côme","description":"\u003cp\u003e\u003cstrong\u003eDéovert Océanic\u003c\/strong\u003e du Laboratoire Saint Côme est un \u003cstrong\u003edéodorant corporel naturel sans sels d’aluminium\u003c\/strong\u003e, formulé avec \u003cstrong\u003e9 huiles essentielles \u003c\/strong\u003esoigneusement sélectionnées pour \u003cstrong\u003eneutraliser les mauvaises odeurs\u003c\/strong\u003e tout en préservant le \u003cstrong\u003eprocessus naturel de la transpiration\u003c\/strong\u003e. Sa formule allie efficacité longue durée et douceur, même pour les peaux sensibles. Son parfum frais et marin procure une agréable sensation de propreté tout au long de la journée.\u003c\/p\u003e\n\u003cp\u003eTesté sous contrôle dermatologique et conçu dans une démarche éco-responsable, \u003cstrong\u003eDéovert Océanic\u003c\/strong\u003e est l’alternative idéale aux déodorants conventionnels pour celles et ceux qui souhaitent conjuguer \u003cstrong\u003efraîcheur, naturalité et respect de la peau\u003c\/strong\u003e.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes bienfaits des huiles essentielles de ce déodorant naturel\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile essentielle de Cèdre :\u003c\/strong\u003e Purifie la peau grâce à ses propriétés antifongiques et antiseptiques, tout en réduisant les odeurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile essentielle de Citron :\u003c\/strong\u003e Rafraîchissante et antibactérienne, elle apporte une senteur vive et pétillante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile essentielle de Lavandin :\u003c\/strong\u003e Apaise les peaux sensibles et diffuse une douce note florale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile essentielle de Lemongrass :\u003c\/strong\u003e Limite la prolifération des bactéries responsables des odeurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile essentielle d’Orange :\u003c\/strong\u003e Parfum fruité et vivifiant, tout en soutenant l’action purifiante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile essentielle de Pamplemousse :\u003c\/strong\u003e Astringente, elle resserre les pores et prolonge la sensation de fraîcheur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile essentielle de Pin :\u003c\/strong\u003e Revigorante et antibactérienne, pour un parfum boisé subtil.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile essentielle de Romarin :\u003c\/strong\u003e Antimicrobienne et tonifiante, pour une efficacité longue durée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCitrate d’éthyle :\u003c\/strong\u003e Neutralise les odeurs tout en laissant la transpiration s’effectuer naturellement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine E (Coviox T50) :\u003c\/strong\u003e Antioxydant naturel qui protège la peau et la formule.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlcool végétal de betterave :\u003c\/strong\u003e Assure une application fluide et une fraîcheur immédiate.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cp\u003eVaporisez quelques pulvérisations sur peau propre et sèche, de préférence après la douche. Le flacon compact de 100 ml offre jusqu’à \u003cstrong\u003e500 utilisations\u003c\/strong\u003e, pour un format à la fois économique et écologique.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePrécaution :\u003c\/strong\u003e Évitez toute application sur peau irritée ou fraîchement rasée. En cas de contact avec les yeux, rincez abondamment à l’eau claire.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes raisons de l’adopter\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule 100 % naturelle :\u003c\/strong\u003e Sans sels d’aluminium, avec des actifs issus des plantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect du corps :\u003c\/strong\u003e Neutralise les odeurs sans bloquer la transpiration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeaux sensibles :\u003c\/strong\u003e Tolérance optimale prouvée par tests dermatologiques.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉco-responsable :\u003c\/strong\u003e Format longue durée et conception respectueuse de l’environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum marin unique :\u003c\/strong\u003e Fraîcheur vivifiante qui dure toute la journée.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"LABORATOIRE SAINT CÔME","offers":[{"title":"Default Title","offer_id":55202174861689,"sku":"SC8595","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deovert_oceanic_100ml_laboratoire_saint_come.webp?v=1755159256"},{"product_id":"deodorant-pour-pieds-et-chaussures-100-ml-deovert","title":"Déodorant pour Pieds et Chaussures - 100 ml - Déovert","description":"\u003cp\u003e\u003cem\u003e\u003cstrong\u003eFraîcheur naturelle, confort durable...\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eLe \u003cstrong\u003eDéodorant Pieds \u0026amp; Chaussures Déovert\u003c\/strong\u003e du \u003cstrong\u003eLaboratoire Saint Côme\u003c\/strong\u003e est une solution 100 % naturelle conçue pour réguler la transpiration, neutraliser les mauvaises odeurs et offrir une sensation de fraîcheur immédiate. Idéal aussi bien pour les pieds que pour l’intérieur des chaussures, ce spray associe les bienfaits d’huiles essentielles reconnues à une formule sans gaz ni produits de synthèse.\u003c\/p\u003e\n\u003ch2\u003eUne synergie d'huiles essentielles pour un effet immédiat\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMenthe poivrée (Mentha piperita)\u003c\/strong\u003e : effet \"glaçon\" immédiat, limite la transpiration et apporte un coup de frais instantané.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCitron (Citrus limonum)\u003c\/strong\u003e : vertus purifiantes et antibactériennes, neutralise les odeurs et parfume agréablement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLavande (Lavandula vera)\u003c\/strong\u003e : apaise la peau, réduit les irritations et favorise le confort cutané.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCes huiles essentielles agissent en synergie pour garantir une \u003cstrong\u003eefficacité durable\u003c\/strong\u003e, sans agresser la peau ni perturber la transpiration naturelle.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir Déovert ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e100 % naturel\u003c\/strong\u003e : sans colorants, conservateurs, silicones ni parabens.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans gaz propulseur\u003c\/strong\u003e : un choix plus écologique et plus sain.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouble usage\u003c\/strong\u003e : efficace sur les pieds comme dans les chaussures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormat pratique\u003c\/strong\u003e : flacon compact de 100 ml (≈ 500 pulvérisations), facile à emporter partout.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e : élaboration soignée en Bourgogne.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSur les pieds :\u003c\/strong\u003e vaporisez à environ 20 cm sur une peau propre et sèche.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDans les chaussures :\u003c\/strong\u003e pulvérisez à l’intérieur pour prolonger l’effet déodorant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFréquence :\u003c\/strong\u003e quotidienne ou selon vos besoins.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e Ne pas utiliser sur une peau irritée ou blessée. Éviter tout contact avec les yeux.\u003c\/p\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cdiv style=\"overflow-x: auto;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 0.95rem;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background-color: #f4f4f4;\"\u003e\n\u003cth style=\"text-align: left; padding: 8px; border: 1px solid #ccc;\"\u003eIngrédients\u003c\/th\u003e\n\u003cth style=\"text-align: left; padding: 8px; border: 1px solid #ccc;\"\u003eNature\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; border: 1px solid #ccc;\"\u003eEthanol, Aqua, Triethyl citrate\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border: 1px solid #ccc;\"\u003eBase déodorante\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; border: 1px solid #ccc;\"\u003eCinnamomum camphora bark oil\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border: 1px solid #ccc;\"\u003eHuile essentielle de camphre\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; border: 1px solid #ccc;\"\u003eLavandula vera oil\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border: 1px solid #ccc;\"\u003eHuile essentielle de lavande\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; border: 1px solid #ccc;\"\u003eCitrus limonum peel oil\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border: 1px solid #ccc;\"\u003eHuile essentielle de citron\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; border: 1px solid #ccc;\"\u003eMentha viridis leaf oil\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border: 1px solid #ccc;\"\u003eHuile essentielle de menthe verte\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; border: 1px solid #ccc;\"\u003eMentha piperita leaf oil\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border: 1px solid #ccc;\"\u003eHuile essentielle de menthe poivrée\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; border: 1px solid #ccc;\"\u003eLimonene, Linalol\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border: 1px solid #ccc;\"\u003eComposants naturels d’huiles essentielles\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eSans :\u003c\/strong\u003e colorants, conservateurs, silicones, parabens.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eOffrez à vos pieds la fraîcheur qu'ils méritent\u003c\/strong\u003e : avec le spray Déovert, adoptez une routine naturelle, efficace et respectueuse de votre peau et de l’environnement.\u003c\/p\u003e","brand":"LABORATOIRE SAINT CÔME","offers":[{"title":"Default Title","offer_id":55202251112825,"sku":"SC8605","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-pieds-chaussures-podologique-la-saint-come.jpg?v=1752524304"},{"product_id":"deodorant-bio-50-ml-propolia","title":"Déodorant Bio roll-on Miel, Hamamélis \u0026 Cristal d'Alun - Propolia","description":"\u003ch2\u003eUn déodorant naturel, doux et efficace au quotidien\u003c\/h2\u003e\n\u003cp\u003eVous recherchez un \u003cstrong\u003edéodorant bio\u003c\/strong\u003e qui allie efficacité, respect de la peau et fraîcheur naturelle ? Le Déodorant Miel, Hamamélis \u0026amp; Cristal d’Alun de \u003cstrong\u003ePropolia\u003c\/strong\u003e offre une protection fiable contre les odeurs, tout en prenant soin des aisselles, même les plus sensibles. Sa formule certifiée Bio, sans alcool agressif ni sels d’aluminium de synthèse, convient parfaitement à une utilisation quotidienne.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eQuels sont les bienfaits de ce déodorant bio ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMiel Bio :\u003c\/strong\u003e Hydrate, nourrit et apaise la peau, limite les irritations liées au rasage ou à la transpiration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropolis :\u003c\/strong\u003e Connu pour ses propriétés purifiantes et protectrices, il favorise une hygiène naturelle des aisselles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHamamélis :\u003c\/strong\u003e Apaise, réduit les rougeurs et aide à limiter les sensations d’inconfort grâce à ses vertus adoucissantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCristal d’Alun :\u003c\/strong\u003e Réduit naturellement l’humidité et prévient la formation des odeurs sans bloquer le processus naturel de transpiration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuiles essentielles de citron, sauge et romarin :\u003c\/strong\u003e Apportent une note fraîche et légèrement citronnée, tout en purifiant la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePourquoi choisir le Déodorant Propolia ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule certifiée Bio :\u003c\/strong\u003e 69 % d’ingrédients issus de l’agriculture biologique, sans compromis sur l’efficacité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans aluminium de synthèse :\u003c\/strong\u003e Le cristal d’alun utilisé est d’origine naturelle, pour une sécurité optimale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect des peaux sensibles :\u003c\/strong\u003e Testé sous contrôle dermatologique, adapté à tous les types de peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRoll-on en verre :\u003c\/strong\u003e Écologique, rechargeable et recyclable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum subtil :\u003c\/strong\u003e Fraîcheur citronnée, non entêtante, agréable toute la journée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France :\u003c\/strong\u003e Élaboré artisanalement en Occitanie avec des ingrédients locaux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment utiliser votre déodorant Propolia ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eAppliquez le déodorant roll-on sur des aisselles propres et sèches, le matin ou après la douche.\u003c\/li\u003e\n\u003cli\u003eRenouvelez l’application en cas de besoin dans la journée.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003ePrécautions d’usage :\u003c\/strong\u003e Usage externe uniquement. Ne pas appliquer sur une peau lésée. Ne pas s’exposer au soleil après application. Déconseillé en usage régulier chez la femme enceinte ou allaitante.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComposition \u0026amp; ingrédients actifs (pour 50 ml)\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eEau florale d’hamamélis*\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eJus d’aloe vera*\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eMiel*\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ePropolis*\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eCristal d’alun (Potassium Alum)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuiles essentielles :\u003c\/strong\u003e Citron*, Mandarine*, Sauge*, Romarin*\u003c\/li\u003e\n\u003cli\u003eEt aussi : Glycérine végétale**, talc, bambou*, épaississant naturel, conservateurs doux\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cem\u003e69 % du total des ingrédients sont issus de l’agriculture biologique. 99 % sont d’origine naturelle.\u003cbr\u003eSans sels d’aluminium de synthèse. Sans parabens. Sans parfum artificiel.\u003c\/em\u003e\u003c\/p\u003e\n\u003cdetails\u003e\n\u003csummary\u003eListe INCI complète\u003c\/summary\u003e\n\u003cp\u003eAqua (water), hamamelis virginiana (witch hazel) leaf water*, aloe barbadensis leaf juice*, salvia officinalis (sage) leaf water*, glycerin**, mel (honey)*, potassium alum, xanthan gum, talc, bambusa vulgaris stem extract*, propolis cera*, rosmarinus officinalis (rosemary) leaf oil*, citrus limon (lemon) peel oil*, citrus nobilis (mandarin orange) peel oil*, salvia officinalis (sage) oil*, alcohol**, citric acid, benzyl alcohol, potassium sorbate, sodium benzoate, dehydroacetic acid, citral, geraniol, limonene, linalool.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eFoire aux questions sur le déodorant bio Propolia\u003c\/h2\u003e\n\u003cstyle\u003e details { background-color: rgba(255, 255, 255, 0.3); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; margin-bottom: 12px; padding: 12px 16px; transition: background-color 0.3s ease; } details[open] { background-color: rgba(255, 255, 255, 0.5); } summary { font-weight: 600; cursor: pointer; position: relative; padding-right: 20px; } summary::after { content: '›'; position: absolute; right: 0; top: 0; transform: rotate(0deg); transition: transform 0.3s ease; font-size: 16px; color: #555; } details[open] summary::after { transform: rotate(90deg); } summary::-webkit-details-marker { display: none; } \u003c\/style\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLe cristal d’alun est-il sans danger ?\u003c\/summary\u003e\n\u003cp\u003eOui, le cristal d’alun utilisé par Propolia est 100 % naturel. Il ne libère pas de sels d’aluminium de synthèse et n’obstrue pas les pores. Il convient aux peaux sensibles et est utilisé depuis des siècles comme déodorant naturel.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCe déodorant bloque-t-il la transpiration ?\u003c\/summary\u003e\n\u003cp\u003eNon, il limite l’humidité et les odeurs sans bloquer le processus naturel de transpiration. Il respecte l’équilibre de votre peau.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eConvient-il après le rasage ou l’épilation ?\u003c\/summary\u003e\n\u003cp\u003eOui, grâce au miel, à l’aloé vera et à l’hamamélis, il apaise la peau et aide à prévenir les irritations après le rasage.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eEst-il adapté aux femmes enceintes ?\u003c\/summary\u003e\n\u003cp\u003ePar précaution, son usage régulier n’est pas recommandé pendant la grossesse ou l’allaitement, en raison de la présence d’huiles essentielles.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le parfum du déodorant Propolia ?\u003c\/summary\u003e\n\u003cp\u003eUn parfum frais et léger, aux notes citronnées et végétales, obtenu uniquement par les huiles essentielles.\u003c\/p\u003e\n\u003c\/details\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":55202843066745,"sku":"AP0077","price":10.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant_bio_roll_on_propolia.webp?v=1749804486"},{"product_id":"deodorant-baume-solide-parfum-embrun-najel","title":"Déodorant Solide Baume bio \u0026 vegan - Embrun - Najel","description":"\u003cp\u003eDécouvrez le \u003cstrong\u003edéodorant baume solide au parfum Embrun\u003c\/strong\u003e de Najel, un soin efficace et naturel qui neutralise les mauvaises odeurs tout en respectant votre peau. Formulé à base d’ingrédients doux comme l’huile d’olive, le beurre de karité et l’argile blanche, il hydrate, purifie et assure une fraîcheur durable. Certifié Cosmos Organic, vegan et fabriqué en France, ce déodorant vous offre la protection dont vous avez besoin avec un impact minimal sur l’environnement.\u003c\/p\u003e\n\u003ch2\u003eIngrédients clés de ce déodorant et leurs bienfaits\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile d’olive :\u003c\/strong\u003e Hydrate, protège et apaise la peau grâce à sa richesse en antioxydants et vitamines.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArgile blanche (Kaolin) :\u003c\/strong\u003e Purifie et absorbe l’humidité sans irriter, pour une peau saine et sèche.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de karité :\u003c\/strong\u003e Nourrit en profondeur et apaise les irritations grâce à ses propriétés anti-inflammatoires.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de baies de laurier :\u003c\/strong\u003e Propriétés antibactériennes et antifongiques idéales pour neutraliser les odeurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoudre de tapioca :\u003c\/strong\u003e Adoucit la peau et renforce la sensation de fraîcheur tout au long de la journée.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eAvec 100 % d’ingrédients d’origine naturelle, ce baume assure protection, douceur, et fraîcheur marine tout au long de la journée.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePoids : 45 grammes.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch2\u003eConseil d'application\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eAprès la douche, séchez soigneusement vos aisselles.\u003c\/li\u003e\n\u003cli\u003ePrélevez une petite noisette de baume avec les doigts (environ la taille d’un pois).\u003c\/li\u003e\n\u003cli\u003eMassez délicatement le produit sous les aisselles jusqu’à absorption complète.\u003c\/li\u003e\n\u003cli\u003eAppliquez chaque matin pour une protection durable et un confort optimal.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003ePourquoi choisir le déodorant baume embrun de Najel ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eEfficacité :\u003c\/strong\u003e Neutralise les odeurs efficacement grâce à une formule enrichie en actifs naturels.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTexture agréable :\u003c\/strong\u003e Fondante et douce, elle s’applique facilement et sans laisser de résidus.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule responsable :\u003c\/strong\u003e Certifié Cosmos Organic, vegan et sans eau pour une empreinte écologique réduite.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France :\u003c\/strong\u003e Une qualité locale conjuguant modernité et respect de l’environnement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Olea 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\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e* Ingrédients issus de l’agriculture biologique | ** Transformés à partir d’ingrédients biologiques.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e100% des ingrédients sont d’origine naturelle, et \u003c\/strong\u003e\u003cstrong\u003e54% sont issus de l'agriculture biologique.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch2\u003ePrécautions d’usage\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003ePour usage externe uniquement.\u003c\/li\u003e\n\u003cli\u003eÀ conserver à l’abri de la chaleur et de l’humidité pour préserver la qualité du produit.\u003c\/li\u003e\n\u003cli\u003eÉvitez le contact avec les yeux.\u003c\/li\u003e\n\u003cli\u003eEffectuez un test cutané en cas de peau particulièrement sensible.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLe \u003cstrong\u003edéodorant baume solide à l'Embrun\u003c\/strong\u003e de Najel est la parfaite combinaison d’efficacité, de douceur et d’éco-responsabilité. Avec sa formulation naturelle et son parfum frais et marin, il protège durablement votre peau tout en respectant l’environnement. Une solution indispensable pour allier bien-être et éco-conscience.\u003c\/p\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.webp?v=1775998528"},{"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 avec la spatule fournie ou le 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 de la spatule en bois fournie ou 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, spatule en bois, é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 avec la spatule en bois fournie ou 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":"poudre-active-de-propolis-ballot-flurin","title":"Poudre active de Propolis noire \u0026 Argile Verte - 60g - Ballot-Flurin","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Poudre Active de Propolis noire \u0026 Argile Blanche - Ballot-Flurin\nPalette détectée:\n  - Primaire: #2C2C2C (noir profond du pot et du bandeau)\n  - Secondaire: #D4A54A (jaune doré\/miel de la poudre)\n  - Accent: #8B7355 (tons bruns naturels de la propolis)\n  - Cream: #F8F6F2 (fond crème de l'étiquette)\nAmbiance: Naturel\/apicole, authentique, minimaliste, premium artisanal français\nPréfixe CSS: pap\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Pourquoi choisir cette poudre de propolis et argile blanche ?\"\n  2. \"Composition détaillée : deux ingrédients, une synergie puissante\"\n  3. \"À qui s'adresse cette poudre active ?\"\n  4. \"Résultats prouvés par des tests indépendants\"\n  5. \"Comment utiliser la poudre de propolis au quotidien ?\"\n  6. \"Certifications et engagements qualité\"\n  7. \"Convient-elle aux peaux sensibles, aux enfants, aux femmes enceintes ?\"\n  8. \"Conseils de conservation\"\n  9. \"Un geste pour votre peau, un geste pour les abeilles\"\n  10. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"pap-premium\"\u003e\n\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"pap-hero\"\u003e\n    \u003cdiv class=\"pap-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pap-hero-content\"\u003e\n      \u003cdiv class=\"pap-badges-top\"\u003e\n        \u003cspan class=\"pap-badge\"\u003e🐝 Apiculture DOUCE®\u003c\/span\u003e\n        \u003cspan class=\"pap-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"pap-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pap-hero-title\"\u003ePoudre Active Propolis \u0026amp; Argile\u003c\/span\u003e\n      \u003cp class=\"pap-subtitle\"\u003eLa puissance de la ruche au service de votre peau\u003c\/p\u003e\n      \u003cp class=\"pap-description\"\u003eUn soin minimaliste à seulement 2 ingrédients pour purifier, matifier et absorber l'excès d'humidité. Visage, cuir chevelu, pieds, aisselles : une solution multi-usage certifiée COSMOS Natural.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"pap-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette poudre de propolis et argile blanche ?\u003c\/h2\u003e\n    \u003cp class=\"pap-section-intro\"\u003eDans un monde de cosmétiques surchargés, Ballot-Flurin fait le pari de la simplicité efficace avec seulement deux ingrédients d'exception.\u003c\/p\u003e\n    \u003cdiv class=\"pap-grid\"\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e✨ Formule minimaliste\u003c\/h3\u003e\n        \u003cp\u003eSeulement 2 ingrédients, sans conservateurs, sans parfums, sans agents de texture synthétiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e🏔️ Expertise pyrénéenne\u003c\/h3\u003e\n        \u003cp\u003eBallot-Flurin, entreprise familiale à Cauterets depuis plus de 40 ans d'expertise apicole\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e🐝 Apiculture DOUCE®\u003c\/h3\u003e\n        \u003cp\u003ePropolis récoltée selon une méthode respectueuse des abeilles préservant tous les principes actifs\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"pap-section\"\u003e\n    \u003ch2\u003eComposition détaillée : deux ingrédients, une synergie puissante\u003c\/h2\u003e\n    \u003cdiv class=\"pap-inci-box\"\u003e\n      \u003cp class=\"pap-inci\"\u003e\u003cstrong\u003eListe INCI :\u003c\/strong\u003e Kaolin, Propolis Extract*\u003c\/p\u003e\n      \u003cp class=\"pap-inci-note\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pap-grid\"\u003e\n      \u003cdiv class=\"pap-card pap-card-highlight\"\u003e\n        \u003ch3\u003e🖤 Propolis noire française bio\u003c\/h3\u003e\n        \u003cp\u003eRésine naturelle riche en polyphénols et flavonoïdes. Plus concentrée que la propolis brune classique, extraite par méthode douce brevetée sans solvant agressif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-card pap-card-highlight\"\u003e\n        \u003ch3\u003e🤍 Argile blanche ultra-fine (Kaolin)\u003c\/h3\u003e\n        \u003cp\u003eL'argile la plus douce qui existe. Absorbe le sébum, matifie naturellement, purifie en douceur sans irriter même les peaux sensibles et réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"pap-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse cette poudre active ?\u003c\/h2\u003e\n    \u003cdiv class=\"pap-grid-compact\"\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e💧 Peau mixte à grasse\u003c\/h3\u003e\n        \u003cp\u003eRéduit la brillance sans assécher\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e💇 Cuir chevelu gras\u003c\/h3\u003e\n        \u003cp\u003eEspace vos shampoings\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e👟 Transpiration pieds\u003c\/h3\u003e\n        \u003cp\u003eAbsorbe l'humidité excessive\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e🌸 Aisselles sensibles\u003c\/h3\u003e\n        \u003cp\u003eDéodorant sans aluminium\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e❤️ Zones irritées\u003c\/h3\u003e\n        \u003cp\u003eApaise rougeurs et irritations\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e🧴 Minimaliste\u003c\/h3\u003e\n        \u003cp\u003eLe moins d'ingrédients possible\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"pap-section\"\u003e\n    \u003ch2\u003eRésultats prouvés par des tests indépendants\u003c\/h2\u003e\n    \u003cp class=\"pap-section-intro\"\u003eTest d'usage indépendant mené sur 28 jours auprès de groupes d'adultes.\u003c\/p\u003e\n    \u003cdiv class=\"pap-grid\"\u003e\n      \u003cdiv class=\"pap-card pap-result-card\"\u003e\n        \u003cdiv class=\"pap-result-zone\"\u003e👣 Sur les pieds\u003c\/div\u003e\n        \u003cdiv class=\"pap-result-item\"\u003e\n\u003cspan class=\"pap-percent\"\u003e100%\u003c\/span\u003e réduction de l'humidité\u003c\/div\u003e\n        \u003cdiv class=\"pap-result-item\"\u003e\n\u003cspan class=\"pap-percent\"\u003e100%\u003c\/span\u003e peau apaisée\u003c\/div\u003e\n        \u003cdiv class=\"pap-result-item\"\u003e\n\u003cspan class=\"pap-percent\"\u003e93,8%\u003c\/span\u003e peau réparée\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-card pap-result-card\"\u003e\n        \u003cdiv class=\"pap-result-zone\"\u003e😊 Sur le visage\u003c\/div\u003e\n        \u003cdiv class=\"pap-result-item\"\u003e\n\u003cspan class=\"pap-percent\"\u003e100%\u003c\/span\u003e diminution des rougeurs\u003c\/div\u003e\n        \u003cdiv class=\"pap-result-item\"\u003e\n\u003cspan class=\"pap-percent\"\u003e94%\u003c\/span\u003e teint plus sain\u003c\/div\u003e\n        \u003cdiv class=\"pap-result-item\"\u003e\n\u003cspan class=\"pap-percent\"\u003e88,2%\u003c\/span\u003e peau moins brillante\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-card pap-result-card\"\u003e\n        \u003cdiv class=\"pap-result-zone\"\u003e💆 Sur le cuir chevelu\u003c\/div\u003e\n        \u003cdiv class=\"pap-result-item\"\u003e\n\u003cspan class=\"pap-percent\"\u003e93%\u003c\/span\u003e cuir chevelu apaisé\u003c\/div\u003e\n        \u003cdiv class=\"pap-result-item\"\u003e\n\u003cspan class=\"pap-percent\"\u003e87%\u003c\/span\u003e shampoings espacés\u003c\/div\u003e\n        \u003cdiv class=\"pap-result-item\"\u003e\n\u003cspan class=\"pap-percent\"\u003e75%\u003c\/span\u003e cheveux plus doux\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"pap-section\"\u003e\n    \u003ch2\u003eComment utiliser la poudre de propolis au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"pap-timeline\"\u003e\n      \u003cdiv class=\"pap-timeline-item\"\u003e\n        \u003cdiv class=\"pap-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pap-timeline-content\"\u003e\n          \u003ch3\u003eApplication directe sur la peau\u003c\/h3\u003e\n          \u003cp\u003eSaupoudrez sur visage, pieds, aisselles ou plis cutanés. Étalez avec le doigt ou un pinceau kabuki pour une action matifiante immédiate.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-timeline-item\"\u003e\n        \u003cdiv class=\"pap-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pap-timeline-content\"\u003e\n          \u003ch3\u003eMasque purifiant visage\u003c\/h3\u003e\n          \u003cp\u003eMélangez 1 volume de poudre + 1 volume d'eau ou d'hydrolat. Appliquez 10 à 20 minutes puis rincez. Peau purifiée et teint lumineux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-timeline-item\"\u003e\n        \u003cdiv class=\"pap-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pap-timeline-content\"\u003e\n          \u003ch3\u003eDéodorant naturel\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur aisselles propres et sèches. L'argile absorbe l'humidité, la propolis purifie naturellement sans irriter.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-timeline-item\"\u003e\n        \u003cdiv class=\"pap-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"pap-timeline-content\"\u003e\n          \u003ch3\u003eShampoing sec\u003c\/h3\u003e\n          \u003cp\u003eSaupoudrez sur racines grasses, massez 2-5 minutes puis brossez. Vos cheveux retrouvent volume et fraîcheur instantanément.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-timeline-item\"\u003e\n        \u003cdiv class=\"pap-timeline-number\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"pap-timeline-content\"\u003e\n          \u003ch3\u003eAssainir les chaussures\u003c\/h3\u003e\n          \u003cp\u003eVersez ½ cuillère dans chaque chaussure, laissez agir toute la nuit. Idéal pour chaussures de sport ou portées sans chaussettes.\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=\"pap-section\"\u003e\n    \u003ch2\u003eCertifications et engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"pap-grid-compact\"\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-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=\"pap-card\"\u003e\n        \u003ch3\u003e🦴 Label Paleo\u003c\/h3\u003e\n        \u003cp\u003eMode de vie naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e🐝 Apiculture DOUCE®\u003c\/h3\u003e\n        \u003cp\u003eRespect des abeilles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eCauterets, Hautes-Pyrénées\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e🔬 Testé dermato\u003c\/h3\u003e\n        \u003cp\u003eSous contrôle dermatologique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"pap-section\"\u003e\n    \u003ch2\u003eConvient-elle aux peaux sensibles, aux enfants, aux femmes enceintes ?\u003c\/h2\u003e\n    \u003cdiv class=\"pap-testimonial\"\u003e\n      \u003cp class=\"pap-testimonial-text\"\u003eGrâce à sa formule ultra-douce et à l'absence totale d'huiles essentielles, cette poudre active convient aux femmes enceintes et allaitantes. Elle peut également être utilisée sur les enfants à partir de 36 mois.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pap-tip\"\u003e\n      \u003cspan class=\"pap-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003eSi vous avez une allergie connue aux produits de la ruche (miel, propolis, pollen, gelée royale), effectuez un test cutané au creux du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 --\u003e\n  \u003csection class=\"pap-section\"\u003e\n    \u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n    \u003cdiv class=\"pap-grid\"\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e🔒 Pot bien fermé\u003c\/h3\u003e\n        \u003cp\u003eRefermez soigneusement après chaque utilisation pour préserver la qualité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e🌡️ À l'abri de la chaleur\u003c\/h3\u003e\n        \u003cp\u003eStockez dans un endroit frais et sec, loin des sources de chaleur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pap-card\"\u003e\n        \u003ch3\u003e💧 Éviter l'humidité\u003c\/h3\u003e\n        \u003cp\u003eNe touchez pas la poudre avec des mains mouillées pour ne pas altérer la texture\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 9 --\u003e\n  \u003csection class=\"pap-section\"\u003e\n    \u003ch2\u003eUn geste pour votre peau, un geste pour les abeilles\u003c\/h2\u003e\n    \u003cdiv class=\"pap-cta-box\"\u003e\n      \u003cp\u003eEn choisissant Ballot-Flurin, vous soutenez une apiculture engagée et solidaire. L'entreprise reverse une partie de ses bénéfices à des programmes de préservation des abeilles et accompagne des apiculteurs locaux. Chaque pot est le fruit d'un savoir-faire artisanal et d'une vision durable de l'apiculture française. 🐝\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 10 --\u003e\n  \u003csection class=\"pap-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"pap-accordion\"\u003e\n      \u003cdetails class=\"pap-accordion-item\"\u003e\n        \u003csummary class=\"pap-accordion-header\"\u003e📋 Usage externe uniquement\u003c\/summary\u003e\n        \u003cdiv class=\"pap-accordion-content\"\u003e\n          \u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. Ne pas ingérer.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pap-accordion-item\"\u003e\n        \u003csummary class=\"pap-accordion-header\"\u003e⚠️ En cas de réaction\u003c\/summary\u003e\n        \u003cdiv class=\"pap-accordion-content\"\u003e\n          \u003cp\u003eEn 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      \u003cdetails class=\"pap-accordion-item\"\u003e\n        \u003csummary class=\"pap-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"pap-accordion-content\"\u003e\n          \u003cp\u003eCe soin ne remplace pas un traitement médical en cas de pathologie cutanée avérée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pap-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique n'est pas un médicament.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pap-cream: #F8F6F2;\n  --pap-white: #ffffff;\n  --pap-primary: #2C2C2C;\n  --pap-primary-dark: #1a1a1a;\n  --pap-primary-light: #f5f3ef;\n  --pap-secondary: #D4A54A;\n  --pap-accent: #8B7355;\n  --pap-text: #1a1a1a;\n  --pap-text-light: #5a5a5a;\n  --pap-border: #e0e0e0;\n  --pap-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --pap-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --pap-radius: 20px;\n  --pap-radius-sm: 12px;\n}\n\n.pap-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pap-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pap-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2C2C2C 0%, #3d3d3d 40%, #D4A54A 100%);\n  border-radius: var(--pap-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(--pap-shadow-lg);\n}\n\n.pap-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 5L35 15L45 15L37 22L40 32L30 26L20 32L23 22L15 15L25 15Z' fill='%23D4A54A' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .15;\n}\n\n.pap-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pap-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pap-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(--pap-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pap-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pap-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.pap-subtitle {\n  color: var(--pap-secondary);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.pap-hero .pap-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.pap-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pap-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pap-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.pap-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(--pap-secondary), var(--pap-accent));\n  border-radius: 2px;\n}\n\n.pap-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pap-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === GRILLES === *\/\n.pap-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pap-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.pap-card {\n  background: var(--pap-white);\n  border-radius: var(--pap-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pap-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pap-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pap-shadow-lg);\n  border-color: var(--pap-secondary);\n}\n\n.pap-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pap-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pap-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pap-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pap-card-highlight {\n  border-left: 4px solid var(--pap-secondary);\n  text-align: left;\n}\n\n.pap-grid-compact .pap-card {\n  padding: 1rem;\n}\n\n.pap-grid-compact .pap-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pap-grid-compact .pap-card p {\n  font-size: 12px;\n}\n\n\/* === INCI BOX === *\/\n.pap-inci-box {\n  background: var(--pap-primary);\n  color: white;\n  border-radius: var(--pap-radius-sm);\n  padding: 1.25rem 1.5rem;\n  text-align: center;\n  margin-bottom: 1.5rem;\n}\n\n.pap-inci {\n  font-size: 15px;\n  margin: 0;\n}\n\n.pap-inci-note {\n  font-size: 13px;\n  opacity: .8;\n  margin: .5rem 0 0 0;\n  font-style: italic;\n}\n\n\/* === RESULT CARDS === *\/\n.pap-result-card {\n  text-align: left;\n}\n\n.pap-result-zone {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--pap-primary-dark);\n  margin-bottom: 1rem;\n  padding-bottom: .75rem;\n  border-bottom: 2px solid var(--pap-secondary);\n}\n\n.pap-result-item {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  margin-bottom: .5rem;\n  font-size: 14px;\n  color: var(--pap-text-light);\n}\n\n.pap-percent {\n  font-size: 18px;\n  font-weight: 900;\n  color: var(--pap-secondary);\n  min-width: 60px;\n}\n\n\/* === TIMELINE === *\/\n.pap-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pap-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pap-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pap-primary), var(--pap-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.pap-timeline-content {\n  flex: 1;\n  background: var(--pap-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pap-radius-sm);\n  box-shadow: var(--pap-shadow);\n}\n\n.pap-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pap-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pap-timeline-content p {\n  font-size: 14px;\n  color: var(--pap-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pap-testimonial {\n  background: var(--pap-white);\n  border-radius: var(--pap-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pap-shadow);\n  border-left: 4px solid var(--pap-secondary);\n  margin-bottom: 1rem;\n}\n\n.pap-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pap-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pap-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: #FFF8E7;\n  border-radius: var(--pap-radius-sm);\n  padding: 1rem 1.25rem;\n  border: 1px solid var(--pap-secondary);\n}\n\n.pap-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pap-tip p {\n  font-size: 14px;\n  color: var(--pap-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA BOX === *\/\n.pap-cta-box {\n  background: linear-gradient(135deg, var(--pap-primary) 0%, #4a4a4a 100%);\n  border-radius: var(--pap-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.pap-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.pap-accordion {\n  background: var(--pap-white);\n  border-radius: var(--pap-radius);\n  box-shadow: var(--pap-shadow);\n  overflow: hidden;\n}\n\n.pap-accordion-item {\n  border-bottom: 1px solid var(--pap-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pap-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pap-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pap-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.pap-accordion-header:hover {\n  background: var(--pap-primary-light);\n}\n\n.pap-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pap-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pap-secondary);\n  transition: transform .2s ease;\n}\n\n.pap-accordion-item[open] .pap-accordion-header::after {\n  content: '−';\n}\n\n.pap-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pap-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pap-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pap-disclaimer {\n  font-size: 12px;\n  color: var(--pap-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .pap-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .pap-card {\n    padding: 1.125rem;\n  }\n  \n  .pap-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .pap-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pap-radius-sm);\n  }\n  \n  .pap-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .pap-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .pap-grid-compact {\n    gap: .625rem;\n  }\n  \n  .pap-grid-compact .pap-card {\n    padding: .75rem;\n  }\n  \n  .pap-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .pap-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .pap-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .pap-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .pap-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .pap-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .pap-testimonial {\n    padding: 1.25rem;\n  }\n  \n  .pap-testimonial-text {\n    font-size: 14px;\n  }\n  \n  .pap-result-zone {\n    font-size: 16px;\n  }\n  \n  .pap-percent {\n    font-size: 16px;\n  }\n  \n  .pap-result-item {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pap-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .pap-card:nth-child(1) { animation-delay: .05s; }\n  .pap-card:nth-child(2) { animation-delay: .1s; }\n  .pap-card:nth-child(3) { animation-delay: .15s; }\n  .pap-card:nth-child(4) { animation-delay: .2s; }\n  .pap-card:nth-child(5) { animation-delay: .25s; }\n  .pap-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  .pap-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"BALLOT-FLURIN","offers":[{"title":"Default Title","offer_id":55701599748473,"sku":"POUDREPROPOLISBALLOTFLURIN","price":26.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-active-propolis-ballot-flurin-min.jpg?v=1756299441"},{"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\"\u003eDéodorant Stick Rechargeable Rose-Framboise\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(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.endro-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(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.webp?v=1775836161"},{"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\/endro-deodorant-stick-rose-framboise-50g-recharge_11zon.jpg?v=1759679300"},{"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":"deodorant-solide-vanille-50-g-pimpant","title":"Déodorant Solide Vanille - 50 g - Pimpant","description":"\u003cdiv class=\"pmp-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\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🌿 100% origine naturelle\u003c\/span\u003e\n        \u003cspan class=\"pmp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"pmp-badge\"\u003e⏱️ Efficacité 24h\u003c\/span\u003e\n        \u003cspan class=\"pmp-badge\"\u003e🏆 100\/100 Yuka\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pmp-hero-title\"\u003eDéodorant solide vanille Pimpant\u003c\/span\u003e\n      \u003cp class=\"pmp-subtitle\"\u003e50 g · Certifié Bio COSMOS Organic\u003c\/p\u003e\n      \u003cp class=\"pmp-description\"\u003eUne protection naturelle 24h dans un emballage zéro plastique. Le déodorant qui prend soin de vos aisselles, de votre santé et de la planète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"pmp-section\"\u003e\n    \u003ch2\u003eDéodorant solide vanille Pimpant : une protection naturelle 24h, certifiée bio\u003c\/h2\u003e\n    \u003cp class=\"pmp-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui prend soin de vos aisselles sans compromis ? Le \u003cstrong\u003edéodorant solide vanille Pimpant\u003c\/strong\u003e coche toutes les cases : une formule \u003cstrong\u003e100% d'origine naturelle\u003c\/strong\u003e, certifiée bio, fabriquée en France, et une efficacité prouvée pendant 24 heures. Le tout dans un emballage entièrement en carton, sans plastique. Difficile de faire mieux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"pmp-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce déodorant naturel ?\u003c\/h2\u003e\n    \u003cp class=\"pmp-section-intro\"\u003eCe n'est pas un énième \u003cstrong\u003edéodorant solide\u003c\/strong\u003e qui promet beaucoup et déçoit à la première journée chargée. La formule Pimpant a obtenu la \u003cstrong\u003enote de 100\/100 sur Yuka\u003c\/strong\u003e et \u003cstrong\u003e20\/20 sur INCI Beauty\u003c\/strong\u003e, ce qui en dit long sur la qualité de sa composition.\u003c\/p\u003e\n    \u003cdiv class=\"pmp-grid\"\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e⏱️ Efficacité 24h\u003c\/h3\u003e\n        \u003cp\u003eProtection contre les mauvaises odeurs dès la première application, toute la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e👕 Aucune trace blanche\u003c\/h3\u003e\n        \u003cp\u003eFinis les halos disgracieux sur vos vêtements, même sur les tissus foncés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e🚫 Sans sels d'aluminium\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient controversé. Une formule saine et transparente.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eConvient aux peaux les plus délicates, utilisable dès 10 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e🍦 Parfum vanille\u003c\/h3\u003e\n        \u003cp\u003eUn parfum doux et exotique, 100% d'origine naturelle. Subtil et jamais entêtant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e💧 Pas un anti-transpirant\u003c\/h3\u003e\n        \u003cp\u003eLaisse votre corps transpirer naturellement tout en neutralisant efficacement les odeurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"pmp-section\"\u003e\n    \u003ch2\u003eUne composition bio irréprochable\u003c\/h2\u003e\n    \u003cp class=\"pmp-section-intro\"\u003eChaque ingrédient a été sélectionné pour son utilité réelle. Pas de remplissage, pas de superflu. L'ensemble est \u003cstrong\u003ecertifié COSMOS Organic par Ecocert\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"pmp-grid\"\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eHelianthus Annuus\u003c\/em\u003e - nourrit et protège la peau en douceur au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e🌽 Amidon de maïs bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eZea Mays\u003c\/em\u003e - absorbe naturellement la transpiration sans obstruer les pores.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e🌰 Huile d'amande douce bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003ePrunus Amygdalus Dulcis\u003c\/em\u003e - adoucit les peaux les plus sensibles et réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e🧪 Hydroxyde de magnésium\u003c\/h3\u003e\n        \u003cp\u003eNeutralise les bactéries responsables des odeurs. L'actif clé de cette formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e🍦 Parfum vanille naturel\u003c\/h3\u003e\n        \u003cp\u003e100% d'origine naturelle, pour une note gourmande douce et enveloppante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e🧬 Autres actifs\u003c\/h3\u003e\n        \u003cp\u003eStearyl Alcohol, Caprylic\/Capric Triglyceride, Triethyl Citrate, Hydrogenated Castor Oil, Magnesium Carbonate Hydroxide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"pmp-section\"\u003e\n    \u003ch2\u003eComment utiliser votre déodorant solide Pimpant ?\u003c\/h2\u003e\n    \u003cp class=\"pmp-section-intro\"\u003eLe format \u003cstrong\u003epousse-pousse en carton\u003c\/strong\u003e est aussi simple qu'ingénieux :\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\u003eAisselles propres et sèches\u003c\/h3\u003e\n          \u003cp\u003eAppliquez de préférence après la douche sur une peau bien sèche pour une efficacité optimale.\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\u003ePoussez le fond du tube\u003c\/h3\u003e\n          \u003cp\u003eAvec le doigt, faites remonter le stick en carton pour libérer la quantité nécessaire.\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\u003e2 à 3 passages par aisselle\u003c\/h3\u003e\n          \u003cp\u003eC'est amplement suffisant. Inutile d'en mettre davantage, la formule est concentrée.\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\u003eConservez au frais et au sec\u003c\/h3\u003e\n          \u003cp\u003eGardez votre stick dans un endroit frais et sec pour préserver sa texture idéale.\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\u003e\u003cstrong\u003eAstuce en hiver :\u003c\/strong\u003e si la texture vous semble un peu ferme, réchauffez légèrement le stick entre vos doigts quelques secondes avant l'application. Il fondra parfaitement sur la peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"pmp-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce déodorant ?\u003c\/h2\u003e\n    \u003cdiv class=\"pmp-grid-compact\"\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e👩 Femmes\u003c\/h3\u003e\n        \u003cp\u003eUn parfum vanille gourmand et délicat au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e👨 Hommes\u003c\/h3\u003e\n        \u003cp\u003eSubtil et discret, il ne s'impose jamais. Parfait pour un homme.\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\u003eFormulé pour les peaux jeunes et sensibles, sans ingrédient agressif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e📅 ~2 mois d'utilisation\u003c\/h3\u003e\n        \u003cp\u003eLe stick de 50 g dure environ deux mois selon votre fréquence d'application.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"pmp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eDes engagements concrets\u003c\/h2\u003e\n    \u003cdiv class=\"pmp-grid-compact\"\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduit en Normandie, avec des ingrédients sourcés responsablement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e📦 Emballage 100% carton\u003c\/h3\u003e\n        \u003cp\u003eZéro plastique. Un packaging pensé pour réduire son impact environnemental.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient d'origine animale, respectueuse du vivant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eUne démarche globale pour une cosmétique plus propre et durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pmp-cta-box\"\u003e\n      \u003cp\u003e🍦 Adoptez une routine fraîcheur naturelle avec le déodorant solide vanille Pimpant - votre peau et la planète vous remercient !\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pmp-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas d'irritation ou de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pmp-cream: #FFF9F0;\n  --pmp-white: #ffffff;\n  --pmp-primary: #F5C732;\n  --pmp-primary-dark: #C49A1A;\n  --pmp-primary-light: #FFF6DB;\n  --pmp-secondary: #E8A020;\n  --pmp-accent: #6B8E3A;\n  --pmp-text: #1a1a1a;\n  --pmp-text-light: #5a5a5a;\n  --pmp-border: #e8e0d4;\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\/* === HERO === *\/\n.pmp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #F5C732 0%, #E8A020 50%, #C49A1A 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,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.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,.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.pmp-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.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-secondary));\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: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\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\/* === TIMELINE === *\/\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 3px 12px rgba(245,199,50,.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\/* === TIP === *\/\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\/* === CTA === *\/\n.pmp-cta-box {\n  background: linear-gradient(135deg, var(--pmp-primary) 0%, var(--pmp-primary-dark) 100%);\n  border-radius: var(--pmp-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.pmp-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.pmp-disclaimer {\n  font-size: 12px;\n  color: var(--pmp-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\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\n\/* === ANIMATIONS === *\/\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":56771795452281,"sku":"NBAIPIM0015","price":9.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-vanille-50-g-pimpant-lifestyle.webp?v=1772525724"},{"product_id":"deodorant-solide-grenade-50-g-pimpant","title":"Déodorant Solide Grenade - 50 g - Pimpant","description":"\u003cdiv class=\"pim-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pim-hero\"\u003e\n\u003cdiv class=\"pim-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pim-hero-content\"\u003e\n\u003cdiv class=\"pim-badges-top\"\u003e\n\u003cspan class=\"pim-badge\"\u003e🌿 100% d'origine naturelle\u003c\/span\u003e \u003cspan class=\"pim-badge\"\u003e🇫🇷 Fabriqué en Normandie\u003c\/span\u003e \u003cspan class=\"pim-badge\"\u003e⏱️ Efficacité 24h\u003c\/span\u003e \u003cspan class=\"pim-badge\"\u003e🏆 Yuka 100\/100\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pim-hero-title\"\u003eDéodorant Solide Grenade\u003c\/span\u003e\n\u003cp class=\"pim-subtitle\"\u003ePimpant - 50 g\u003c\/p\u003e\n\u003cp class=\"pim-description\"\u003eUn déodorant stick bio, certifié COSMOS Organic, à la délicieuse senteur de grenade. Zéro plastique, zéro compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"pim-section\"\u003e\n\u003ch2\u003eDéodorant solide bio à la grenade Pimpant : une fraîcheur naturelle qui dure 24h\u003c\/h2\u003e\n\u003cp class=\"pim-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant solide naturel\u003c\/strong\u003e vraiment efficace, sans compromis sur la composition ?\u003c\/p\u003e\n\u003cdiv class=\"pim-grid-compact\"\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n\u003cp\u003eFormule certifiée bio, sans aucun ingrédient de synthèse controversé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e⏱️ 24h d'efficacité\u003c\/h3\u003e\n\u003cp\u003eProtection prouvée contre les odeurs dès la première application\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e🍈 Senteur grenade\u003c\/h3\u003e\n\u003cp\u003eUn parfum frais et légèrement fruité, fabriqué en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e🏭 Made in Normandie\u003c\/h3\u003e\n\u003cp\u003eEntièrement conçu et fabriqué en France, en Normandie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"pim-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce déodorant solide bio ?\u003c\/h2\u003e\n\u003cdiv class=\"pim-grid\"\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e🚫 Sans sels d'aluminium\u003c\/h3\u003e\n\u003cp\u003eContrairement aux déodorants conventionnels, cette formule laisse votre peau respirer librement, sans bloquer la transpiration naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e🧲 Hydroxyde de magnésium\u003c\/h3\u003e\n\u003cp\u003eNeutralise efficacement les odeurs tout au long de la journée, sans agresser les peaux même les plus sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e🌽 Amidon de maïs bio\u003c\/h3\u003e\n\u003cp\u003eAbsorbe naturellement l'humidité et la transpiration pour une sensation de confort immédiate et durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-tip\"\u003e\n\u003cspan class=\"pim-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e un déodorant solide bio qui vous protège pendant \u003cstrong\u003e24 heures dès la première application\u003c\/strong\u003e, sans laisser de traces blanches sur vos vêtements. Sa texture fondante sèche rapidement et convient même aux \u003cstrong\u003epeaux sensibles\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"pim-section\"\u003e\n\u003ch2\u003eUne composition irréprochable notée 100\/100 sur Yuka\u003c\/h2\u003e\n\u003cp class=\"pim-section-intro\"\u003eCe n'est pas un hasard si ce déodorant obtient la \u003cstrong\u003enote maximale de 100\/100 sur Yuka\u003c\/strong\u003e et \u003cstrong\u003e20\/20 sur INCI Beauty\u003c\/strong\u003e. Chaque ingrédient a été sélectionné avec soin.\u003c\/p\u003e\n\u003cdiv class=\"pim-grid\"\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n\u003cp\u003eNourrit et protège la peau des aisselles en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e🌽 Amidon de maïs bio\u003c\/h3\u003e\n\u003cp\u003eAbsorbe l'humidité naturellement pour un confort longue durée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e🧲 Hydroxyde de magnésium\u003c\/h3\u003e\n\u003cp\u003eNeutralise les mauvaises odeurs sans agresser votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e🌸 Huile d'amande douce bio\u003c\/h3\u003e\n\u003cp\u003eAdoucit et apaise les peaux les plus délicates et réactives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e🥥 Triglycéride caprylique\/caprique\u003c\/h3\u003e\n\u003cp\u003eIssu de l'huile de coco, assure une glisse agréable à l'application\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e🫧 Huile de ricin hydrogénée\u003c\/h3\u003e\n\u003cp\u003eStabilise la texture solide du produit pour un stick parfait\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"pim-accordion\"\u003e\n\u003cdetails class=\"pim-accordion-item\"\u003e\n\u003csummary class=\"pim-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"pim-accordion-content mt-3\"\u003e\n\u003cp\u003eHelianthus Annuus Hybrid Oil*, Zea Mays Corn Starch*, Stearyl Alcohol, Magnesium Hydroxide, Caprylic\/Capric Triglyceride, Prunus Amygdalus Dulcis Oil*, Triethyl Citrate, Hydrogenated Castor Oil, Magnesium Carbonate Hydroxide, Fragrance. (*ingrédients issus de l'agriculture biologique)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"pim-section\"\u003e\n\u003ch2\u003eComment utiliser ce déodorant stick naturel ?\u003c\/h2\u003e\n\u003cdiv class=\"pim-timeline\"\u003e\n\u003cdiv class=\"pim-timeline-item\"\u003e\n\u003cdiv class=\"pim-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pim-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 pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-timeline-item\"\u003e\n\u003cdiv class=\"pim-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pim-timeline-content\"\u003e\n\u003ch3\u003eFaites monter le stick\u003c\/h3\u003e\n\u003cp\u003ePoussez le fond du tube en carton avec votre doigt pour faire monter le déodorant solide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-timeline-item\"\u003e\n\u003cdiv class=\"pim-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pim-timeline-content\"\u003e\n\u003ch3\u003eAppliquez directement\u003c\/h3\u003e\n\u003cp\u003eGlissez le stick sous chaque aisselle. La texture fondante sèche en quelques secondes, sans traces blanches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-tip\"\u003e\n\u003cspan class=\"pim-tip-icon\"\u003e👨👩👧\u003c\/span\u003e\n\u003cp\u003eAdapté aux \u003cstrong\u003eadultes et enfants dès 10 ans\u003c\/strong\u003e. Conservez dans un endroit frais et sec, et utilisez dans les \u003cstrong\u003e11 mois après ouverture\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"pim-section\"\u003e\n\u003ch2\u003eUn engagement écologique jusqu'au bout\u003c\/h2\u003e\n\u003cdiv class=\"pim-grid-compact\"\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e📦 Emballage carton\u003c\/h3\u003e\n\u003cp\u003e100% carton recyclable, sans plastique superflu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e🌍 Certifié COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eLabellisé par Ecocert, gage d'exigence bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eEntièrement conçu en Normandie, circuit court\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pim-card\"\u003e\n\u003ch3\u003e♻️ Zéro déchet plastique\u003c\/h3\u003e\n\u003cp\u003eUn choix cohérent pour réduire votre empreinte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"pim-section\"\u003e\n\u003ch2\u003eEn résumé\u003c\/h2\u003e\n\u003cdiv class=\"pim-cta-box\"\u003e\n\u003cp\u003e🍈 Stick solide de \u003cstrong\u003e50 g\u003c\/strong\u003e en tube carton\u003cbr\u003e⏱️ \u003cstrong\u003e24h\u003c\/strong\u003e de protection contre les odeurs\u003cbr\u003e🏆 Yuka \u003cstrong\u003e100\/100\u003c\/strong\u003e - INCI Beauty \u003cstrong\u003e20\/20\u003c\/strong\u003e\u003cbr\u003e🌿 Certifié \u003cstrong\u003eCOSMOS Organic\u003c\/strong\u003e (Ecocert)\u003cbr\u003e🚫 \u003cstrong\u003eSans\u003c\/strong\u003e sels d'aluminium, sans plastique\u003cbr\u003e🇫🇷 Fabriqué en \u003cstrong\u003eNormandie, France\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pim-disclaimer\"\u003eCe produit cosmétique n'est pas un médicament et ne remplace en aucun cas un avis médical. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --pim-cream: #faf6f3;\n  --pim-white: #ffffff;\n  --pim-primary: #c4365a;\n  --pim-primary-dark: #8e1e3a;\n  --pim-primary-light: #fdf0f3;\n  --pim-secondary: #e8637a;\n  --pim-accent: #d4a054;\n  --pim-text: #1a1a1a;\n  --pim-text-light: #5a5a5a;\n  --pim-border: #eddfdf;\n  --pim-shadow: 0 4px 24px rgba(196,54,90,.08);\n  --pim-shadow-lg: 0 12px 48px rgba(142,30,58,.15);\n  --pim-radius: 20px;\n  --pim-radius-sm: 12px;\n}\n\n.pim-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pim-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pim-hero {\n  position: relative;\n  background: linear-gradient(135deg, #c4365a 0%, #e8637a 50%, #d4a054 100%);\n  border-radius: var(--pim-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(--pim-shadow-lg);\n}\n\n.pim-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.pim-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pim-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.pim-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.pim-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 560px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pim-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pim-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(--pim-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pim-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pim-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pim-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pim-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.pim-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(--pim-primary), var(--pim-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pim-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pim-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.pim-card {\n  background: var(--pim-white);\n  border-radius: var(--pim-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pim-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pim-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pim-shadow-lg);\n  border-color: var(--pim-primary);\n}\n\n.pim-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pim-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pim-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pim-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pim-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pim-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pim-grid-compact .pim-card {\n  padding: 1rem;\n}\n\n.pim-grid-compact .pim-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pim-grid-compact .pim-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pim-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pim-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pim-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pim-primary), var(--pim-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.pim-timeline-content {\n  flex: 1;\n  background: var(--pim-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pim-radius-sm);\n  box-shadow: var(--pim-shadow);\n}\n\n.pim-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pim-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pim-timeline-content p {\n  font-size: 14px;\n  color: var(--pim-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pim-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pim-primary-light);\n  border-radius: var(--pim-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.pim-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pim-tip p {\n  font-size: 14px;\n  color: var(--pim-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.pim-accordion {\n  background: var(--pim-white);\n  border-radius: var(--pim-radius);\n  box-shadow: var(--pim-shadow);\n  overflow: hidden;\n}\n\n.pim-accordion-item {\n  border-bottom: 1px solid var(--pim-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pim-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pim-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pim-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.pim-accordion-header:hover {\n  background: var(--pim-primary-light);\n}\n\n.pim-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pim-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pim-primary);\n  transition: transform .2s ease;\n}\n\n.pim-accordion-item[open] .pim-accordion-header::after {\n  content: '−';\n}\n\n.pim-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pim-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pim-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.pim-cta-box {\n  background: linear-gradient(135deg, var(--pim-primary) 0%, var(--pim-primary-dark) 100%);\n  border-radius: var(--pim-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.pim-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.9;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pim-disclaimer {\n  font-size: 12px;\n  color: var(--pim-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  .pim-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .pim-card {\n    padding: 1.125rem;\n  }\n\n  .pim-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .pim-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pim-radius-sm);\n  }\n\n  .pim-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .pim-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .pim-grid-compact {\n    gap: .625rem;\n  }\n\n  .pim-grid-compact .pim-card {\n    padding: .75rem;\n  }\n\n  .pim-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .pim-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .pim-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .pim-timeline-content p {\n    font-size: 13px;\n  }\n\n  .pim-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .pim-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pim-card {\n    animation: pimFadeInUp .5s ease backwards;\n  }\n  .pim-card:nth-child(1) { animation-delay: .05s; }\n  .pim-card:nth-child(2) { animation-delay: .1s; }\n  .pim-card:nth-child(3) { animation-delay: .15s; }\n  .pim-card:nth-child(4) { animation-delay: .2s; }\n  .pim-card:nth-child(5) { animation-delay: .25s; }\n  .pim-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pimFadeInUp {\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  .pim-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":56771818914169,"sku":"NBAIPIM0095","price":9.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-grenade-50-g-pimpant-lifestyle_2c40cc20-45ad-44b1-9560-cd2d89cd73d3.webp?v=1772527217"},{"product_id":"deodorant-solide-menthe-eucalyptus-50-g-pimpant","title":"Déodorant Solide Menthe \u0026 Eucalyptus - 50 g - 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🌿 Certifié Bio Ecocert\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriqué en Normandie\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e⏱️ Efficacité 24h\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e⭐ Yuka 86\/100\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pp-hero-title\"\u003eDéodorant Solide Menthe \u0026amp; Eucalyptus\u003c\/span\u003e\n\u003cp class=\"pp-subtitle\"\u003ePimpant - 50 g\u003c\/p\u003e\n\u003cp class=\"pp-description\"\u003eUn déodorant solide bio, 100% d'origine naturelle, sans sel d'aluminium. Fraîcheur vivifiante menthe-eucalyptus qui neutralise les odeurs pendant 24 heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eDéodorant solide bio Menthe \u0026amp; Eucalyptus Pimpant : fraîcheur naturelle 24h\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant solide naturel\u003c\/strong\u003e vraiment efficace, respectueux de votre peau et de la planète ? Le déodorant solide Menthe \u0026amp; Eucalyptus de \u003cstrong\u003ePimpant\u003c\/strong\u003e coche toutes les cases.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle, certifié COSMOS Organic par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🕐 24h d'efficacité\u003c\/h3\u003e\n\u003cp\u003eNeutralise les odeurs dès la première application, toute la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🍃 Menthe \u0026amp; eucalyptus\u003c\/h3\u003e\n\u003cp\u003eUn parfum frais et vivifiant qui vous accompagne avec légèreté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🏡 Made in Normandie\u003c\/h3\u003e\n\u003cp\u003eFormulé et fabriqué en France, en Normandie, avec soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce déodorant solide bio ?\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eContrairement à de nombreux déodorants conventionnels, cette formule est élaborée \u003cstrong\u003esans sel d'aluminium\u003c\/strong\u003e, sans emballage plastique à usage unique et sans compromis sur l'efficacité.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🛡️ Efficacité prouvée 24h\u003c\/h3\u003e\n\u003cp\u003eNeutralise les mauvaises odeurs et absorbe l'humidité durablement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e✨ Texture fondante\u003c\/h3\u003e\n\u003cp\u003eS'applique facilement, sèche rapidement, ne laisse aucune trace blanche sur les vêtements\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n\u003cp\u003e100% des ingrédients sont issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eÉlaboré et produit en Normandie avec des matières premières rigoureusement sélectionnées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e⭐ Yuka 86\/100\u003c\/h3\u003e\n\u003cp\u003eUne note excellente, gage de transparence et de qualité pour votre santé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🚫 Sans aluminium\u003c\/h3\u003e\n\u003cp\u003eAucun sel d'aluminium ni ingrédient controversé dans la formule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eCe déodorant solide bio de 50 g mise sur des actifs naturels soigneusement sélectionnés pour leur douceur et leur efficacité.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n\u003cp\u003eNourrit et protège la peau en douceur au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌽 Amidon de maïs\u003c\/h3\u003e\n\u003cp\u003eAbsorbe naturellement l'humidité pour garder les aisselles au sec\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\u003eNeutralise les odeurs efficacement sans agresser la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🥥 Huile de coco fractionnée\u003c\/h3\u003e\n\u003cp\u003eAdoucit et hydrate pour un confort optimal tout au long de la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌸 Huile d'amande douce\u003c\/h3\u003e\n\u003cp\u003eApaise les peaux sensibles et réduit les irritations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🍃 Parfum naturel\u003c\/h3\u003e\n\u003cp\u003eMenthe \u0026amp; eucalyptus 100% d'origine naturelle, formulé en France\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\u003eHelianthus Annuus Hybrid Oil, Zea Mays Starch, Stearyl Alcohol, Magnesium Hydroxide, Caprylic\/Capric Triglyceride, Prunus Amygdalus Dulcis Oil, Triethyl Citrate, Hydrogenated Castor Oil, Magnesium Carbonate, Parfum, Linalool, Coumarin.\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\u003eComment utiliser votre déodorant solide Pimpant ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-timeline\"\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003ePréparez la zone\u003c\/h3\u003e\n\u003cp\u003eAppliquez directement sur des \u003cstrong\u003eaisselles propres et sèches\u003c\/strong\u003e pour une efficacité optimale.\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\u003eAppliquez en douceur\u003c\/h3\u003e\n\u003cp\u003ePassez le stick en quelques mouvements. En hiver, si la texture est ferme, réchauffez-le légèrement entre vos doigts.\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\u003eConservez correctement\u003c\/h3\u003e\n\u003cp\u003eGardez votre déodorant à l'abri de la chaleur et de l'humidité pour préserver sa texture idéale.\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\u003eSon format tube avec fond à pousser est ultra pratique au quotidien et vous permet d'utiliser le produit \u003cstrong\u003ejusqu'à la dernière goutte\u003c\/strong\u003e, sans aucun gaspillage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003ePour qui est fait ce déodorant naturel ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e👩 Femmes\u003c\/h3\u003e\n\u003cp\u003eParfum frais et herbacé qui convient parfaitement au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e👨 Hommes\u003c\/h3\u003e\n\u003cp\u003eNotes menthe-eucalyptus vivifiantes, appréciées de tous\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧒 Enfants dès 10 ans\u003c\/h3\u003e\n\u003cp\u003eFormule douce adaptée aux peaux jeunes et sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌍 Éco-conscients\u003c\/h3\u003e\n\u003cp\u003eZéro plastique à usage unique, format solide responsable\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⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est \u003cstrong\u003edéconseillé aux femmes enceintes\u003c\/strong\u003e en raison de la présence de coumarine dans la composition du parfum. En cas de doute ou de peau réactive, testez-le d'abord sur une petite zone. Ce déodorant ne constitue en aucun cas un produit médical et ne remplace pas un avis dermatologique si vous rencontrez des problèmes cutanés spécifiques.\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\u003cdiv class=\"pp-cta-box\"\u003e\n\u003cp\u003e🌿 En choisissant ce déodorant solide bio Pimpant, vous optez pour une hygiène quotidienne \u003cstrong\u003eefficace, naturelle et responsable\u003c\/strong\u003e. Un petit geste pour vous, un grand pas pour réduire votre impact environnemental.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pp-disclaimer\"\u003eNe remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Ce produit cosmétique n'est pas un médicament.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --pp-cream: #f4f9f7;\n  --pp-white: #ffffff;\n  --pp-primary: #2a9d8f;\n  --pp-primary-dark: #1a6b61;\n  --pp-primary-light: #e6f5f2;\n  --pp-secondary: #48bfa8;\n  --pp-accent: #a8dadc;\n  --pp-text: #1a1a1a;\n  --pp-text-light: #5a5a5a;\n  --pp-border: #dce8e5;\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.pp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a6b61 0%, #2a9d8f 40%, #48bfa8 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,.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.pp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pp-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pp-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.pp-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\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-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pp-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.pp-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--pp-primary), var(--pp-secondary));\n  border-radius: 2px;\n}\n\n.pp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pp-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  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}\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-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-accordion {\n  background: var(--pp-white);\n  border-radius: var(--pp-radius);\n  box-shadow: var(--pp-shadow);\n  overflow: hidden;\n}\n\n.pp-accordion-item {\n  border-bottom: 1px solid var(--pp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pp-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.pp-accordion-header:hover {\n  background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pp-primary);\n  transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n  content: '−';\n}\n\n.pp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pp-accordion-content p {\n  margin: 0;\n}\n\n.pp-cta-box {\n  background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-primary-dark) 100%);\n  border-radius: var(--pp-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.pp-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.pp-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-tip {\n    padding: .875rem 1rem;\n  }\n\n  .pp-tip-icon {\n    font-size: 20px;\n  }\n\n  .pp-tip p {\n    font-size: 13px;\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\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":56771943170425,"sku":"NBAIPIM0105","price":9.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-menthe-eucalyptus-50-g-pimpant-lifestyle.webp?v=1772528509"},{"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":"kit-decouverte-deodorant-roll-on-fleur-de-coton-pimpant","title":"Kit Découverte Déodorant Roll-on en poudre - Fleur de coton - Pimpant","description":"\u003cdiv class=\"pmp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pmp-hero\"\u003e\n\u003cdiv class=\"pmp-hero-pattern\"\u003e\u003cbr\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 \u003cspan class=\"pmp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e♻️ Rechargeable\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e⏱️ Protection 48h\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pmp-hero-title\"\u003eKit Découverte Déodorant Roll-on Fleur de Coton\u003c\/span\u003e\n\u003cp class=\"pmp-subtitle\"\u003ePar Pimpant - Le déodorant naturel, rechargeable et zéro déchet\u003c\/p\u003e\n\u003cp class=\"pmp-description\"\u003eUn flacon jaune à garder pour la vie, une poudre à diluer en 5 minutes, et 48 heures de fraîcheur délicate au parfum Fleur de Coton. Le geste beauté qui change tout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eDéodorant roll-on rechargeable Fleur de Coton - Le kit découverte Pimpant\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant roll-on naturel\u003c\/strong\u003e vraiment efficace, qui respecte votre peau autant que la planète ? Le kit découverte Pimpant au parfum \u003cstrong\u003eFleur de Coton\u003c\/strong\u003e pourrait bien devenir votre nouveau geste quotidien préféré. Un flacon rechargeable, une poudre à diluer, et 48 heures de fraîcheur assurée : voici un déodorant qui change les règles du jeu.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce déodorant roll-on Fleur de Coton ?\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eCe n'est pas un déodorant roll-on comme les autres. Là où un \u003cstrong\u003edéodorant roll-on classique\u003c\/strong\u003e finit à la poubelle une fois vide, celui de Pimpant se recharge en quelques minutes. Le concept est malin : vous conservez le flacon jaune de 50 ml et vous n'achetez ensuite que des recharges en poudre. Moins de plastique, moins de déchets, et un geste concret pour l'environnement.\u003c\/p\u003e\n\u003cdiv class=\"pmp-grid-compact\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌸 Parfum délicat\u003c\/h3\u003e\n\u003cp\u003eFleur de Coton frais et discret, parfait pour celles et ceux qui préfèrent une senteur douce plutôt qu'entêtante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n\u003cp\u003eConservez le flacon, n'achetez que des recharges en poudre. Moins de plastique, plus de sens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e👩👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient à toute la famille à partir de 10 ans, peaux sensibles incluses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n\u003cp\u003eFormulé sans alcool pour respecter même les peaux les plus réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eUne efficacité 48h prouvée grâce à des actifs naturels\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eAvec \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, ce déodorant mise sur un trio d'actifs complémentaires pour neutraliser les odeurs sans bloquer la transpiration :\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\u003eUn agent d'origine végétale qui bloque les odeurs avant même qu'elles n'apparaissent. Action préventive puissante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e⚗️ Magnesium Hydroxide\u003c\/h3\u003e\n\u003cp\u003eUn minéral qui rééquilibre naturellement le pH de votre peau pour un environnement hostile aux bactéries.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e✨ Zinc Gluconate\u003c\/h3\u003e\n\u003cp\u003eUn actif purifiant qui neutralise les odeurs déjà présentes et assainit durablement la zone d'application.\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\u003eRésultat : une \u003cstrong\u003eprotection anti-odeurs de 48 heures\u003c\/strong\u003e, une texture douce au toucher soyeux et aucune sensation de gêne. Le tout \u003cstrong\u003esans alcool\u003c\/strong\u003e, pour respecter même les peaux les plus sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eComment préparer votre déodorant rechargeable ?\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eLa préparation est simple et ne prend que 5 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 du flacon roll-on en la dévissant délicatement.\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\u003eVersez les 20 g de poudre au fond du 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\u003eRemplissez le capuchon d'eau (environ 20 ml) et versez-la sur la poudre.\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\u003eAgitez et patientez\u003c\/h3\u003e\n\u003cp\u003eAgitez énergiquement et laissez reposer 5 minutes.\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\u003eC'est prêt !\u003c\/h3\u003e\n\u003cp\u003eRevissez la bille : votre déodorant est prêt à l'emploi !\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\u003e\u003cstrong\u003ePensez à secouer le flacon avant chaque utilisation\u003c\/strong\u003e et à bien le nettoyer à l'eau claire et au savon entre deux recharges.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eComposition complète (liste INCI du déodorant reconstitué)\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\u003eAqua, Tricaprylin, Magnesium Hydroxide, Zea Mays Starch, Acacia Senegal Gum, Triethyl Citrate, Magnesium Carbonate Hydroxide, Parfum, Zinc Gluconate, Potassium Sorbate, Sodium Benzoate, Xanthan Gum, Citric Acid, Linalyl Acetate, Vanillin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eCertifications et garanties de qualité\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, le label de référence en cosmétique naturelle et biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e📱 Yuka 86\/100\u003c\/h3\u003e\n\u003cp\u003eUne note excellente sur l'application de référence pour décrypter les compositions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🔬 INCI Beauty 17,9\/20\u003c\/h3\u003e\n\u003cp\u003eUne formulation plébiscitée par les experts en analyse d'ingrédients cosmétiques.\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 avec une durée de conservation de 2 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eContenu du kit découverte\u003c\/h2\u003e\n\u003cdiv class=\"pmp-grid-compact\"\u003e\n\u003cdiv class=\"pmp-card pmp-card-highlight\"\u003e\n\u003ch3\u003e🧴 Flacon roll-on rechargeable\u003c\/h3\u003e\n\u003cp\u003e50 ml - Le flacon jaune iconique à conserver et recharger à l'infini.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card pmp-card-highlight\"\u003e\n\u003ch3\u003e📦 Recharge poudre\u003c\/h3\u003e\n\u003cp\u003e20 g - Une recharge en poudre à diluer pour 40 ml de déodorant prêt à l'emploi.\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\u003eSi vous hésitez encore entre un \u003cstrong\u003edéodorant fleur de coton\u003c\/strong\u003e conventionnel et une alternative plus responsable, ce kit découverte est l'occasion idéale de tester sans vous engager. Vous gardez l'efficacité d'un bon roll-on, avec la satisfaction d'un choix plus respectueux de votre corps et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"pmp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"pmp-cta-box\"\u003e\n\u003cp\u003e🌿 Adoptez le réflexe rechargeable - 48h de fraîcheur naturelle, zéro déchet, 99 % d'origine naturelle. Votre peau et la planète vous diront merci.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pmp-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\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --pmp-cream: #fdf6f0;\n  --pmp-white: #ffffff;\n  --pmp-primary: #e8a835;\n  --pmp-primary-dark: #c48a1a;\n  --pmp-primary-light: #fef7e8;\n  --pmp-secondary: #b8d8e8;\n  --pmp-accent: #d4917a;\n  --pmp-text: #1a1a1a;\n  --pmp-text-light: #5a5a5a;\n  --pmp-border: #e8e0d8;\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\/* === HERO === *\/\n.pmp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #e8a835 0%, #d4917a 50%, #b8d8e8 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: 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              radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: .6;\n}\n\n.pmp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\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  line-height: 1.1;\n}\n\n.pmp-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.12);\n}\n\n.pmp-description {\n  color: rgba(255,255,255,.88);\n  font-size: clamp(14px, 2.5vw, 17px);\n  margin: 0;\n  line-height: 1.7;\n  max-width: 640px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === BADGES === *\/\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\/* === SECTIONS === *\/\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  line-height: 1.25;\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\/* === SECTION INTRO === *\/\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: 660px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.pmp-section-intro strong {\n  color: var(--pmp-text);\n}\n\n\/* === CARDS === *\/\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-card-highlight {\n  border: 2px solid var(--pmp-primary-light);\n  background: linear-gradient(180deg, var(--pmp-white) 0%, var(--pmp-primary-light) 100%);\n}\n\n\/* === GRILLES === *\/\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\/* === TIMELINE === *\/\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-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.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\/* === ACCORDION === *\/\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\/* === TIP === *\/\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-tip p strong {\n  color: var(--pmp-primary-dark);\n}\n\n\/* === CTA === *\/\n.pmp-cta-box {\n  background: linear-gradient(135deg, var(--pmp-primary) 0%, var(--pmp-accent) 100%);\n  border-radius: var(--pmp-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.pmp-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.pmp-disclaimer {\n  font-size: 12px;\n  color: var(--pmp-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\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  .pmp-badges-top {\n    gap: 6px;\n  }\n\n  .pmp-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\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  .pmp-timeline-item {\n    animation: pmpFadeInUp .5s ease backwards;\n  }\n  .pmp-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .pmp-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .pmp-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .pmp-timeline-item:nth-child(4) { animation-delay: .2s; }\n  .pmp-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes pmpFadeInUp {\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  .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":56772539908473,"sku":"NBAIPIM0117","price":9.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.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":true}],"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":false}],"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-lifestyle_fc13e4d9-721b-48d2-807a-51a25d47d134.webp?v=1775549950"},{"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":false}],"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":false}],"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/deodorant-bio_62844892-8faf-453c-8154-4348d336b739-642488.jpg?v=1732719631","url":"https:\/\/www.naturellement-bio.com\/collections\/deodorant.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}