{"title":"Huiles essentielles","description":"\u003cp\u003eEntre une huile essentielle de lavande à 4€ et une autre à 15€, la différence ne se limite pas au prix. \u003cstrong\u003eChémotype, mode d'extraction, origine botanique \u003c\/strong\u003e: ces critères déterminent l'efficacité réelle de votre flacon. Et franchement, une fois qu'on a compris ces subtilités, on ne regarde plus jamais une étiquette de la même façon.\u003c\/p\u003e\n\u003cp\u003eQue vous cherchiez à renforcer votre immunité avec le ravintsara, à apaiser un stress tenace grâce à la lavande, ou à soulager une digestion difficile avec la menthe poivrée - nous allons vous donner les clés pour comparer objectivement et choisir en connaissance de cause.\u003c\/p\u003e\n\u003ch2\u003eCe qui fait vraiment la qualité d'une huile essentielle\u003c\/h2\u003e\n\u003cp\u003eAvant de remplir votre panier, prenons le temps de décrypter ce qui se cache derrière les étiquettes. Parce qu'entre nous, deux flacons apparemment identiques peuvent offrir des résultats radicalement différents.\u003c\/p\u003e\n\u003ch3\u003eLe chémotype : la carte d'identité biochimique\u003c\/h3\u003e\n\u003cp\u003eVoilà un terme qui revient souvent, et pour cause. Le chémotype désigne la \u003cstrong\u003ecomposition moléculaire dominante \u003c\/strong\u003ed'une huile essentielle. Prenons l'exemple du romarin : selon qu'il pousse en Provence ou au Maroc, il développera des molécules différentes. Le romarin à cinéole est plutôt orienté voies respiratoires, tandis que le \u003ca href=\"\/products\/huile-essentielle-de-romarin-verbenone-bio-5ml-terra-etica\"\u003eromarin à verbénone bio de Terra Etica\u003c\/a\u003e sera davantage indiqué pour le confort hépatique, par exemple. Même plante, usages distincts.\u003c\/p\u003e\n\u003ch3\u003eHEBBD, HECT : des garanties à connaître\u003c\/h3\u003e\n\u003cp\u003eCes acronymes barbares - Huile Essentielle Botaniquement et Biochimiquement Définie (HEBBD) ou Huile Essentielle Chémotypée (HECT) - vous assurent que l'huile a été analysée et que sa composition est connue avec précision. C'est un gage de \u003cstrong\u003etraçabilité\u003c\/strong\u003e, pas un label bio, mais un indicateur de sérieux du producteur.\u003c\/p\u003e\n\u003ch3\u003eBio vs conventionnel : une question de concentration\u003c\/h3\u003e\n\u003cp\u003eL'huile essentielle est un concentré - il faut parfois plusieurs kilos de plantes pour obtenir quelques millilitres. Imaginez ce que cela signifie si la plante a été traitée aux pesticides : ces résidus se retrouvent eux aussi concentrés dans votre flacon. La certification bio prend ici tout son sens, même si elle n'est pas le seul critère. \u003cstrong\u003eUne huile conventionnelle de producteur rigoureux peut valoir mieux qu'une bio d'origine douteuse.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003eL'origine géographique compte\u003c\/h3\u003e\n\u003cp\u003eLa lavande vraie de Provence (Lavandula angustifolia) n'a pas exactement le même profil que sa cousine bulgare. Le terroir influence la teneur en linalol, en acétate de linalyle... D'ailleurs, méfiez-vous du lavandin (Lavandula x intermedia), un hybride moins subtil souvent vendu comme \"lavande\" tout court. Les marques sérieuses comme \u003ca rel=\"noopener\" title=\"tous les produits de la distillerie Saint-Hilaire\" href=\"https:\/\/www.naturellement-bio.com\/collections\/saint-hilaire\" target=\"_blank\"\u003eSaint-Hilaire\u003c\/a\u003e ou \u003ca rel=\"noopener\" title=\"tous les produits florame\" href=\"https:\/\/www.naturellement-bio.com\/collections\/florame\" target=\"_blank\"\u003eFlorame\u003c\/a\u003e précisent systématiquement l'espèce botanique exacte.\u003c\/p\u003e\n\u003ch3\u003eDistillation vapeur ou expression à froid ?\u003c\/h3\u003e\n\u003cp\u003eLa plupart des huiles essentielles sont obtenues par distillation à la vapeur d'eau - un procédé doux qui préserve les molécules fragiles. Exception notable : les agrumes. L'\u003ca href=\"\/products\/huile-essentielle-citron-bio-saint-hilaire\"\u003ehuile essentielle de citron zeste bio Saint-Hilaire\u003c\/a\u003e est obtenue par expression mécanique à froid, directement à partir des zestes. Résultat : une fraîcheur incomparable, mais attention, ces huiles d'agrumes sont photosensibilisantes.\u003c\/p\u003e\n\u003ch2\u003eQuelle huile essentielle pour quel besoin ?\u003c\/h2\u003e\n\u003cp\u003eMaintenant qu'on sait lire une étiquette, passons aux choses concrètes. Voici comment \u003cstrong\u003eorienter votre choix selon vos problématiques\u003c\/strong\u003e du quotidien.\u003c\/p\u003e\n\u003ch3\u003eFatigue hivernale et immunité\u003c\/h3\u003e\n\u003cp\u003eC'est le terrain de jeu du ravintsara, star incontestée de l'hiver. Riche en 1,8-cinéole, cette huile malgache est traditionnellement utilisée pour soutenir les défenses naturelles. L'\u003ca href=\"\/products\/huile-essentielle-bio-de-ravintsara-saint-hilaire-10-ml\"\u003ehuile essentielle de ravintsara bio Saint-Hilaire\u003c\/a\u003e est particulièrement appréciée pour sa pureté. L'eucalyptus radié joue dans la même cour, avec un profil légèrement plus \"respiratoire\".\u003c\/p\u003e\n\u003ch3\u003eStress et troubles du sommeil\u003c\/h3\u003e\n\u003cp\u003eLa \u003ca href=\"\/products\/huile-essentielle-lavande-vraie-bio\"\u003elavande vraie bio de Saint-Hilaire\u003c\/a\u003e reste la référence absolue. Quelques gouttes sur l'oreiller ou en diffusion, et l'atmosphère change. Petite nuance pour les connaisseurs : la lavande fine (même espèce, mais récoltée en altitude) offre un profil encore plus délicat. Pour ceux qui préfèrent une solution prête à l'emploi, l'\u003ca href=\"\/products\/aromaspray-lavande-romarin-ambiance\"\u003eAromaspray Lavande Romarin\u003c\/a\u003e combine praticité et efficacité.\u003c\/p\u003e\n\u003ch3\u003eDigestion difficile\u003c\/h3\u003e\n\u003cp\u003eL'\u003ca href=\"\/products\/huile-essentielle-de-menthe-poivree-bio-10ml-eolesens\"\u003ehuile essentielle de menthe poivrée bio Eolesens\u003c\/a\u003e est reconnue pour ses propriétés sur le confort digestif. Une goutte sur un comprimé neutre après un repas copieux - mais attention, c'est une huile puissante, déconseillée aux femmes enceintes et aux enfants. Le citron zeste, plus doux, peut constituer une alternative intéressante.\u003c\/p\u003e\n\u003ch3\u003eDouleurs musculaires\u003c\/h3\u003e\n\u003cp\u003eLa \u003cstrong\u003egaulthérie\u003c\/strong\u003e couchée, riche en salicylate de méthyle, est traditionnellement utilisée en massage localisé. Toujours diluée à 5-10% dans une huile végétale, jamais pure. Et si vous prenez des anticoagulants, passez votre chemin - les interactions sont réelles.\u003c\/p\u003e\n\u003ch3\u003eAssainissement de l'air\u003c\/h3\u003e\n\u003cp\u003eLe tea tree (arbre à thé) excelle dans ce domaine. Pour ceux qui débutent ou qui n'ont pas de diffuseur, les sprays d'ambiance comme l'\u003ca href=\"\/products\/spray-cedre-patchouli-100-ml-aromaspray\"\u003eAromaspray Cèdre Patchouli\u003c\/a\u003e offrent une porte d'entrée accessible et sans risque de surdosage.\u003c\/p\u003e\n\u003ch2\u003eTableau comparatif des huiles essentielles incontournables\u003c\/h2\u003e\n\u003cdiv style=\"overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 20px 0;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; min-width: 700px; font-size: 14px; line-height: 1.5;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background-color: #f3f3f3;\"\u003e\n\u003cth style=\"padding: 12px 10px; border: 1px solid #ddd; text-align: left;\"\u003eHuile essentielle\u003c\/th\u003e\n\u003cth style=\"padding: 12px 10px; border: 1px solid #ddd; text-align: left;\"\u003ePropriétés principales\u003c\/th\u003e\n\u003cth style=\"padding: 12px 10px; border: 1px solid #ddd; text-align: left;\"\u003eUtilisation privilégiée\u003c\/th\u003e\n\u003cth style=\"padding: 12px 10px; border: 1px solid #ddd; text-align: left;\"\u003ePrécautions\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003e\u003cstrong\u003eLavande vraie\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eApaisante, relaxante, cicatrisante\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eDiffusion, cutané dilué\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eDébutant-friendly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fafafa;\"\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003e\u003cstrong\u003eRavintsara\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eImmunostimulante, antivirale traditionnelle\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eDiffusion, cutané dilué, voie orale possible\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eDébutant-friendly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003e\u003cstrong\u003eMenthe poivrée\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eDigestive, tonique, antalgique\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eCutané très dilué, voie orale ponctuelle\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eUsage averti, interdite grossesse et enfants\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fafafa;\"\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003e\u003cstrong\u003eTea tree\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eAssainissante, purifiante\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eDiffusion, cutané dilué\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eDébutant-friendly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003e\u003cstrong\u003eCitron zeste\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eTonique, purifiant, digestif léger\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eDiffusion, voie orale\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003ePhotosensibilisant, éviter avant exposition au soleil\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fafafa;\"\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003e\u003cstrong\u003eEucalyptus radié\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eRespiratoire, expectorante\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eDiffusion, inhalation\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd;\"\u003eDébutant-friendly, prudence chez les asthmatiques\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003ch2\u003eQuelques précautions essentielles avant utilisation\u003c\/h2\u003e\n\u003cp\u003eLes huiles essentielles sont des concentrés puissants. Cette efficacité implique des précautions non négociables - et c'est justement ce sérieux qui distingue un usage éclairé d'une utilisation hasardeuse.\u003c\/p\u003e\n\u003ch3\u003eGrossesse et allaitement\u003c\/h3\u003e\n\u003cp\u003ePar principe de précaution, la plupart des huiles essentielles sont déconseillées pendant les trois premiers mois de grossesse, et beaucoup restent contre-indiquées tout au long. Seules quelques-unes (lavande vraie, citron en diffusion légère) peuvent être envisagées après le premier trimestre, et toujours après avis d'un professionnel de santé.\u003c\/p\u003e\n\u003ch3\u003eHuiles dermocaustiques\u003c\/h3\u003e\n\u003cp\u003eCannelle, origan, sarriette, thym à thymol : ces huiles brûlent littéralement la peau si appliquées pures. Dilution obligatoire à 5% maximum, et encore, avec prudence.\u003c\/p\u003e\n\u003ch3\u003ePhotosensibilisation\u003c\/h3\u003e\n\u003cp\u003eToutes les essences d'agrumes (citron, orange, bergamote, pamplemousse) contiennent des furocoumarines qui réagissent au soleil. Application cutanée = pas d'exposition UV pendant 8 à 12 heures minimum.\u003c\/p\u003e\n\u003ch3\u003eEnfants de moins de 6 ans\u003c\/h3\u003e\n\u003cp\u003eTrès peu d'huiles sont autorisées : lavande vraie, camomille romaine, éventuellement ravintsara en diffusion légère. Toujours en dilution adaptée (1% maximum) et jamais près du visage. Les monographies de la pharmacopée européenne sont claires sur ce point.\u003c\/p\u003e\n\u003ch3\u003eInteractions médicamenteuses\u003c\/h3\u003e\n\u003cp\u003eGaulthérie et anticoagulants, menthe poivrée et traitements homéopathiques, eucalyptus et certains médicaments hépatiques... Les interactions existent. Consultez systématiquement un pharmacien ou un aromathérapeute qualifié si vous suivez un traitement.\u003c\/p\u003e\n\u003ch3\u003eLe test du pli du coude\u003c\/h3\u003e\n\u003cp\u003eAvant toute première utilisation cutanée : une goutte diluée dans le pli du coude, on attend 24 heures. Pas de réaction ? Vous pouvez y aller. C'est simple, ça prend deux minutes, et ça évite bien des désagréments.\u003c\/p\u003e\n\u003cp\u003ePour aller plus loin dans l'univers de l'aromathérapie, découvrez \u003ca href=\"\/collections\/aromatherapie\"\u003enotre sélection complète en aromathérapie\u003c\/a\u003e. Et si vous cherchez des supports de dilution de qualité, nos \u003ca href=\"\/collections\/huiles-vegetales-cosmetiques\"\u003ehuiles végétales cosmétiques\u003c\/a\u003e sont le complément idéal. Les \u003ca href=\"\/collections\/eau-florales\"\u003eeaux florales bio\u003c\/a\u003e offrent quant à elles une alternative plus douce pour les peaux sensibles ou les enfants.\u003c\/p\u003e\n\u003ch2\u003eQuestions fréquentes sur les huiles essentielles\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelles sont les 5 huiles essentielles indispensables à avoir chez soi ?\u003c\/summary\u003e\n\u003cp\u003eNotre kit de base pour couvrir 80% des besoins quotidiens : la lavande vraie (polyvalente, apaisante, cicatrisante), le ravintsara (votre allié immunité de l'hiver), la menthe poivrée (digestion, maux de tête), le tea tree (assainissant multi-usage) et le citron (tonique et purifiant). Avec ces cinq flacons, vous êtes parés pour la plupart des situations du quotidien.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eEst-ce important que l'huile essentielle soit biologique ?\u003c\/summary\u003e\n\u003cp\u003eC'est un critère pertinent, oui. L'huile essentielle étant un concentré, les éventuels pesticides utilisés sur la plante se retrouvent eux aussi concentrés dans le flacon. La certification bio garantit leur absence. Cela dit, les labels qualité (HEBBD, HECT) comptent aussi : une huile non bio d'un producteur rigoureux peut valoir mieux qu'une bio de mauvaise origine. Le bio reste un critère parmi d'autres, pas le seul.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment utiliser correctement les huiles essentielles ?\u003c\/summary\u003e\n\u003cp\u003eTrois voies principales s'offrent à vous. La diffusion atmosphérique : 10-15 minutes suffisent, inutile de saturer l'air. L'application cutanée : toujours diluée dans une huile végétale, comptez 1-2% pour un usage cosmétique (soit 1-2 gouttes pour une cuillère à café d'huile végétale). La voie orale : uniquement pour certaines huiles et sur avis d'un professionnel. Le principe de parcimonie s'applique partout : quelques gouttes suffisent, plus n'est pas mieux.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la différence entre huile essentielle et huile végétale ?\u003c\/summary\u003e\n\u003cp\u003eCe sont deux produits complémentaires mais très différents. L'huile essentielle est un concentré de molécules aromatiques obtenu par distillation - volatile, très puissante, jamais grasse. L'huile végétale est un corps gras obtenu par pression de graines ou de fruits (amande douce, jojoba, argan...) - nourrissante et idéale comme support de dilution. Concrètement, l'huile végétale sert de \"véhicule\" pour appliquer l'huile essentielle sur la peau en toute sécurité.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes diffuseurs d'huiles essentielles sont-ils bons pour la santé ?\u003c\/summary\u003e\n\u003cp\u003eOui, à condition d'une utilisation raisonnée. Limitez les séances à 15-20 minutes, aérez la pièce régulièrement, évitez la diffusion en continu. Quelques précautions : les asthmatiques peuvent être sensibles, les chats métabolisent très mal certaines molécules (prudence absolue), et on évite de diffuser dans une chambre de bébé. Côté matériel, privilégiez les diffuseurs à froid (nébulisation, ultrasons) qui préservent les molécules. Les brûle-parfums à bougie dénaturent les principes actifs par la chaleur.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"product_id":"asthen-complexe-dhuiles-essentielles-30-ml-jade-recherche","title":"Asthen - Complexe d'huiles Essentielles Surrénales - 30 ml - Jade Recherche","description":"\u003cdiv class=\"asth-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"asth-hero\"\u003e\n \u003cdiv class=\"asth-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"asth-hero-content\"\u003e\n \u003cdiv class=\"asth-badges-top\"\u003e\n \u003cspan class=\"asth-badge\"\u003e🌲 Huiles essentielles pures\u003c\/span\u003e\n \u003cspan class=\"asth-badge\"\u003e⚡ Recharge énergétique\u003c\/span\u003e\n \u003cspan class=\"asth-badge\"\u003e🇫🇷 Jade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"asth-hero-title\"\u003eAsthen\u003c\/span\u003e\n \u003cp class=\"asth-subtitle\"\u003eComplexe d'huiles essentielles surrénales\u003c\/p\u003e\n \u003cp class=\"asth-description\"\u003eUn mélange synergique d'huiles essentielles de conifères pour soutenir vos glandes surrénales, restaurer votre énergie vitale et renforcer votre résistance au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"asth-section\"\u003e\n \u003ch2\u003eUn complexe de 3 huiles essentielles idéales\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-grid\"\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🌲 Picea mariana (Épinette noire)\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle d'épinette noire aux propriétés stimulantes et équilibrantes pour les surrénales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🌿 Pinus sylvestris (Pin Sylvestre)\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de pin sylvestre apportant un effet tonifiant et énergisant naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💧 Huile de jojoba\u003c\/h3\u003e\n \u003cp\u003eBase végétale nourrissante qui facilite l'application et protège la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch2 class=\"mt-4\"\u003eLes bienfaits d'Asthen sur les surrénales\u003c\/h2\u003e\n \u003cp class=\"asth-section-intro\"\u003eLes surrénales jouent un rôle crucial dans la résistance au stress et la vitalité\n générale. Lorsqu'elles sont \"à plat\", Asthen aide à restaurer leur fonction naturellement.\u003c\/p\u003e\n\n \u003cdiv class=\"asth-grid-compact\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e⚡ Énergie retrouvée\u003c\/h3\u003e\n \u003cp\u003eRevitalise en période de fatigue chronique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🧘 Anti-stress\u003c\/h3\u003e\n \u003cp\u003eRenforce la résilience face au stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💆 Détente nerveuse\u003c\/h3\u003e\n \u003cp\u003eFavorise la relaxation et l'endormissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💇 Vitalité capillaire\u003c\/h3\u003e\n \u003cp\u003eSoutient la santé des cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Conseils d'utilisation --\u003e\n \u003csection class=\"asth-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-timeline\"\u003e\n \u003cdiv class=\"asth-timeline-item\"\u003e\n \u003cspan class=\"asth-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"asth-timeline-content\"\u003e\n \u003ch3\u003ePréparez l'application\u003c\/h3\u003e\n \u003cp\u003eDéposez quelques gouttes d'Asthen sur le dos de chaque main\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-timeline-item\"\u003e\n \u003cspan class=\"asth-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"asth-timeline-content\"\u003e\n \u003ch3\u003eLocalisez les surrénales\u003c\/h3\u003e\n \u003cp\u003ePlacez vos poings fermés au-dessus des reins, au creux du dos sous les côtes flottantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-timeline-item\"\u003e\n \u003cspan class=\"asth-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"asth-timeline-content\"\u003e\n \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n \u003cp\u003eAppliquez en massant de bas en haut, matin et\/ou soir selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asth-tip\"\u003e\n \u003cspan class=\"asth-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Le matin pour un regain d'énergie, le soir pour favoriser la détente et l'endormissement. Un flacon de 30 ml dure plusieurs mois avec un usage quotidien !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Caractéristiques --\u003e\n \u003csection class=\"asth-section\"\u003e\n \u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-grid-compact\"\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e30 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🌲 Actifs\u003c\/h3\u003e\n \u003cp\u003ePicea mariana \u0026amp; Pinus sylvestris\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💧 Base\u003c\/h3\u003e\n \u003cp\u003eHuile végétale de jojoba\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e✋ Usage\u003c\/h3\u003e\n \u003cp\u003eExterne uniquement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🏭 Fabricant\u003c\/h3\u003e\n \u003cp\u003eJade Recherche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Précautions d'emploi --\u003e\n \u003csection class=\"asth-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-accordion\"\u003e\n \u003cdetails class=\"asth-accordion-item\"\u003e\n \u003csummary class=\"asth-accordion-header\"\u003e⚠️ Usage externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"asth-accordion-content\"\u003e\n \u003cp\u003eNe pas ingérer. Ne pas appliquer sur les muqueuses ou sur une peau irritée. En cas de réaction inhabituelle, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asth-accordion-item\"\u003e\n \u003csummary class=\"asth-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"asth-accordion-content\"\u003e\n \u003cp\u003eNe convient pas aux enfants sans avis médical préalable. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asth-accordion-item\"\u003e\n \u003csummary class=\"asth-accordion-header\"\u003e🩺 En cas de réaction\u003c\/summary\u003e\n \u003cdiv class=\"asth-accordion-content\"\u003e\n \u003cp\u003eEn cas de réaction 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\n \u003cdiv class=\"asth-cta-box\"\u003e\n \u003cp\u003e🌲 Offrez à vos surrénales le soutien naturel qu'elles méritent avec la puissance des huiles essentielles de conifères\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"asth-disclaimer\"\u003eLes informations fournies ne remplacent pas l'avis d'un professionnel de santé. Complément de bien-être, ne se substitue pas à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --asth-cream: #F5F3EF;\n --asth-white: #ffffff;\n --asth-primary: #5B7B6F;\n --asth-primary-dark: #3D5A4F;\n --asth-primary-light: #E8F0EC;\n --asth-secondary: #8B6914;\n --asth-accent: #6B5B4F;\n --asth-text: #1a1a1a;\n --asth-text-light: #5a5a5a;\n --asth-border: #e0e0e0;\n --asth-shadow: 0 4px 24px rgba(0,0,0,.08);\n --asth-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --asth-radius: 20px;\n --asth-radius-sm: 12px;\n}\n\n.asth-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--asth-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.asth-hero {\n position: relative;\n background: linear-gradient(135deg, #3D5A4F 0%, #5B7B6F 50%, #7A9B8F 100%);\n border-radius: var(--asth-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(--asth-shadow-lg);\n}\n\n.asth-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L30 20 L25 25 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Cpath d='M30 35 L38 55 L30 48 L22 55 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.asth-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.asth-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.asth-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(--asth-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.asth-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.asth-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}\n\n.asth-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 text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.asth-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.asth-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.asth-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--asth-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.asth-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(--asth-primary), var(--asth-secondary));\n border-radius: 2px;\n}\n\n.asth-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--asth-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.asth-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.asth-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.asth-card {\n background: var(--asth-white);\n border-radius: var(--asth-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--asth-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.asth-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--asth-shadow-lg);\n border-color: var(--asth-primary);\n}\n\n.asth-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--asth-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.asth-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--asth-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.asth-grid-compact .asth-card {\n padding: 1rem;\n}\n\n.asth-grid-compact .asth-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.asth-grid-compact .asth-card p {\n font-size: 12px;\n}\n\n.asth-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.asth-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.asth-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--asth-primary), var(--asth-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.asth-timeline-content {\n flex: 1;\n background: var(--asth-white);\n padding: 1rem 1.25rem;\n border-radius: var(--asth-radius-sm);\n box-shadow: var(--asth-shadow);\n}\n\n.asth-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--asth-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.asth-timeline-content p {\n font-size: 14px;\n color: var(--asth-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.asth-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--asth-primary-light);\n border-radius: var(--asth-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.asth-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.asth-tip p {\n font-size: 14px;\n color: var(--asth-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.asth-accordion {\n background: var(--asth-white);\n border-radius: var(--asth-radius);\n box-shadow: var(--asth-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.asth-accordion-item {\n border-bottom: 1px solid var(--asth-border);\n margin: 0;\n padding: 0;\n}\n\n.asth-accordion-item:last-child {\n border-bottom: none;\n}\n\n.asth-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--asth-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.asth-accordion-header:hover {\n background: var(--asth-primary-light);\n}\n\n.asth-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.asth-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--asth-primary);\n transition: transform .2s ease;\n}\n\n.asth-accordion-item[open] .asth-accordion-header::after {\n content: '−';\n}\n\n.asth-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--asth-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.asth-accordion-content p {\n margin: 0;\n}\n\n.asth-cta-box {\n background: linear-gradient(135deg, var(--asth-primary) 0%, var(--asth-primary-dark) 100%);\n border-radius: var(--asth-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.asth-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.asth-disclaimer {\n font-size: 12px;\n color: var(--asth-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .asth-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .asth-card {\n padding: 1.125rem;\n }\n \n .asth-section {\n margin-bottom: 1.75rem;\n }\n \n .asth-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--asth-radius-sm);\n }\n \n .asth-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .asth-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .asth-grid-compact {\n gap: .625rem;\n }\n \n .asth-grid-compact .asth-card {\n padding: .75rem;\n }\n \n .asth-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .asth-timeline-content {\n padding: .875rem 1rem;\n }\n \n .asth-timeline-content h3 {\n font-size: 14px;\n }\n \n .asth-timeline-content p {\n font-size: 13px;\n }\n \n .asth-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .asth-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .asth-card {\n animation: fadeInUp .5s ease backwards;\n }\n .asth-card:nth-child(1) { animation-delay: .05s; }\n .asth-card:nth-child(2) { animation-delay: .1s; }\n .asth-card:nth-child(3) { animation-delay: .15s; }\n .asth-card:nth-child(4) { animation-delay: .2s; }\n .asth-card:nth-child(5) { animation-delay: .25s; }\n .asth-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 .asth-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755253096605,"sku":"ASTHENJADE","price":23.37,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/asthen-complexe-dhuiles-essentielles-surrenales-30-ml-jade-r-lifestyle.webp?v=1768895283"},{"product_id":"huile-essentielle-de-menthe-poivree-bio-10ml-eolesens","title":"Huile essentielle de Menthe Poivrée bio - 10ml - Eolésens","description":"\u003cdiv class=\"mp-premium\"\u003e\n \u003cdiv class=\"mp-hero\"\u003e\n \u003cdiv class=\"mp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mp-hero-content\"\u003e\n \u003cdiv class=\"mp-badges-top\"\u003e\n \u003cspan class=\"mp-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n \u003cspan class=\"mp-badge\"\u003e💧 100% pure\u003c\/span\u003e\n \u003cspan class=\"mp-badge\"\u003e🇫🇷 Marque française\u003c\/span\u003e\n \u003cspan class=\"mp-badge\"\u003e✨ 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mp-hero-title\"\u003eHuile Essentielle de Menthe Poivrée Bio\u003c\/span\u003e\n \u003cp class=\"mp-subtitle\"\u003eEolésens — Mentha piperita\u003c\/p\u003e\n \u003cp class=\"mp-description\"\u003eVéritable incontournable de l'aromathérapie, l'huile essentielle de Menthe Poivrée bio Eolésens concentre toute la puissance aromatique et les bienfaits de la \u003cem\u003eMentha piperita\u003c\/em\u003e. Distillée à partir de plantes issues de l'agriculture biologique, elle vous accompagne au quotidien pour stimuler la digestion, apaiser les maux de tête ou retrouver vitalité et concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003eUne menthe poivrée bio d'exception\u003c\/h2\u003e\n \u003cp class=\"mp-section-intro\"\u003eEolésens sélectionne avec soin ses plantes aromatiques pour garantir une huile pure, 100 % naturelle et certifiée \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e. La distillation à la vapeur d'eau des sommités fleuries de \u003cem\u003eMentha piperita\u003c\/em\u003e permet d'obtenir une huile essentielle riche en \u003cstrong\u003ementhol\u003c\/strong\u003e et \u003cstrong\u003ementhone\u003c\/strong\u003e, responsables de sa fraîcheur caractéristique.\u003c\/p\u003e\n \u003cdiv class=\"mp-grid-compact\"\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003eMentha piperita\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🌸 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eSommités fleuries\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003eFlacon de 10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile essentielle de menthe poivrée\u003c\/h2\u003e\n \u003cp class=\"mp-section-intro\"\u003ePlébiscitée depuis des siècles, la menthe poivrée est l'une des huiles essentielles les plus polyvalentes. Ses principales vertus reconnues :\u003c\/p\u003e\n \u003cdiv class=\"mp-grid\"\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🌀 Digestive\u003c\/h3\u003e\n \u003cp\u003eAide en cas de digestion difficile, ballonnements, nausées ou mal des transports.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e❄️ Antalgique \u0026amp; rafraîchissante\u003c\/h3\u003e\n \u003cp\u003eSoulage les tensions localisées et les maux de tête passagers grâce à son effet \"glaçon\".\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e⚡ Tonique \u0026amp; stimulante\u003c\/h3\u003e\n \u003cp\u003eCoup de fouet idéal en cas de fatigue intellectuelle ou de baisse de concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🍃 Purifiante\u003c\/h3\u003e\n \u003cp\u003eRafraîchit l'haleine et assainit l'atmosphère ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de menthe poivrée ?\u003c\/h2\u003e\n \u003cp class=\"mp-section-intro\"\u003eCette huile est \u003cstrong\u003epuissante\u003c\/strong\u003e : quelques gouttes suffisent. Voici les principales utilisations :\u003c\/p\u003e\n \u003cdiv class=\"mp-timeline\"\u003e\n \u003cdiv class=\"mp-timeline-item\"\u003e\n \u003cdiv class=\"mp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-content\"\u003e\n \u003ch3\u003e💆 En massage\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 goutte dans 4 gouttes d'huile végétale (amande douce, jojoba) et appliquez localement sur les tempes (en évitant les yeux) en cas de mal de tête, ou sur le ventre pour favoriser la digestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-item\"\u003e\n \u003cdiv class=\"mp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-content\"\u003e\n \u003ch3\u003e👄 Par voie orale\u003c\/h3\u003e\n \u003cp\u003e1 goutte sur un support neutre (miel, sucre, comprimé) après un repas lourd ou en cas de nausée, sur conseil d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-item\"\u003e\n \u003cdiv class=\"mp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion\u003c\/h3\u003e\n \u003cp\u003eÀ utiliser brièvement (10 minutes) et toujours mélangée à d'autres huiles essentielles plus douces (citron, lavande).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-item\"\u003e\n \u003cdiv class=\"mp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-content\"\u003e\n \u003ch3\u003e🫁 En inhalation sèche\u003c\/h3\u003e\n \u003cp\u003e1 goutte sur un mouchoir pour retrouver tonus et clarté mentale en quelques instants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mp-accordion\"\u003e\n \u003cdetails class=\"mp-accordion-item\"\u003e\n \u003csummary class=\"mp-accordion-header\"\u003e⚠️ Publics déconseillés\u003c\/summary\u003e\n \u003cdiv class=\"mp-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile essentielle de menthe poivrée est \u003cstrong\u003edéconseillée\u003c\/strong\u003e aux femmes enceintes ou allaitantes, aux enfants de moins de 7 ans, aux personnes épileptiques, asthmatiques ou souffrant d'hypertension.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mp-accordion-item\"\u003e\n \u003csummary class=\"mp-accordion-header\"\u003e🚫 Usages à éviter\u003c\/summary\u003e\n \u003cdiv class=\"mp-accordion-content mt-3\"\u003e\n \u003cp\u003eNe jamais l'appliquer pure sur la peau, ni sur de grandes surfaces. Évitez le contact avec les yeux et les muqueuses. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mp-accordion-item\"\u003e\n \u003csummary class=\"mp-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"mp-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eCe produit ne se substitue pas à un traitement médical. En cas de doute, demandez l'avis de votre médecin, pharmacien ou aromathérapeute.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Eolésens ?\u003c\/h2\u003e\n \u003cdiv class=\"mp-cta-box\"\u003e\n \u003cp\u003eEolésens est une marque française engagée qui propose des huiles essentielles \u003cstrong\u003e100 % pures, naturelles et bio\u003c\/strong\u003e, dans le respect des producteurs et de la biodiversité. Chaque flacon est traçable, contrôlé et conditionné avec soin pour préserver toute la richesse aromatique de la plante. Un choix sûr pour intégrer l'aromathérapie à votre routine bien-être, en toute sérénité. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mp-cream: #f5faf3;\n --mp-white: #ffffff;\n --mp-primary: #7cb342;\n --mp-primary-dark: #3d6b1f;\n --mp-primary-light: #e8f3de;\n --mp-secondary: #a5d66a;\n --mp-accent: #2e7d32;\n --mp-text: #1a2a14;\n --mp-text-light: #5a6b52;\n --mp-border: #d9e8cc;\n --mp-shadow: 0 4px 24px rgba(61,107,31,.10);\n --mp-shadow-lg: 0 12px 48px rgba(61,107,31,.18);\n --mp-radius: 20px;\n --mp-radius-sm: 12px;\n}\n\n.mp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mp-text);\n}\n\n.mp-hero {\n position: relative;\n background: linear-gradient(135deg, #a5d66a 0%, #7cb342 50%, #3d6b1f 100%);\n border-radius: var(--mp-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(--mp-shadow-lg);\n}\n\n.mp-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 2px), radial-gradient(circle at 80% 70%, white 2px, transparent 2px);\n background-size: 80px 80px;\n opacity: .08;\n}\n\n.mp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mp-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 line-height: 1.1;\n}\n\n.mp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n font-style: italic;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.mp-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.mp-description em {\n font-style: italic;\n}\n\n.mp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mp-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(--mp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.mp-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(--mp-primary), var(--mp-secondary));\n border-radius: 2px;\n}\n\n.mp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mp-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.mp-section-intro em {\n font-style: italic;\n}\n\n.mp-card {\n background: var(--mp-white);\n border-radius: var(--mp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mp-shadow-lg);\n border-color: var(--mp-primary);\n}\n\n.mp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mp-grid-compact .mp-card {\n padding: 1rem;\n}\n\n.mp-grid-compact .mp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mp-grid-compact .mp-card p {\n font-size: 13px;\n}\n\n.mp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.mp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mp-primary), var(--mp-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(124,179,66,.3);\n}\n\n.mp-timeline-content {\n flex: 1;\n background: var(--mp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mp-radius-sm);\n box-shadow: var(--mp-shadow);\n}\n\n.mp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mp-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.mp-timeline-content p {\n font-size: 14px;\n color: var(--mp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mp-accordion {\n background: var(--mp-white);\n border-radius: var(--mp-radius);\n box-shadow: var(--mp-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.mp-accordion-item {\n border-bottom: 1px solid var(--mp-border);\n margin: 0;\n padding: 0;\n}\n\n.mp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mp-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.mp-accordion-header:hover {\n background: var(--mp-primary-light);\n}\n\n.mp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mp-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--mp-primary);\n transition: transform .2s ease;\n}\n\n.mp-accordion-item[open] .mp-accordion-header::after {\n content: '−';\n}\n\n.mp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mp-accordion-content p {\n margin: 0;\n}\n\n.mp-accordion-content em {\n font-style: italic;\n}\n\n.mp-cta-box {\n background: linear-gradient(135deg, var(--mp-primary) 0%, var(--mp-primary-dark) 100%);\n border-radius: var(--mp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mp-shadow-lg);\n}\n\n.mp-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.mp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n.mp-cta-box strong {\n font-weight: 800;\n}\n\n@media (max-width: 767px) {\n .mp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .mp-card {\n padding: 1.125rem;\n }\n .mp-section {\n margin-bottom: 1.75rem;\n }\n .mp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mp-radius-sm);\n }\n .mp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .mp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .mp-grid-compact {\n gap: .625rem;\n }\n .mp-grid-compact .mp-card {\n padding: .75rem;\n }\n .mp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .mp-timeline-content {\n padding: .875rem 1rem;\n }\n .mp-timeline-content h3 {\n font-size: 14px;\n }\n .mp-timeline-content p {\n font-size: 13px;\n }\n .mp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .mp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mp-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mp-card:nth-child(1) { animation-delay: .05s; }\n .mp-card:nth-child(2) { animation-delay: .1s; }\n .mp-card:nth-child(3) { animation-delay: .15s; }\n .mp-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mp-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":45888708444317,"sku":"NBAISEN0026","price":9.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-menthe-poivree-bio-10ml-eolesens-lifestyle.webp?v=1776440356"},{"product_id":"huile-essentielle-de-ravinstara-bio-10ml-eolesens","title":"Huile essentielle de Ravintsara Bio - 10ml - Eolesens","description":"\u003cdiv class=\"rav-premium\"\u003e\n \u003cdiv class=\"rav-hero\"\u003e\n \u003cdiv class=\"rav-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rav-hero-content\"\u003e\n \u003cdiv class=\"rav-badges-top\"\u003e\n \u003cspan class=\"rav-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n \u003cspan class=\"rav-badge\"\u003e🇲🇬 Madagascar\u003c\/span\u003e\n \u003cspan class=\"rav-badge\"\u003e💧 100% pure\u003c\/span\u003e\n \u003cspan class=\"rav-badge\"\u003e🧪 HEBBD\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rav-hero-title\"\u003eHuile Essentielle de Ravintsara Bio\u003c\/span\u003e\n \u003cp class=\"rav-subtitle\"\u003eCinnamomum camphora CT cinéole · Flacon 10 ml · Eolesens\u003c\/p\u003e\n \u003cp class=\"rav-description\"\u003eSurnommée « l'huile qui guérit », la Ravintsara est l'incontournable de l'aromathérapie familiale. Extraite des feuilles du \u003cem\u003eCinnamomum camphora\u003c\/em\u003e cultivé à Madagascar, elle soutient vos défenses naturelles avec toute la pureté d'une plante d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rav-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile essentielle de Ravintsara ?\u003c\/h2\u003e\n \u003cp class=\"rav-section-intro\"\u003ePolyvalente, remarquablement bien tolérée et idéale pour les débutants en aromathérapie, la Ravintsara doit ses bienfaits à sa forte teneur en \u003cstrong\u003e1,8-cinéole (eucalyptol)\u003c\/strong\u003e, un composé aromatique naturel aux propriétés dégageantes.\u003c\/p\u003e\n \u003cdiv class=\"rav-grid\"\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🌬️ Voies respiratoires\u003c\/h3\u003e\n \u003cp\u003eUn soutien précieux des voies respiratoires, notamment durant les périodes hivernales et les refroidissements saisonniers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e⚡ Tonus \u0026amp; énergie\u003c\/h3\u003e\n \u003cp\u003eUn effet tonifiant et revigorant en cas de fatigue passagère, pour retrouver dynamisme et vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🧘 Sérénité mentale\u003c\/h3\u003e\n \u003cp\u003eUne action apaisante sur le mental, utile pour retrouver calme, concentration et équilibre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eUn soutien traditionnel des défenses naturelles de l'organisme, particulièrement apprécié en changement de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rav-section\"\u003e\n \u003ch2\u003eComposition du flacon 10 ml\u003c\/h2\u003e\n \u003cp class=\"rav-section-intro\"\u003eAucun additif, aucun solvant, aucune dilution : vous obtenez une huile essentielle \u003cstrong\u003e100% pure, naturelle et intégrale\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"rav-grid-compact\"\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCinnamomum camphora\u003c\/em\u003e CT cinéole\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles de l'arbre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e💨 Mode d'obtention\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eMadagascar\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🧪 Composants\u003c\/h3\u003e\n \u003cp\u003e1,8-cinéole (50-65%), sabinène, α-terpinéol, α-pinène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e✅ Culture\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique (certifiée AB)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rav-section\"\u003e\n \u003ch2\u003eUtilisation de l'huile essentielle de Ravintsara\u003c\/h2\u003e\n \u003cp class=\"rav-section-intro\"\u003eVoici les principaux modes d'utilisation au quotidien pour profiter pleinement de ses bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"rav-timeline\"\u003e\n \u003cdiv class=\"rav-timeline-item\"\u003e\n \u003cdiv class=\"rav-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rav-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003e4 à 6 gouttes dans votre diffuseur pendant 15 à 20 minutes, pour assainir l'air de la maison et créer une ambiance dégagée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-timeline-item\"\u003e\n \u003cdiv class=\"rav-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rav-timeline-content\"\u003e\n \u003ch3\u003e👃 En inhalation\u003c\/h3\u003e\n \u003cp\u003e2 gouttes sur un mouchoir à respirer profondément plusieurs fois dans la journée, idéal en période de refroidissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-timeline-item\"\u003e\n \u003cdiv class=\"rav-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rav-timeline-content\"\u003e\n \u003ch3\u003e💆 En application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 gouttes dans une cuillère à café d'huile végétale (amande douce, noyau d'abricot), puis massez le thorax, le haut du dos ou la plante des pieds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-timeline-item\"\u003e\n \u003cdiv class=\"rav-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rav-timeline-content\"\u003e\n \u003ch3\u003e🛁 Dans le bain\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes mélangées à une base neutre pour un bain tonifiant et revigorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-tip\"\u003e\n \u003cspan class=\"rav-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eRespectez toujours les dosages indiqués et effectuez un \u003cstrong\u003etest cutané au pli du coude 24h\u003c\/strong\u003e avant la première application, pour une utilisation en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rav-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rav-accordion\"\u003e\n \u003cdetails class=\"rav-accordion-item\"\u003e\n \u003csummary class=\"rav-accordion-header\"\u003e🤰 Femmes enceintes \u0026amp; allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes (surtout durant les 3 premiers mois) et allaitantes sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rav-accordion-item\"\u003e\n \u003csummary class=\"rav-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux enfants de moins de 3 ans. Tenir hors de portée des enfants et éviter tout contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rav-accordion-item\"\u003e\n \u003csummary class=\"rav-accordion-header\"\u003e⚠️ Pathologies spécifiques\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003ePersonnes asthmatiques ou épileptiques : demandez l'avis d'un professionnel de santé avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rav-accordion-item\"\u003e\n \u003csummary class=\"rav-accordion-header\"\u003e🚫 Voie orale\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas ingérer sans l'accord d'un aromathérapeute qualifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rav-accordion-item\"\u003e\n \u003csummary class=\"rav-accordion-header\"\u003e🩺 Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile essentielle ne remplace en aucun cas un traitement médical. En cas de doute, de symptômes persistants ou de pathologie chronique, consultez votre médecin ou votre pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement Eolesens\u003c\/h2\u003e\n \u003cdiv class=\"rav-cta-box\"\u003e\n \u003cp\u003eEolesens sélectionne ses huiles essentielles avec exigence : \u003cstrong\u003etraçabilité complète\u003c\/strong\u003e, producteurs engagés, contrôles qualité rigoureux et certification biologique. En choisissant cette Ravintsara Bio, vous profitez d'un produit d'une pureté exemplaire, respectueux de votre santé comme de la biodiversité. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rav-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical et ne remplacent pas une consultation auprès d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rav-cream: #f5f9f2;\n --rav-white: #ffffff;\n --rav-primary: #6fae3f;\n --rav-primary-dark: #3d7a1f;\n --rav-primary-light: #eaf4df;\n --rav-secondary: #a8d878;\n --rav-accent: #d4a017;\n --rav-text: #1a2e12;\n --rav-text-light: #5a6b50;\n --rav-border: #dbe6d0;\n --rav-shadow: 0 4px 24px rgba(61,122,31,.08);\n --rav-shadow-lg: 0 12px 48px rgba(61,122,31,.18);\n --rav-radius: 20px;\n --rav-radius-sm: 12px;\n}\n\n.rav-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rav-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rav-text);\n}\n\n.rav-premium *,\n.rav-premium *::before,\n.rav-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.rav-hero {\n position: relative;\n background: linear-gradient(135deg, #6fae3f 0%, #4e8a2a 50%, #3d7a1f 100%);\n border-radius: var(--rav-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(--rav-shadow-lg);\n}\n\n.rav-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .25;\n}\n\n.rav-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rav-hero-title {\n display: block;\n color: white;\n font-size: clamp(26px, 6.5vw, 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.rav-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.rav-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.rav-description em {\n font-style: italic;\n}\n\n\/* === BADGES === *\/\n.rav-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rav-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(--rav-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rav-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rav-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rav-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rav-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.rav-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(--rav-primary), var(--rav-secondary));\n border-radius: 2px;\n}\n\n.rav-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rav-text-light);\n margin: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rav-card {\n background: var(--rav-white);\n border-radius: var(--rav-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rav-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rav-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rav-shadow-lg);\n border-color: var(--rav-primary);\n}\n\n.rav-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rav-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rav-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rav-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rav-card em { font-style: italic; }\n\n\/* === GRILLES === *\/\n.rav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rav-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rav-grid-compact .rav-card {\n padding: 1rem;\n}\n\n.rav-grid-compact .rav-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rav-grid-compact .rav-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rav-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rav-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rav-primary), var(--rav-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(61,122,31,.25);\n}\n\n.rav-timeline-content {\n flex: 1;\n background: var(--rav-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rav-radius-sm);\n box-shadow: var(--rav-shadow);\n}\n\n.rav-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rav-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rav-timeline-content p {\n font-size: 14px;\n color: var(--rav-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.rav-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rav-primary-light);\n border-radius: var(--rav-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--rav-primary);\n}\n\n.rav-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rav-tip p {\n font-size: 14px;\n color: var(--rav-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.rav-accordion {\n background: var(--rav-white);\n border-radius: var(--rav-radius);\n box-shadow: var(--rav-shadow);\n overflow: hidden;\n}\n\n.rav-accordion-item {\n border-bottom: 1px solid var(--rav-border);\n margin: 0;\n padding: 0;\n}\n\n.rav-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rav-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rav-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.rav-accordion-header:hover {\n background: var(--rav-primary-light);\n}\n\n.rav-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rav-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--rav-primary);\n transition: transform .2s ease;\n}\n\n.rav-accordion-item[open] .rav-accordion-header::after {\n content: '−';\n}\n\n.rav-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rav-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rav-accordion-content p { margin: 0; }\n\n\/* === CTA === *\/\n.rav-cta-box {\n background: linear-gradient(135deg, var(--rav-primary) 0%, var(--rav-primary-dark) 100%);\n border-radius: var(--rav-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--rav-shadow-lg);\n}\n\n.rav-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; right: -20%;\n width: 60%; height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.rav-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n.rav-cta-box strong {\n font-weight: 800;\n}\n\n\/* === DISCLAIMER === *\/\n.rav-disclaimer {\n font-size: 12px;\n color: var(--rav-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rav-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .rav-card { padding: 1.125rem; }\n .rav-section { margin-bottom: 1.75rem; }\n .rav-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rav-radius-sm);\n }\n .rav-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .rav-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .rav-grid-compact { gap: .625rem; }\n .rav-grid-compact .rav-card { padding: .75rem; }\n .rav-timeline-number {\n width: 32px; height: 32px;\n font-size: 14px;\n }\n .rav-timeline-content { padding: .875rem 1rem; }\n .rav-timeline-content h3 { font-size: 14px; }\n .rav-timeline-content p { font-size: 13px; }\n .rav-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .rav-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rav-card {\n animation: fadeInUp .5s ease backwards;\n }\n .rav-card:nth-child(1) { animation-delay: .05s; }\n .rav-card:nth-child(2) { animation-delay: .1s; }\n .rav-card:nth-child(3) { animation-delay: .15s; }\n .rav-card:nth-child(4) { animation-delay: .2s; }\n .rav-card:nth-child(5) { animation-delay: .25s; }\n .rav-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 .rav-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":45888708771997,"sku":"NBAISEN0020","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-ravintsara-bio-10ml-eolesens-lifestyle.webp?v=1776440386"},{"product_id":"rollon-aux-huiles-essentielles-bio-calm-tete-9ml-eolesens","title":"Roll'on Calm' Tête Bio - Soulage les Maux de Tête - Eolesens","description":"\u003cdiv class=\"calm-premium\"\u003e\n\n \u003cdiv class=\"calm-hero\"\u003e\n \u003cdiv class=\"calm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"calm-hero-content\"\u003e\n \u003cdiv class=\"calm-badges-top\"\u003e\n \u003cspan class=\"calm-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"calm-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"calm-badge\"\u003e💧 9 ml nomade\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"calm-hero-title\"\u003eRoll'on Calm' Tête Eolesens\u003c\/span\u003e\n \u003cp class=\"calm-subtitle\"\u003eLe geste apaisant aux huiles essentielles bio\u003c\/p\u003e\n \u003cp class=\"calm-description\"\u003eQuand la tension monte, que la tête devient lourde ou que la fatigue se fait sentir, offrez-vous un moment de fraîcheur immédiate. Un format nomade à glisser partout pour un soulagement rapide et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"calm-section\"\u003e\n \u003ch2\u003eRoll'on Calm' Tête Eolesens : le geste apaisant aux huiles essentielles bio\u003c\/h2\u003e\n \u003cp class=\"calm-section-intro\"\u003eQuand la tension monte, que la tête devient lourde ou que la fatigue se fait sentir, vous cherchez une solution simple, naturelle et efficace. Le \u003cstrong\u003eRoll'on aux huiles essentielles bio Calm' Tête d'Eolesens\u003c\/strong\u003e a été pensé exactement pour ces moments-là. Dans un format nomade de 9 ml, ce \u003cstrong\u003eroll-on huiles essentielles\u003c\/strong\u003e vous offre un geste précis, rapide et agréable, à glisser dans un sac, une poche ou un tiroir de bureau.\u003c\/p\u003e\n \u003cdiv class=\"calm-grid-compact\"\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🧠 Soulagement ciblé\u003c\/h3\u003e\n \u003cp\u003eApaise les maux de tête en douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🌊 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eDétend les tensions du quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🌱 Formule bio\u003c\/h3\u003e\n \u003cp\u003eCertifiée Cosmos Organic\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e❄️ Fraîcheur instantanée\u003c\/h3\u003e\n \u003cp\u003eSensation rafraîchissante immédiate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"calm-section\"\u003e\n \u003ch2\u003ePourquoi choisir un roll-on aux huiles essentielles ?\u003c\/h2\u003e\n \u003cp\u003eUn \u003cstrong\u003eroll on aux huiles essentielles\u003c\/strong\u003e est un petit flacon muni d'une bille qui permet d'appliquer facilement un mélange d'huiles essentielles déjà diluées dans une huile végétale. Plus besoin de doser soi-même : la formule est prête à l'emploi, équilibrée et parfaitement adaptée à une application cutanée ciblée. C'est la solution idéale pour profiter des bienfaits de l'aromathérapie au quotidien, sans contrainte.\u003c\/p\u003e\n \u003cdiv class=\"calm-tip\"\u003e\n \u003cspan class=\"calm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eL'avantage roll-on :\u003c\/strong\u003e une application nette, sans les mains, sans dosage, et une diffusion parfaitement maîtrisée sur les zones sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"calm-section\"\u003e\n \u003ch2\u003eUne synergie pensée pour apaiser la tête\u003c\/h2\u003e\n \u003cp class=\"calm-section-intro\"\u003eLa formule Calm' Tête associe des \u003cstrong\u003ehuiles essentielles bio\u003c\/strong\u003e réputées pour leur fraîcheur et leur action apaisante.\u003c\/p\u003e\n \u003cdiv class=\"calm-grid\"\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e❄️ Menthe poivrée\u003c\/h3\u003e\n \u003cp\u003eEffet glacial immédiat et sensation de fraîcheur sur les tempes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e💜 Lavande fine\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses vertus relaxantes et son parfum rassurant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🌿 Eucalyptus\u003c\/h3\u003e\n \u003cp\u003eContribue à une sensation de respiration dégagée et libérée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🌻 Huile végétale\u003c\/h3\u003e\n \u003cp\u003eSupport doux qui assure une application agréable, sans irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-tip\"\u003e\n \u003cspan class=\"calm-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eUn compagnon précieux lors d'une journée chargée, d'un long trajet ou après de longues heures devant un écran.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"calm-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"calm-timeline\"\u003e\n \u003cdiv class=\"calm-timeline-item\"\u003e\n \u003cdiv class=\"calm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"calm-timeline-content\"\u003e\n \u003ch3\u003eIdentifiez le besoin\u003c\/h3\u003e\n \u003cp\u003eDès les premiers signes de tension ou de fatigue, sortez votre roll-on.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-timeline-item\"\u003e\n \u003cdiv class=\"calm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"calm-timeline-content\"\u003e\n \u003ch3\u003eAppliquez avec précision\u003c\/h3\u003e\n \u003cp\u003eSur les \u003cstrong\u003etempes, le front et la nuque\u003c\/strong\u003e, en évitant le contour des yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-timeline-item\"\u003e\n \u003cdiv class=\"calm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"calm-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eEn petits cercles pour favoriser la diffusion des actifs et amplifier la sensation apaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-timeline-item\"\u003e\n \u003cdiv class=\"calm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"calm-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 2 à 3 applications par jour, en respectant les précautions d'usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-tip\"\u003e\n \u003cspan class=\"calm-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e déconseillé aux enfants de moins de 7 ans, aux femmes enceintes ou allaitantes et aux personnes épileptiques ou asthmatiques. Faites un test dans le pli du coude 24 h avant la première utilisation. En cas de mal de tête persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"calm-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"calm-testimonial\"\u003e\n \u003cp class=\"calm-testimonial-text\"\u003eHelianthus Annuus Seed Oil*, Mentha Piperita Oil*, Lavandula Angustifolia Oil*, Eucalyptus Globulus Leaf Oil*, Rosmarinus Officinalis Leaf Oil*, Limonene, Linalool, Geraniol.\u003cbr\u003e\u003cbr\u003e*Ingrédients issus de l'agriculture biologique.\u003cbr\u003e\u003cstrong\u003eCertifié Cosmos Organic par Ecocert Greenlife.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"calm-section\"\u003e\n \u003ch2\u003eLes atouts du roll-on Calm' Tête Eolesens\u003c\/h2\u003e\n \u003cdiv class=\"calm-grid-compact\"\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eFormule d'origine naturelle, certifiée bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🎯 Application précise\u003c\/h3\u003e\n \u003cp\u003eBille roll-on pour un geste net\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🎒 Format nomade\u003c\/h3\u003e\n \u003cp\u003e9 ml à emporter partout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eRespect de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"calm-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"calm-accordion\"\u003e\n \u003cdetails class=\"calm-accordion-item\"\u003e\n \u003csummary class=\"calm-accordion-header\"\u003e🌿 Quels sont les bienfaits d'un roll-on aux huiles essentielles ?\u003c\/summary\u003e\n \u003cdiv class=\"calm-accordion-content mt-3\"\u003e\n \u003cp\u003eIl permet une application locale rapide et dosée, idéale pour accompagner les tensions quotidiennes. La bille assure une diffusion précise des actifs sur les zones ciblées comme les tempes ou la nuque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"calm-accordion-item\"\u003e\n \u003csummary class=\"calm-accordion-header\"\u003e⭐ Avis sur le Calm' Tête Eolesens ?\u003c\/summary\u003e\n \u003cdiv class=\"calm-accordion-content mt-3\"\u003e\n \u003cp\u003eLes utilisateurs apprécient la sensation de fraîcheur immédiate, la praticité du format nomade et la qualité de la formule bio certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"calm-accordion-item\"\u003e\n \u003csummary class=\"calm-accordion-header\"\u003e🔄 Peut-on l'utiliser plusieurs fois par jour ?\u003c\/summary\u003e\n \u003cdiv class=\"calm-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, jusqu'à 3 applications par jour, en respectant les précautions d'usage et en évitant les zones sensibles comme le contour des yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"calm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"calm-cta-box\"\u003e\n \u003cp\u003eOffrez-vous un geste de bien-être naturel et reprenez le contrôle de vos journées avec Eolesens ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"calm-disclaimer\"\u003eCe produit ne remplace pas un avis ou un traitement médical. En cas de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --calm-cream: #f4fafd;\n --calm-white: #ffffff;\n --calm-primary: #3bb4d4;\n --calm-primary-dark: #1e7a96;\n --calm-primary-light: #e1f2f8;\n --calm-secondary: #6bcfa8;\n --calm-accent: #a7e4d4;\n --calm-text: #1a2a33;\n --calm-text-light: #5a6b73;\n --calm-border: #d8e8ef;\n --calm-shadow: 0 4px 24px rgba(30, 122, 150, .08);\n --calm-shadow-lg: 0 12px 48px rgba(30, 122, 150, .18);\n --calm-radius: 20px;\n --calm-radius-sm: 12px;\n}\n\n.calm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--calm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--calm-text);\n line-height: 1.6;\n}\n\n.calm-premium p {\n color: var(--calm-text);\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.7;\n}\n\n.calm-premium strong {\n color: var(--calm-primary-dark);\n font-weight: 700;\n}\n\n\/* === HERO === *\/\n.calm-hero {\n position: relative;\n background: linear-gradient(135deg, #5ec8e0 0%, #3bb4d4 50%, #1e7a96 100%);\n border-radius: var(--calm-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(--calm-shadow-lg);\n}\n\n.calm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .25;\n}\n\n.calm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.calm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\n line-height: 1.1;\n}\n\n.calm-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.calm-description {\n color: white;\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n opacity: .92;\n}\n\n\/* === BADGES === *\/\n.calm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.calm-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(--calm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.calm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.calm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.calm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--calm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.calm-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(--calm-primary), var(--calm-secondary));\n border-radius: 2px;\n}\n\n.calm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--calm-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.calm-card {\n background: var(--calm-white);\n border-radius: var(--calm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--calm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.calm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--calm-shadow-lg);\n border-color: var(--calm-primary);\n}\n\n.calm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--calm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.calm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--calm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRIDS === *\/\n.calm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.calm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.calm-grid-compact .calm-card {\n padding: 1rem;\n}\n\n.calm-grid-compact .calm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.calm-grid-compact .calm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.calm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.calm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.calm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--calm-primary), var(--calm-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, 180, 212, .3);\n}\n\n.calm-timeline-content {\n flex: 1;\n background: var(--calm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--calm-radius-sm);\n box-shadow: var(--calm-shadow);\n}\n\n.calm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--calm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.calm-timeline-content p {\n font-size: 14px;\n color: var(--calm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL (pour INCI) === *\/\n.calm-testimonial {\n background: var(--calm-white);\n border-radius: var(--calm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--calm-shadow);\n border-left: 4px solid var(--calm-primary);\n}\n\n.calm-testimonial-text {\n font-size: clamp(13px, 2.2vw, 15px);\n color: var(--calm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.calm-accordion {\n background: var(--calm-white);\n border-radius: var(--calm-radius);\n box-shadow: var(--calm-shadow);\n overflow: hidden;\n}\n\n.calm-accordion-item {\n border-bottom: 1px solid var(--calm-border);\n}\n\n.calm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.calm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--calm-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.calm-accordion-header:hover {\n background: var(--calm-primary-light);\n}\n\n.calm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.calm-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--calm-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.calm-accordion-item[open] .calm-accordion-header::after {\n content: '−';\n}\n\n.calm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--calm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.calm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.calm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--calm-primary-light);\n border-radius: var(--calm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--calm-primary);\n}\n\n.calm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.calm-tip p {\n font-size: 14px;\n color: var(--calm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.calm-cta-box {\n background: linear-gradient(135deg, var(--calm-primary) 0%, var(--calm-primary-dark) 100%);\n border-radius: var(--calm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--calm-shadow-lg);\n}\n\n.calm-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.calm-disclaimer {\n font-size: 12px;\n color: var(--calm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .calm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .calm-card {\n padding: 1.125rem;\n }\n \n .calm-section {\n margin-bottom: 1.75rem;\n }\n \n .calm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--calm-radius-sm);\n }\n \n .calm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .calm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .calm-grid-compact {\n gap: .625rem;\n }\n \n .calm-grid-compact .calm-card {\n padding: .75rem;\n }\n \n .calm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .calm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .calm-timeline-content h3 {\n font-size: 14px;\n }\n \n .calm-timeline-content p {\n font-size: 13px;\n }\n \n .calm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .calm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .calm-testimonial {\n padding: 1.25rem;\n }\n \n .calm-testimonial-text {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .calm-card {\n animation: calmFadeInUp .5s ease backwards;\n }\n .calm-card:nth-child(1) { animation-delay: .05s; }\n .calm-card:nth-child(2) { animation-delay: .1s; }\n .calm-card:nth-child(3) { animation-delay: .15s; }\n .calm-card:nth-child(4) { animation-delay: .2s; }\n .calm-card:nth-child(5) { animation-delay: .25s; }\n .calm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes calmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .calm-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":45888708837533,"sku":"NBAISEN0035","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rollon-aux-huiles-essentielles-bio-calm-tete-9ml-eolesens-packshothd.webp?v=1776410662"},{"product_id":"huile-essentielle-bio-de-ravintsara-saint-hilaire-10-ml","title":"Huile Essentielle Bio de Ravintsara - Saint-Hilaire - 10 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Essentielle Bio de Ravintsara - Saint-Hilaire - 10 ml\nPalette détectée:\n - Primaire: #1B5E3B (vert foncé profond du bouchon et de la typographie)\n - Secondaire: #8FC5B3 (vert menthe\/sauge clair de l'étiquette)\n - Accent: #C47A2A (ambre\/brun doré du flacon en verre)\nAmbiance: Naturel\/bio, aromathérapie, artisanal français, commerce équitable, univers végétal et apaisant\nPréfixe CSS: rv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile essentielle de Ravintsara bio : l'alliée incontournable de l'hiver\"\n 2. \"Pourquoi le ravintsara est-il si prisé en aromathérapie ?\"\n 3. \"Comment utiliser l'huile essentielle de ravintsara au quotidien ?\"\n 4. \"Fiche technique complète\"\n 5. \"Précautions d'emploi importantes\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"rv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rv-hero\"\u003e\n \u003cdiv class=\"rv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rv-hero-content\"\u003e\n \u003cdiv class=\"rv-badges-top\"\u003e\n \u003cspan class=\"rv-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e\n \u003cspan class=\"rv-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"rv-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003cspan class=\"rv-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rv-hero-title\"\u003eHuile essentielle bio de Ravintsara\u003c\/span\u003e\n \u003cp class=\"rv-subtitle\"\u003eDistillerie Saint-Hilaire — 10 ml\u003c\/p\u003e\n \u003cp class=\"rv-description\"\u003eLa « bonne feuille » de Madagascar, distillée en Auvergne avec passion. Un concentré de nature pour traverser l'hiver en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rv-section\"\u003e\n \u003ch2\u003eHuile essentielle de Ravintsara bio : l'alliée incontournable de l'hiver\u003c\/h2\u003e\n \u003cp class=\"rv-section-intro\"\u003eVous cherchez une huile essentielle de ravintsara de qualité irréprochable ? Celle de la Distillerie Saint-Hilaire coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"rv-grid-compact\"\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e✅ Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (AB), pour une pureté garantie sans pesticides ni résidus chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🧪 Chémotypée\u003c\/h3\u003e\n \u003cp\u003eProfil biochimique analysé et garanti, pour une efficacité optimale à chaque flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eFilière respectueuse des producteurs malgaches et de leur savoir-faire ancestral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🍃 Feuilles fraîches\u003c\/h3\u003e\n \u003cp\u003eDistillée à partir des feuilles de \u003cem\u003eCinnamomum camphora\u003c\/em\u003e cultivé à Madagascar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-tip\"\u003e\n \u003cspan class=\"rv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUn flacon de \u003cstrong\u003e10 ml concentré en actifs puissants\u003c\/strong\u003e, prêt à vous accompagner dès les premiers froids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rv-section\"\u003e\n \u003ch2\u003ePourquoi le ravintsara est-il si prisé en aromathérapie ?\u003c\/h2\u003e\n \u003cp class=\"rv-section-intro\"\u003eEn malgache, ravintsara signifie « bonne feuille ». Ce nom n'est pas usurpé : ses bienfaits sont parmi les plus documentés et reconnus par les aromathérapeutes. Riche en \u003cstrong\u003e1,8-cinéole\u003c\/strong\u003e (eucalyptol), en sabinène et en alpha-terpinéol, cette huile possède un profil biochimique remarquable.\u003c\/p\u003e\n \u003cdiv class=\"rv-grid\"\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🛡️ Soutien des défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour \u003cstrong\u003estimuler l'immunité\u003c\/strong\u003e, elle est particulièrement recherchée en période hivernale ou lors de changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eSes propriétés expectorantes aident à \u003cstrong\u003elibérer les voies respiratoires\u003c\/strong\u003e encombrées et à retrouver une respiration plus fluide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e⚡ Tonus et vitalité\u003c\/h3\u003e\n \u003cp\u003eNeurotonique douce, elle combat la \u003cstrong\u003efatigue nerveuse et physique\u003c\/strong\u003e sans provoquer d'excitation excessive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e😌 Apaisement\u003c\/h3\u003e\n \u003cp\u003eMalgré son côté tonifiant, elle favorise également la \u003cstrong\u003edétente et un sommeil\u003c\/strong\u003e de meilleure qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rv-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de ravintsara au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"rv-section-intro\"\u003eL'utilisation de l'huile essentielle de ravintsara est polyvalente. Voici les trois modes d'emploi les plus courants :\u003c\/p\u003e\n \u003cdiv class=\"rv-timeline\"\u003e\n \u003cdiv class=\"rv-timeline-item\"\u003e\n \u003cdiv class=\"rv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rv-timeline-content\"\u003e\n \u003ch3\u003e🤲 En massage (voie cutanée)\u003c\/h3\u003e\n \u003cp\u003eDiluez \u003cstrong\u003e3 à 4 gouttes\u003c\/strong\u003e dans une cuillère à café d'huile végétale (amande douce, jojoba). Massez le thorax, le haut du dos ou la plante des pieds. Idéal le soir pour préparer l'organisme à affronter les virus saisonniers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-timeline-item\"\u003e\n \u003cdiv class=\"rv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rv-timeline-content\"\u003e\n \u003ch3\u003e👃 En inhalation\u003c\/h3\u003e\n \u003cp\u003eDéposez \u003cstrong\u003e2 gouttes\u003c\/strong\u003e sur un mouchoir en tissu ou dans un bol d'eau chaude. Respirez profondément pendant quelques minutes pour dégager le nez et les bronches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-timeline-item\"\u003e\n \u003cdiv class=\"rv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rv-timeline-content\"\u003e\n \u003ch3\u003e🌫️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez \u003cstrong\u003e5 à 8 gouttes\u003c\/strong\u003e dans votre diffuseur et laissez fonctionner 15 à 20 minutes. L'air est assaini et l'ambiance devient vivifiante, parfaite pour un bureau ou un salon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-tip\"\u003e\n \u003cspan class=\"rv-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce prévention :\u003c\/strong\u003e appliquez une goutte pure sur chaque poignet chaque matin pendant les périodes à risque. Un geste simple, rapide et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rv-section\"\u003e\n \u003ch2\u003eFiche technique complète\u003c\/h2\u003e\n \u003cdiv class=\"rv-grid-compact\"\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCinnamomum camphora\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n \u003cp\u003eMadagascar\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e💧 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🧪 Chémotype\u003c\/h3\u003e\n \u003cp\u003e1,8-cinéole, sabinène, alpha-terpinéol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (AB) \u0026amp; commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🏭 Fabricant\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne (France)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rv-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"rv-accordion\"\u003e\n \u003cdetails class=\"rv-accordion-item\"\u003e\n \u003csummary class=\"rv-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"rv-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e et aux \u003cstrong\u003eenfants de moins de 6 ans\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rv-accordion-item\"\u003e\n \u003csummary class=\"rv-accordion-header\"\u003e👁️ Contact et zones sensibles\u003c\/summary\u003e\n \u003cdiv class=\"rv-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux, les muqueuses et les zones sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rv-accordion-item\"\u003e\n \u003csummary class=\"rv-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"rv-accordion-content mt-3\"\u003e\n \u003cp\u003eEffectuez un test cutané au pli du coude \u003cstrong\u003e24 heures avant\u003c\/strong\u003e la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rv-accordion-item\"\u003e\n \u003csummary class=\"rv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rv-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon bien fermé, à l'abri de la lumière et de la chaleur. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rv-accordion-item\"\u003e\n \u003csummary class=\"rv-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"rv-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile essentielle ne remplace en aucun cas un traitement médical. En cas de doute ou de pathologie, consultez votre médecin ou un aromathérapeute qualifié avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"rv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rv-cta-box\"\u003e\n \u003cp\u003eAvec l'\u003cstrong\u003ehuile essentielle bio de ravintsara\u003c\/strong\u003e Saint-Hilaire, vous faites le choix d'un produit pur, traçable et respectueux de l'environnement. Un indispensable à glisser dans votre armoire à pharmacie naturelle pour traverser l'hiver en toute sérénité. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rv-disclaimer\"\u003eLes huiles essentielles sont des produits concentrés à utiliser avec précaution. Les informations fournies ne se substituent pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --rv-cream: #f5f7f4;\n --rv-white: #ffffff;\n --rv-primary: #1B5E3B;\n --rv-primary-dark: #14432B;\n --rv-primary-light: #e8f3ed;\n --rv-secondary: #8FC5B3;\n --rv-accent: #C47A2A;\n --rv-text: #1a1a1a;\n --rv-text-light: #5a5a5a;\n --rv-border: #d9e5df;\n --rv-shadow: 0 4px 24px rgba(27, 94, 59, .08);\n --rv-shadow-lg: 0 12px 48px rgba(27, 94, 59, .15);\n --rv-radius: 20px;\n --rv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rv-hero {\n position: relative;\n background: linear-gradient(135deg, #14432B 0%, #1B5E3B 40%, #2A7A52 70%, #8FC5B3 100%);\n border-radius: var(--rv-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(--rv-shadow-lg);\n}\n\n.rv-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(143,197,179,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(196,122,42,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.rv-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.rv-subtitle {\n color: var(--rv-secondary);\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.rv-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.rv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rv-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(--rv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rv-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.rv-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(--rv-primary), var(--rv-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.rv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rv-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.rv-card {\n background: var(--rv-white);\n border-radius: var(--rv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rv-shadow-lg);\n border-color: var(--rv-primary);\n}\n\n.rv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.rv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rv-grid-compact .rv-card {\n padding: 1rem;\n}\n\n.rv-grid-compact .rv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rv-grid-compact .rv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rv-primary), var(--rv-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.rv-timeline-content {\n flex: 1;\n background: var(--rv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rv-radius-sm);\n box-shadow: var(--rv-shadow);\n}\n\n.rv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rv-timeline-content p {\n font-size: 14px;\n color: var(--rv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rv-testimonial {\n background: var(--rv-white);\n border-radius: var(--rv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rv-shadow);\n border-left: 4px solid var(--rv-primary);\n}\n\n.rv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rv-accordion {\n background: var(--rv-white);\n border-radius: var(--rv-radius);\n box-shadow: var(--rv-shadow);\n overflow: hidden;\n}\n\n.rv-accordion-item {\n border-bottom: 1px solid var(--rv-border);\n margin: 0;\n padding: 0;\n}\n\n.rv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rv-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.rv-accordion-header:hover {\n background: var(--rv-primary-light);\n}\n\n.rv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rv-primary);\n transition: transform .2s ease;\n}\n\n.rv-accordion-item[open] .rv-accordion-header::after {\n content: '−';\n}\n\n.rv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rv-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rv-primary-light);\n border-radius: var(--rv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rv-tip p {\n font-size: 14px;\n color: var(--rv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.rv-cta-box {\n background: linear-gradient(135deg, var(--rv-primary) 0%, var(--rv-primary-dark) 100%);\n border-radius: var(--rv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rv-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.rv-disclaimer {\n font-size: 12px;\n color: var(--rv-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 .rv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rv-card {\n padding: 1.125rem;\n }\n\n .rv-section {\n margin-bottom: 1.75rem;\n }\n\n .rv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rv-radius-sm);\n }\n\n .rv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rv-grid-compact {\n gap: .625rem;\n }\n\n .rv-grid-compact .rv-card {\n padding: .75rem;\n }\n\n .rv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rv-timeline-content h3 {\n font-size: 14px;\n }\n\n .rv-timeline-content p {\n font-size: 13px;\n }\n\n .rv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rv-testimonial {\n padding: 1.25rem;\n }\n\n .rv-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rv-card {\n animation: rvFadeInUp .5s ease backwards;\n }\n .rv-card:nth-child(1) { animation-delay: .05s; }\n .rv-card:nth-child(2) { animation-delay: .1s; }\n .rv-card:nth-child(3) { animation-delay: .15s; }\n .rv-card:nth-child(4) { animation-delay: .2s; }\n .rv-card:nth-child(5) { animation-delay: .25s; }\n .rv-card:nth-child(6) { animation-delay: .3s; }\n .rv-card:nth-child(7) { animation-delay: .35s; }\n .rv-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes rvFadeInUp {\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 .rv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54850246443385,"sku":"NBAIDSH0014","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-ravintsara-bio-10ml-distillerie-saint-hilaire-2-min.jpg?v=1771503368"},{"product_id":"huile-essentielle-orange-douce-bio-saint-hilaire-10-ml","title":"Huile Essentielle - Orange Douce Bio - Saint Hilaire - 10 ml","description":"\u003cdiv class=\"od-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"od-hero\"\u003e\n \u003cdiv class=\"od-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"od-hero-content\"\u003e\n \u003cdiv class=\"od-badges-top\"\u003e\n \u003cspan class=\"od-badge\"\u003e🍊 100 % pure \u0026amp; naturelle\u003c\/span\u003e\n \u003cspan class=\"od-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"od-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"od-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"od-hero-title\"\u003eHuile essentielle d'orange douce bio\u003c\/span\u003e\n \u003cp class=\"od-subtitle\"\u003eDistillerie Saint-Hilaire · 10 ml\u003c\/p\u003e\n \u003cp class=\"od-description\"\u003eUn concentré de douceur et de sérénité issu du zeste d'orange, expressé à froid pour préserver toute la richesse aromatique du fruit frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003eHuile essentielle d'orange douce bio – Distillerie Saint-Hilaire\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eVous cherchez une huile essentielle à la fois douce, polyvalente et réconfortante ? L'huile essentielle d'orange douce bio de la Distillerie Saint-Hilaire est l'une des incontournables de l'aromathérapie.\u003c\/p\u003e\n \u003cdiv class=\"od-grid-compact\"\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🍊 Expression à froid\u003c\/h3\u003e\n \u003cp\u003eObtenue par pression du péricarpe (zeste) de \u003cem\u003eCitrus aurantium var. dulcis\u003c\/em\u003e, sans solvant ni chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🌱 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio, garantissant l'absence de pesticides et une culture respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🔬 Chémotypée\u003c\/h3\u003e\n \u003cp\u003eChaque lot est analysé pour garantir un profil biochimique précis et une qualité constante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire auvergnat\u003c\/h3\u003e\n \u003cp\u003eFabriquée artisanalement en Auvergne par la Distillerie Saint-Hilaire, un gage de traçabilité exemplaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003eComposition et profil biochimique\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eLa puissance de cette huile essentielle repose sur sa composition naturellement concentrée, dominée par le limonène.\u003c\/p\u003e\n \u003cdiv class=\"od-grid\"\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🧬 Limonène (plus de 90 %)\u003c\/h3\u003e\n \u003cp\u003eCe monoterpène est le composant majeur, reconnu pour ses propriétés assainissantes, calmantes et sa fragrance caractéristique d'agrume frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🌿 Myrcène, linalol, décanal\u003c\/h3\u003e\n \u003cp\u003ePrésents en plus faibles proportions, ils complètent le profil olfactif et contribuent aux bienfaits globaux de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e✅ 100 % pure\u003c\/h3\u003e\n \u003cp\u003eIngrédient unique : huile essentielle de \u003cem\u003eCitrus aurantium var. dulcis\u003c\/em\u003e (péricarpe), issue de l'agriculture biologique. Sans additif, sans conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle d'orange douce\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eLes bienfaits de l'huile essentielle d'orange douce sont multiples et touchent aussi bien la sphère émotionnelle que physique.\u003c\/p\u003e\n \u003cdiv class=\"od-grid\"\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e😌 Apaisante et relaxante\u003c\/h3\u003e\n \u003cp\u003eL'alliée idéale pour calmer les tensions nerveuses en fin de journée. En diffusion le soir, elle favorise un climat propice à l'endormissement et aide à lutter contre l'insomnie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e☀️ Rééquilibrante\u003c\/h3\u003e\n \u003cp\u003eSon parfum chaleureux et fruité véhicule bonne humeur et optimisme. Elle aide à dissiper la morosité et le stress du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🌬️ Assainissante\u003c\/h3\u003e\n \u003cp\u003eEn diffusion atmosphérique, elle purifie l'air de votre intérieur tout en laissant une note olfactive agréable et gourmande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eDiluée dans une huile végétale et appliquée en massage sur l'abdomen, elle contribue à apaiser les inconforts digestifs passagers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle d'orange douce ?\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eDécouvrez les modes d'emploi les plus courants pour intégrer cette huile à votre quotidien.\u003c\/p\u003e\n \u003cdiv class=\"od-timeline\"\u003e\n \u003cdiv class=\"od-timeline-item\"\u003e\n \u003cdiv class=\"od-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"od-timeline-content\"\u003e\n \u003ch3\u003e💨 En diffusion\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 10 gouttes dans votre diffuseur pendant 20 à 30 minutes. Idéal le soir pour préparer le corps au repos, ou pour assainir une pièce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-timeline-item\"\u003e\n \u003cdiv class=\"od-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"od-timeline-content\"\u003e\n \u003ch3\u003e🤲 En massage relaxant\u003c\/h3\u003e\n \u003cp\u003eDiluez 3 à 4 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba). Massez le plexus solaire, la voûte plantaire ou l'abdomen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-timeline-item\"\u003e\n \u003cdiv class=\"od-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"od-timeline-content\"\u003e\n \u003ch3\u003e🍰 En cuisine\u003c\/h3\u003e\n \u003cp\u003e1 à 2 gouttes suffisent pour parfumer un gâteau, une crème ou une boisson chaude. Son arôme sucré et fruité sublime les desserts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-timeline-item\"\u003e\n \u003cdiv class=\"od-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"od-timeline-content\"\u003e\n \u003ch3\u003e🛁 Dans le bain\u003c\/h3\u003e\n \u003cp\u003eMélangez 5 gouttes à une base dispersante ou une cuillère de sel de bain, puis ajoutez à l'eau chaude pour un moment de détente absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"od-accordion\"\u003e\n \u003cdetails class=\"od-accordion-item\"\u003e\n \u003csummary class=\"od-accordion-header\"\u003e☀️ Photosensibilisante\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eNe vous exposez pas au soleil dans les 8 heures suivant une application cutanée. Le limonène peut provoquer des réactions en cas d'exposition aux UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"od-accordion-item\"\u003e\n \u003csummary class=\"od-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 7 ans sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"od-accordion-item\"\u003e\n \u003csummary class=\"od-accordion-header\"\u003e👁️ Contact avec les yeux et muqueuses\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux et les muqueuses. En cas de contact accidentel, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"od-accordion-item\"\u003e\n \u003csummary class=\"od-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un test cutané au pli du coude 24 heures avant la première utilisation pour vérifier l'absence de réaction allergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"od-accordion-item\"\u003e\n \u003csummary class=\"od-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon bien fermé, à l'abri de la lumière et de la chaleur, dans un endroit sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-tip\"\u003e\n \u003cspan class=\"od-tip-icon\"\u003e⚕️\u003c\/span\u003e\n \u003cp\u003eCe produit ne remplace en aucun cas un traitement médical. En cas de doute, consultez un professionnel de santé ou un aromathérapeute qualifié avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"od-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"od-cta-box\"\u003e\n \u003cp\u003e🍊 Fabriquée en Auvergne par la Distillerie Saint-Hilaire, cette huile essentielle d'orange douce bio en flacon de 10 ml incarne un savoir-faire artisanal français. Un petit flacon, mais un concentré de douceur et de sérénité à glisser dans votre routine bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"od-disclaimer\"\u003eLes informations fournies ne sauraient se substituer à un avis médical. Consultez un professionnel de santé pour toute question relative à votre situation personnelle.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --od-cream: #fdf8f3;\n --od-white: #ffffff;\n --od-primary: #e8862a;\n --od-primary-dark: #2d4a2e;\n --od-primary-light: #fef4e8;\n --od-secondary: #f5a623;\n --od-accent: #d4722a;\n --od-text: #1a1a1a;\n --od-text-light: #5a5a5a;\n --od-border: #e8e0d8;\n --od-shadow: 0 4px 24px rgba(0,0,0,.08);\n --od-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --od-radius: 20px;\n --od-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.od-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--od-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.od-hero {\n position: relative;\n background: linear-gradient(135deg, var(--od-primary-dark) 0%, #3d6b3f 50%, #4a7d4c 100%);\n border-radius: var(--od-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(--od-shadow-lg);\n}\n\n.od-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,134,42,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(245,166,35,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.od-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.od-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.od-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.od-description {\n color: rgba(255,255,255,.8);\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.od-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.od-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(--od-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.od-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.od-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.od-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--od-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.od-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(--od-primary), var(--od-secondary));\n border-radius: 2px;\n}\n\n.od-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--od-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.od-card {\n background: var(--od-white);\n border-radius: var(--od-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--od-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.od-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--od-shadow-lg);\n border-color: var(--od-primary);\n}\n\n.od-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--od-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.od-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--od-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.od-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.od-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.od-grid-compact .od-card {\n padding: 1rem;\n}\n\n.od-grid-compact .od-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.od-grid-compact .od-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.od-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.od-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.od-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--od-primary), var(--od-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.od-timeline-content {\n flex: 1;\n background: var(--od-white);\n padding: 1rem 1.25rem;\n border-radius: var(--od-radius-sm);\n box-shadow: var(--od-shadow);\n}\n\n.od-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--od-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.od-timeline-content p {\n font-size: 14px;\n color: var(--od-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.od-testimonial {\n background: var(--od-white);\n border-radius: var(--od-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--od-shadow);\n border-left: 4px solid var(--od-primary);\n}\n\n.od-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--od-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.od-accordion {\n background: var(--od-white);\n border-radius: var(--od-radius);\n box-shadow: var(--od-shadow);\n overflow: hidden;\n}\n\n.od-accordion-item {\n border-bottom: 1px solid var(--od-border);\n margin: 0;\n padding: 0;\n}\n\n.od-accordion-item:last-child {\n border-bottom: none;\n}\n\n.od-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--od-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.od-accordion-header:hover {\n background: var(--od-primary-light);\n}\n\n.od-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.od-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--od-primary);\n transition: transform .2s ease;\n}\n\n.od-accordion-item[open] .od-accordion-header::after {\n content: '−';\n}\n\n.od-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--od-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.od-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.od-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--od-primary-light);\n border-radius: var(--od-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.od-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.od-tip p {\n font-size: 14px;\n color: var(--od-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.od-cta-box {\n background: linear-gradient(135deg, var(--od-primary) 0%, var(--od-accent) 100%);\n border-radius: var(--od-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.od-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.od-disclaimer {\n font-size: 12px;\n color: var(--od-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 .od-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .od-card {\n padding: 1.125rem;\n }\n\n .od-section {\n margin-bottom: 1.75rem;\n }\n\n .od-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--od-radius-sm);\n }\n\n .od-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .od-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .od-grid-compact {\n gap: .625rem;\n }\n\n .od-grid-compact .od-card {\n padding: .75rem;\n }\n\n .od-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .od-timeline-content {\n padding: .875rem 1rem;\n }\n\n .od-timeline-content h3 {\n font-size: 14px;\n }\n\n .od-timeline-content p {\n font-size: 13px;\n }\n\n .od-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .od-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .od-testimonial {\n padding: 1.25rem;\n }\n\n .od-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .od-card {\n animation: odFadeInUp .5s ease backwards;\n }\n .od-card:nth-child(1) { animation-delay: .05s; }\n .od-card:nth-child(2) { animation-delay: .1s; }\n .od-card:nth-child(3) { animation-delay: .15s; }\n .od-card:nth-child(4) { animation-delay: .2s; }\n .od-card:nth-child(5) { animation-delay: .25s; }\n .od-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes odFadeInUp {\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 .od-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54856853848441,"sku":"NBAIDSH0006","price":4.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-orange-douce-bio-saint-hilaire-10-ml-ingredients.webp?v=1772729169"},{"product_id":"huile-essentielle-lavandin-super-bio-10ml","title":"Huile Essentielle de Lavandin Super Bio - Saint Hilaire - 10 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Essentielle de Lavandin Super Bio - Saint Hilaire - 10 ml\nPalette détectée:\n - Primaire: #2D4A3E (vert foncé du bouchon et du texte packaging)\n - Secondaire: #7B6BA5 (violet\/lavande de la bande étiquette)\n - Accent: #C4A265 (ambre doré du flacon en verre)\nAmbiance: Naturel\/bio, artisanal français, aromathérapie, sérénité provençale\nPréfixe CSS: lv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description (les h3 originaux seront promus en h2 pour la fiche stylisée) :\n 1. \"Propriétés et bienfaits :\"\n 2. \"Utilisations recommandées :\"\n 3. \"Engagements qualité de Saint Hilaire :\"\n 4. \"Précautions d'emploi :\"\n\nNote : La source utilise des h3, mais pour la structure SEO de la fiche stylisée, ils deviennent des h2 conformément au processus de design.\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"lv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lv-hero\"\u003e\n \u003cdiv class=\"lv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lv-hero-content\"\u003e\n \u003cdiv class=\"lv-badges-top\"\u003e\n \u003cspan class=\"lv-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"lv-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"lv-badge\"\u003e💧 100% pure \u0026amp; naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lv-hero-title\"\u003eHuile essentielle de Lavandin Super Bio\u003c\/span\u003e\n \u003cp class=\"lv-subtitle\"\u003eDistillerie Saint-Hilaire · Flacon 10 ml\u003c\/p\u003e\n \u003cp class=\"lv-description\"\u003eL'hybride naturel de lavande vraie et lavande aspic, distillé à la vapeur d'eau en Auvergne. Un concentré de sérénité, de détente musculaire et de soin au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003ePropriétés et bienfaits :\u003c\/h2\u003e\n \u003cdiv class=\"lv-grid\"\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🧘 Relaxation et bien-être\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur élevée en linalol et acétate de linalyle, cette huile essentielle possède des propriétés apaisantes qui favorisent la détente et aident à réduire le stress et l'anxiété.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e💪 Décontraction musculaire\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les sportifs, elle agit comme un décontractant musculaire efficace, aidant à soulager les crampes et les tensions après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e✨ Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eSes propriétés antiseptiques et cicatrisantes en font un allié précieux pour apaiser les piqûres d'insectes, les petites plaies et les brûlures légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🌬️ Assainissement de l'air\u003c\/h3\u003e\n \u003cp\u003eEn diffusion, elle purifie l'atmosphère tout en créant une ambiance relaxante, propice au sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eUtilisations recommandées :\u003c\/h2\u003e\n \u003cdiv class=\"lv-timeline\"\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans un diffuseur pour créer une ambiance sereine et purifier l'air de votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003eApplication cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluer dans une huile végétale pour des massages relaxants ou pour traiter des zones spécifiques en toute douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003eBain aromatique\u003c\/h3\u003e\n \u003cp\u003eAjouter quelques gouttes à l'eau du bain, préalablement mélangées à un dispersant, pour une expérience détente incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-tip\"\u003e\n \u003cspan class=\"lv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour un massage décontractant, mélangez 5 gouttes de Lavandin Super dans une cuillère à soupe d'huile végétale d'amande douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eEngagements qualité de Saint Hilaire :\u003c\/h2\u003e\n \u003cdiv class=\"lv-grid-compact\"\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCulture respectueuse de l'environnement, sans pesticides ni engrais chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🔬 100% pure\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle naturelle, sans additifs ni conservateurs ajoutés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e💧 Distillation vapeur\u003c\/h3\u003e\n \u003cp\u003eProcédé à la vapeur d'eau préservant l'intégrité des actifs de la plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🏔️ Made in Auvergne\u003c\/h3\u003e\n \u003cp\u003eDistillée avec savoir-faire artisanal au cœur de l'Auvergne, en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"lv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi :\u003c\/h2\u003e\n \u003cdiv class=\"lv-accordion\"\u003e\n \u003cdetails class=\"lv-accordion-item\"\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser chez les enfants de moins de 6 ans, les femmes enceintes ou allaitantes. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lv-accordion-item\"\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003eToujours effectuer un test cutané préalable dans le pli du coude (48h avant) pour vérifier l'absence de réaction allergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lv-accordion-item\"\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver le flacon bien fermé, à l'abri de la lumière et de la chaleur. Utiliser dans les 12 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"lv-disclaimer\"\u003eLes huiles essentielles ne se substituent pas à un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lv-cream: #F7F5F0;\n --lv-white: #ffffff;\n --lv-primary: #2D4A3E;\n --lv-primary-dark: #1B3329;\n --lv-primary-light: #E8F0EB;\n --lv-secondary: #7B6BA5;\n --lv-accent: #C4A265;\n --lv-text: #1a1a1a;\n --lv-text-light: #5a5a5a;\n --lv-border: #e0e0e0;\n --lv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lv-radius: 20px;\n --lv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lv-primary) 0%, var(--lv-primary-dark) 40%, var(--lv-secondary) 100%);\n border-radius: var(--lv-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(--lv-shadow-lg);\n}\n\n.lv-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(196,162,101,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(123,107,165,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.lv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lv-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.lv-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.lv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.lv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lv-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(--lv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lv-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.lv-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(--lv-primary), var(--lv-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.lv-card {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lv-shadow-lg);\n border-color: var(--lv-primary);\n}\n\n.lv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lv-grid-compact .lv-card {\n padding: 1rem;\n}\n\n.lv-grid-compact .lv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lv-grid-compact .lv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lv-primary), var(--lv-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.lv-timeline-content {\n flex: 1;\n background: var(--lv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lv-radius-sm);\n box-shadow: var(--lv-shadow);\n}\n\n.lv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lv-timeline-content p {\n font-size: 14px;\n color: var(--lv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.lv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lv-primary-light);\n border-radius: var(--lv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lv-tip p {\n font-size: 14px;\n color: var(--lv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.lv-accordion {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n box-shadow: var(--lv-shadow);\n overflow: hidden;\n}\n\n.lv-accordion-item {\n border-bottom: 1px solid var(--lv-border);\n margin: 0;\n padding: 0;\n}\n\n.lv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lv-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.lv-accordion-header:hover {\n background: var(--lv-primary-light);\n}\n\n.lv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lv-primary);\n transition: transform .2s ease;\n}\n\n.lv-accordion-item[open] .lv-accordion-header::after {\n content: '−';\n}\n\n.lv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lv-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.lv-disclaimer {\n font-size: 12px;\n color: var(--lv-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 .lv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lv-card {\n padding: 1.125rem;\n }\n\n .lv-section {\n margin-bottom: 1.75rem;\n }\n\n .lv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lv-radius-sm);\n }\n\n .lv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lv-grid-compact {\n gap: .625rem;\n }\n\n .lv-grid-compact .lv-card {\n padding: .75rem;\n }\n\n .lv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lv-timeline-content h3 {\n font-size: 14px;\n }\n\n .lv-timeline-content p {\n font-size: 13px;\n }\n\n .lv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lv-card {\n animation: lvFadeInUp .5s ease backwards;\n }\n .lv-card:nth-child(1) { animation-delay: .05s; }\n .lv-card:nth-child(2) { animation-delay: .1s; }\n .lv-card:nth-child(3) { animation-delay: .15s; }\n .lv-card:nth-child(4) { animation-delay: .2s; }\n .lv-card:nth-child(5) { animation-delay: .25s; }\n .lv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lvFadeInUp {\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 .lv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54856903557497,"sku":"NBAIDSH0007","price":4.39,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-lavandin-super-bio-saint-hilaire-10-ml-lifestyle.webp?v=1770893105"},{"product_id":"huile-essentielle-citron-bio-saint-hilaire","title":"Huile Essentielle de Citron Zeste Bio - Saint Hilaire - 10 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Essentielle de Citron Zeste Bio - Saint Hilaire - 10 ml\nPalette détectée:\n - Primaire: #2D5A27 (vert foncé du bouchon et de la marque)\n - Secondaire: #F5D800 (jaune citron vif de l'étiquette)\n - Accent: #D4A843 (ambre\/brun du flacon en verre)\nAmbiance: Naturel\/bio, fraîcheur méditerranéenne, authenticité terroir (Distillerie Auvergne), premium artisanal\nPréfixe CSS: cz\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile essentielle de citron zeste bio : fraîcheur et vitalité au quotidien\"\n 2. \"Bienfaits de l'huile essentielle de citron\"\n 3. \"Comment utiliser cette huile essentielle de citron bio ?\"\n 4. \"Composition\"\n 5. \"Précautions d'emploi et dangers potentiels\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cz-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cz-hero\"\u003e\n \u003cdiv class=\"cz-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cz-hero-content\"\u003e\n \u003cdiv class=\"cz-badges-top\"\u003e\n \u003cspan class=\"cz-badge\"\u003e🍋 Citrus limon\u003c\/span\u003e\n \u003cspan class=\"cz-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"cz-badge\"\u003e🇮🇹 Origine Italie\u003c\/span\u003e\n \u003cspan class=\"cz-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cz-hero-title\"\u003eHuile essentielle de citron zeste bio\u003c\/span\u003e\n \u003cp class=\"cz-subtitle\"\u003eDistillerie Saint-Hilaire · Auvergne · 10 ml\u003c\/p\u003e\n \u003cp class=\"cz-description\"\u003ePression à froid du péricarpe de citrons bio italiens — toute la puissance aromatique du citron dans un flacon d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cz-section\"\u003e\n \u003ch2\u003eHuile essentielle de citron zeste bio : fraîcheur et vitalité au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"cz-intro-card\"\u003e\n \u003cp\u003eExtraite par \u003cstrong\u003epression à froid du péricarpe de citrons bio\u003c\/strong\u003e cultivés en Italie, cette huile essentielle de citron de la Distillerie Saint-Hilaire vous offre toute la puissance aromatique du \u003cem\u003eCitrus limon\u003c\/em\u003e. \u003cstrong\u003eChémotypée et certifiée biologique\u003c\/strong\u003e, elle préserve l'intégralité de ses composés actifs — notamment le limonène, principal constituant responsable de ses nombreuses propriétés.\u003c\/p\u003e\n \u003cp\u003eUn indispensable de l'aromathèque pour qui recherche une huile essentielle au citron polyvalente et de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cz-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de citron\u003c\/h2\u003e\n \u003cp class=\"cz-section-intro\"\u003eLes bienfaits de l'huile essentielle de citron en font l'une des plus appréciées en aromathérapie. Voici ses principaux atouts :\u003c\/p\u003e\n \u003cdiv class=\"cz-grid\"\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour soutenir la digestion, elle est réputée pour apaiser les nausées, le mal des transports et les sensations de lourdeur après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e🌬️ Assainissement de l'air\u003c\/h3\u003e\n \u003cp\u003eEn diffusion, elle purifie l'atmosphère de votre intérieur grâce à ses propriétés antiseptiques reconnues. Idéale pendant les périodes hivernales pour limiter la propagation des microbes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e⚡ Tonus et concentration\u003c\/h3\u003e\n \u003cp\u003eSon parfum frais et vif stimule l'esprit, favorise la clarté mentale et aide à retrouver de l'énergie lors des coups de fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e✨ Soin des peaux grasses\u003c\/h3\u003e\n \u003cp\u003eDiluée dans une huile végétale, elle contribue à réguler l'excès de sébum et à redonner de l'éclat au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e🫀 Soutien hépatique\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement employée pour accompagner le bon fonctionnement du foie et du pancréas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cz-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle de citron bio ?\u003c\/h2\u003e\n \u003cp class=\"cz-section-intro\"\u003ePlusieurs modes d'utilisation s'offrent à vous selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"cz-timeline\"\u003e\n \u003cdiv class=\"cz-timeline-item\"\u003e\n \u003cdiv class=\"cz-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cz-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 10 gouttes dans votre diffuseur pendant 15 à 20 minutes. Vous pouvez l'associer à une huile essentielle d'eucalyptus pour un effet purifiant renforcé — le duo \u003cstrong\u003ehuile essentielle citron eucalyptus\u003c\/strong\u003e est un grand classique des mélanges assainissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-timeline-item\"\u003e\n \u003cdiv class=\"cz-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cz-timeline-content\"\u003e\n \u003ch3\u003eEn application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba) avant de masser la zone souhaitée. Parfait pour les massages drainants sur les jambes ou le ventre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-timeline-item\"\u003e\n \u003cdiv class=\"cz-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cz-timeline-content\"\u003e\n \u003ch3\u003ePar voie orale\u003c\/h3\u003e\n \u003cp\u003e1 goutte sur un comprimé neutre, une cuillère de miel ou un peu d'huile végétale alimentaire, jusqu'à 2 fois par jour, pour soutenir votre confort digestif. Demandez conseil à un professionnel de santé avant toute prise par voie interne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-timeline-item\"\u003e\n \u003cdiv class=\"cz-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cz-timeline-content\"\u003e\n \u003ch3\u003eEn cuisine\u003c\/h3\u003e\n \u003cp\u003eUne goutte suffit pour parfumer subtilement vos vinaigrettes, pâtisseries ou boissons chaudes d'une note citronnée irrésistible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cz-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"cz-grid-compact\"\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCitrus limon\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e🍋 Partie exprimée\u003c\/h3\u003e\n \u003cp\u003ePéricarpe (zeste)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e⚙️ Extraction\u003c\/h3\u003e\n \u003cp\u003ePression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e🇮🇹 Origine\u003c\/h3\u003e\n \u003cp\u003eItalie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e🧬 Composants principaux\u003c\/h3\u003e\n \u003cp\u003eLimonène, beta-pinène, gamma-terpinène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cz-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi et dangers potentiels\u003c\/h2\u003e\n \u003cp class=\"cz-section-intro\"\u003eSi vous vous interrogez sur l'\u003cstrong\u003ehuile essentielle citron et ses dangers\u003c\/strong\u003e, voici les points essentiels à garder en tête :\u003c\/p\u003e\n \u003cdiv class=\"cz-accordion\"\u003e\n \u003cdetails class=\"cz-accordion-item\" open\u003e\n \u003csummary class=\"cz-accordion-header\"\u003e☀️ Photosensibilisante\u003c\/summary\u003e\n \u003cdiv class=\"cz-accordion-content mt-3\"\u003e\n \u003cp\u003eNe vous exposez jamais au soleil dans les \u003cstrong\u003e8 heures\u003c\/strong\u003e suivant une application cutanée. Les furocoumarines naturellement présentes peuvent provoquer des taches ou des irritations au contact des UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cz-accordion-item\"\u003e\n \u003csummary class=\"cz-accordion-header\"\u003e🚫 Personnes sensibles\u003c\/summary\u003e\n \u003cdiv class=\"cz-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cz-accordion-item\"\u003e\n \u003csummary class=\"cz-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"cz-accordion-content mt-3\"\u003e\n \u003cp\u003eToujours effectuer un \u003cstrong\u003etest cutané\u003c\/strong\u003e au creux du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cz-accordion-item\"\u003e\n \u003csummary class=\"cz-accordion-header\"\u003e🔒 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cz-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"cz-disclaimer\"\u003eCe produit ne se substitue pas à un traitement médical ni à une alimentation variée et équilibrée. En cas de doute, consultez votre médecin ou un aromathérapeute qualifié.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cz-cream: #faf8f2;\n --cz-white: #ffffff;\n --cz-primary: #2D5A27;\n --cz-primary-dark: #1a3d16;\n --cz-primary-light: #e8f2e6;\n --cz-secondary: #F5D800;\n --cz-accent: #D4A843;\n --cz-text: #1a1a1a;\n --cz-text-light: #5a5a5a;\n --cz-border: #e0e0e0;\n --cz-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cz-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cz-radius: 20px;\n --cz-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cz-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cz-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cz-hero {\n position: relative;\n background: linear-gradient(135deg, #1a3d16 0%, #2D5A27 40%, #3a7a30 100%);\n border-radius: var(--cz-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(--cz-shadow-lg);\n}\n\n.cz-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(245,216,0,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(245,216,0,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\n opacity: 1;\n}\n\n.cz-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cz-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.cz-subtitle {\n color: var(--cz-secondary);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.cz-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.cz-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cz-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(--cz-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cz-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cz-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cz-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cz-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.cz-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(--cz-primary), var(--cz-secondary));\n border-radius: 2px;\n}\n\n\/* === INTRO CARD === *\/\n.cz-intro-card {\n background: var(--cz-white);\n border-radius: var(--cz-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cz-shadow);\n border-left: 4px solid var(--cz-secondary);\n}\n\n.cz-intro-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--cz-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.cz-intro-card p:last-child {\n margin-bottom: 0;\n font-weight: 600;\n color: var(--cz-primary-dark);\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cz-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cz-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.cz-card {\n background: var(--cz-white);\n border-radius: var(--cz-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cz-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cz-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cz-shadow-lg);\n border-color: var(--cz-primary);\n}\n\n.cz-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cz-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cz-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cz-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cz-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cz-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cz-grid-compact .cz-card {\n padding: 1rem;\n}\n\n.cz-grid-compact .cz-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cz-grid-compact .cz-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cz-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cz-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cz-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cz-primary), var(--cz-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.cz-timeline-content {\n flex: 1;\n background: var(--cz-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cz-radius-sm);\n box-shadow: var(--cz-shadow);\n}\n\n.cz-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cz-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cz-timeline-content p {\n font-size: 14px;\n color: var(--cz-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.cz-accordion {\n background: var(--cz-white);\n border-radius: var(--cz-radius);\n box-shadow: var(--cz-shadow);\n overflow: hidden;\n}\n\n.cz-accordion-item {\n border-bottom: 1px solid var(--cz-border);\n margin: 0;\n padding: 0;\n}\n\n.cz-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cz-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cz-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.cz-accordion-header:hover {\n background: var(--cz-primary-light);\n}\n\n.cz-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cz-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cz-primary);\n transition: transform .2s ease;\n}\n\n.cz-accordion-item[open] .cz-accordion-header::after {\n content: '−';\n}\n\n.cz-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cz-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cz-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cz-disclaimer {\n font-size: 12px;\n color: var(--cz-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 .cz-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cz-card {\n padding: 1.125rem;\n }\n\n .cz-section {\n margin-bottom: 1.75rem;\n }\n\n .cz-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cz-radius-sm);\n }\n\n .cz-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cz-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cz-grid-compact {\n gap: .625rem;\n }\n\n .cz-grid-compact .cz-card {\n padding: .75rem;\n }\n\n .cz-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cz-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cz-timeline-content h3 {\n font-size: 14px;\n }\n\n .cz-timeline-content p {\n font-size: 13px;\n }\n\n .cz-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cz-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cz-intro-card {\n padding: 1.25rem;\n }\n\n .cz-intro-card p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cz-card {\n animation: czFadeInUp .5s ease backwards;\n }\n .cz-card:nth-child(1) { animation-delay: .05s; }\n .cz-card:nth-child(2) { animation-delay: .1s; }\n .cz-card:nth-child(3) { animation-delay: .15s; }\n .cz-card:nth-child(4) { animation-delay: .2s; }\n .cz-card:nth-child(5) { animation-delay: .25s; }\n .cz-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes czFadeInUp {\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 .cz-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54856912929145,"sku":"NBAIDSH0005","price":4.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-citron-zeste-saint-hilaire-10ml-min.jpg?v=1756391771"},{"product_id":"huile-essentielle-niaouli-bio-10ml","title":"Huile Essentielle de Niaouli bio - 10 ml - Saint Hilaire","description":"\u003cdiv class=\"nio-premium\"\u003e\n\n \u003cdiv class=\"nio-hero\"\u003e\n \u003cdiv class=\"nio-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nio-hero-content\"\u003e\n \u003cdiv class=\"nio-badges-top\"\u003e\n \u003cspan class=\"nio-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"nio-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"nio-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"nio-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nio-hero-title\"\u003eHuile essentielle de Niaouli BIO\u003c\/span\u003e\n \u003cp class=\"nio-subtitle\"\u003eDistillerie Saint-Hilaire — Flacon 10 ml\u003c\/p\u003e\n \u003cp class=\"nio-description\"\u003e\u003cem\u003eMelaleuca quinquenervia\u003c\/em\u003e · Distillation vapeur d'eau des feuilles · Pureté et traçabilité garanties depuis le cœur de l'Auvergne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"nio-section\"\u003e\n \u003ch2\u003eHuile essentielle de Niaouli BIO – Un incontournable de l'aromathérapie\u003c\/h2\u003e\n \u003cp class=\"nio-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle de niaouli\u003c\/strong\u003e pure, fiable et certifiée biologique ? Celle proposée par la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e, installée au cœur de l'Auvergne, coche toutes les cases.\u003c\/p\u003e\n \u003cp class=\"nio-section-intro\"\u003eObtenue par distillation à la vapeur d'eau des feuilles de \u003cem\u003eMelaleuca quinquenervia\u003c\/em\u003e, cette huile essentielle \u003cstrong\u003echémotypée\u003c\/strong\u003e et issue du \u003cstrong\u003ecommerce équitable\u003c\/strong\u003e vous garantit une traçabilité et une qualité irréprochables.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nio-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de Niaouli\u003c\/h2\u003e\n \u003cp class=\"nio-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'huile essentielle de niaouli\u003c\/strong\u003e sont reconnus depuis des siècles en médecine traditionnelle. Voici ses principales propriétés :\u003c\/p\u003e\n \u003cdiv class=\"nio-grid\"\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🫁 Sphère respiratoire\u003c\/h3\u003e\n \u003cp\u003eExpectorante et mucolytique, elle aide à dégager les voies respiratoires encombrées. Traditionnellement utilisée en cas de rhume, sinusite, bronchite ou nez bouché, notamment durant les mois d'hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🛡️ Action antivirale puissante\u003c\/h3\u003e\n \u003cp\u003eLe niaouli est réputé pour son activité sur de nombreux virus. Fréquemment cité en aromathérapie pour accompagner les épisodes d'herpès labial ou les infections ORL saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e✨ Soin cutané\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses vertus antiseptiques et cicatrisantes, elle s'utilise localement (toujours diluée) sur les petits boutons, les imperfections ou les irritations cutanées légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🌬️ Assainissement de l'air\u003c\/h3\u003e\n \u003cp\u003eEn diffusion atmosphérique, elle purifie votre intérieur et crée une ambiance fraîche, aux notes camphrées et végétales très agréables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nio-section\"\u003e\n \u003ch2\u003eUtilisation de l'huile essentielle de Niaouli : nos conseils pratiques\u003c\/h2\u003e\n \u003cp class=\"nio-section-intro\"\u003eVous vous demandez comment utiliser concrètement cette \u003cstrong\u003ehuile essentielle de niaouli\u003c\/strong\u003e au quotidien ? Voici les modes d'emploi les plus courants :\u003c\/p\u003e\n \u003cdiv class=\"nio-timeline\"\u003e\n \u003cdiv class=\"nio-timeline-item\"\u003e\n \u003cdiv class=\"nio-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nio-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion\u003c\/h3\u003e\n \u003cp\u003eDéposez 5 à 10 gouttes dans un diffuseur adapté pendant 20 à 30 minutes pour assainir l'atmosphère de votre pièce de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-timeline-item\"\u003e\n \u003cdiv class=\"nio-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nio-timeline-content\"\u003e\n \u003ch3\u003eEn application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba…) et massez doucement le thorax ou le haut du dos pour favoriser le confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-timeline-item\"\u003e\n \u003cdiv class=\"nio-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nio-timeline-content\"\u003e\n \u003ch3\u003eEn inhalation\u003c\/h3\u003e\n \u003cp\u003eVersez 2 à 3 gouttes dans un bol d'eau chaude, couvrez votre tête d'une serviette et respirez les vapeurs pendant quelques minutes. Idéal en période de refroidissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-tip\"\u003e\n \u003cspan class=\"nio-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePensez à toujours vérifier la compatibilité de votre diffuseur avec les huiles essentielles pures avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nio-section\"\u003e\n \u003ch2\u003eHuile essentielle de Niaouli et sommeil\u003c\/h2\u003e\n \u003cdiv class=\"nio-testimonial\"\u003e\n \u003cp class=\"nio-testimonial-text\"\u003eVous avez peut-être lu que l'\u003cstrong\u003ehuile essentielle de niaouli\u003c\/strong\u003e pouvait aider au \u003cstrong\u003esommeil\u003c\/strong\u003e. En réalité, son profil aromatique frais et camphré est plutôt tonifiant. Si vous souhaitez l'utiliser en soirée pour dégager vos voies respiratoires avant le coucher, privilégiez une diffusion courte (10 minutes maximum) et combinez-la avec une huile plus apaisante comme la lavande vraie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nio-section\"\u003e\n \u003ch2\u003ePrécautions et dangers de l'huile essentielle de Niaouli\u003c\/h2\u003e\n \u003cp class=\"nio-section-intro\"\u003eComme toute huile essentielle, le \u003cstrong\u003eniaouli\u003c\/strong\u003e nécessite quelques précautions. L'\u003cstrong\u003ehuile essentielle de niaouli\u003c\/strong\u003e présente un \u003cstrong\u003edanger\u003c\/strong\u003e potentiel en cas de mauvaise utilisation :\u003c\/p\u003e\n \u003cdiv class=\"nio-accordion\"\u003e\n \u003cdetails class=\"nio-accordion-item\"\u003e\n \u003csummary class=\"nio-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"nio-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux \u003cstrong\u003efemmes enceintes et allaitantes\u003c\/strong\u003e, ainsi qu'aux \u003cstrong\u003eenfants de moins de 6 ans\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nio-accordion-item\"\u003e\n \u003csummary class=\"nio-accordion-header\"\u003e🧴 Application cutanée\u003c\/summary\u003e\n \u003cdiv class=\"nio-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer pure sur la peau : toujours diluer dans une huile végétale adaptée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nio-accordion-item\"\u003e\n \u003csummary class=\"nio-accordion-header\"\u003e⚠️ Cancers hormono-dépendants\u003c\/summary\u003e\n \u003cdiv class=\"nio-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter en cas d'antécédents de cancers hormono-dépendants (présence de viridiflorol).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nio-accordion-item\"\u003e\n \u003csummary class=\"nio-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"nio-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute, demandez conseil à votre médecin ou à un aromathérapeute qualifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"nio-disclaimer\"\u003eCe produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFiche technique\u003c\/h2\u003e\n \u003cdiv class=\"nio-grid-compact\"\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eMelaleuca quinquenervia\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e💧 Méthode d'extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique, commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🧬 Chémotype principal\u003c\/h3\u003e\n \u003cp\u003e1,8-cinéole (eucalyptol)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré de 10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🏭 Fabricant\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire – Auvergne, France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🌍 Engagement\u003c\/h3\u003e\n \u003cp\u003eProduit artisanal, respectueux des producteurs et de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-cta-box\"\u003e\n \u003cp\u003e🌿 En choisissant cette \u003cstrong\u003ehuile essentielle de niaouli bio\u003c\/strong\u003e, vous optez pour un produit artisanal de qualité, respectueux des producteurs et de l'environnement. Un indispensable à glisser dans votre trousse d'aromathérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nio-cream: #f7f5f0;\n --nio-white: #ffffff;\n --nio-primary: #2d5a3d;\n --nio-primary-dark: #1e3d2a;\n --nio-primary-light: #e8f0eb;\n --nio-secondary: #8b6914;\n --nio-accent: #c49a2a;\n --nio-text: #1a1a1a;\n --nio-text-light: #5a5a5a;\n --nio-border: #ddd8ce;\n --nio-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nio-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nio-radius: 20px;\n --nio-radius-sm: 12px;\n}\n\n.nio-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nio-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nio-hero {\n position: relative;\n background: linear-gradient(135deg, #1e3d2a 0%, #2d5a3d 45%, #3a7050 100%);\n border-radius: var(--nio-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(--nio-shadow-lg);\n}\n\n.nio-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,.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(196,154,42,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.nio-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nio-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nio-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(--nio-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nio-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nio-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.nio-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.nio-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.nio-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nio-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nio-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.nio-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(--nio-primary), var(--nio-accent));\n border-radius: 2px;\n}\n\n.nio-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nio-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.nio-card {\n background: var(--nio-white);\n border-radius: var(--nio-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nio-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nio-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nio-shadow-lg);\n border-color: var(--nio-primary);\n}\n\n.nio-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nio-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nio-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nio-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nio-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nio-grid-compact .nio-card {\n padding: 1rem;\n}\n\n.nio-grid-compact .nio-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nio-grid-compact .nio-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nio-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nio-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nio-primary), var(--nio-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.nio-timeline-content {\n flex: 1;\n background: var(--nio-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nio-radius-sm);\n box-shadow: var(--nio-shadow);\n}\n\n.nio-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nio-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nio-timeline-content p {\n font-size: 14px;\n color: var(--nio-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nio-testimonial {\n background: var(--nio-white);\n border-radius: var(--nio-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nio-shadow);\n border-left: 4px solid var(--nio-primary);\n}\n\n.nio-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nio-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.nio-accordion {\n background: var(--nio-white);\n border-radius: var(--nio-radius);\n box-shadow: var(--nio-shadow);\n overflow: hidden;\n}\n\n.nio-accordion-item {\n border-bottom: 1px solid var(--nio-border);\n margin: 0;\n padding: 0;\n}\n\n.nio-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nio-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nio-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.nio-accordion-header:hover {\n background: var(--nio-primary-light);\n}\n\n.nio-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nio-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nio-primary);\n transition: transform .2s ease;\n}\n\n.nio-accordion-item[open] .nio-accordion-header::after {\n content: '−';\n}\n\n.nio-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nio-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nio-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nio-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nio-primary-light);\n border-radius: var(--nio-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nio-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nio-tip p {\n font-size: 14px;\n color: var(--nio-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.nio-cta-box {\n background: linear-gradient(135deg, var(--nio-primary) 0%, var(--nio-primary-dark) 100%);\n border-radius: var(--nio-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.nio-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.nio-disclaimer {\n font-size: 12px;\n color: var(--nio-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 .nio-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nio-card {\n padding: 1.125rem;\n }\n\n .nio-section {\n margin-bottom: 1.75rem;\n }\n\n .nio-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nio-radius-sm);\n }\n\n .nio-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nio-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nio-grid-compact {\n gap: .625rem;\n }\n\n .nio-grid-compact .nio-card {\n padding: .75rem;\n }\n\n .nio-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nio-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nio-timeline-content h3 {\n font-size: 14px;\n }\n\n .nio-timeline-content p {\n font-size: 13px;\n }\n\n .nio-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nio-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nio-testimonial {\n padding: 1.25rem;\n }\n\n .nio-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nio-card {\n animation: nioFadeInUp .5s ease backwards;\n }\n .nio-card:nth-child(1) { animation-delay: .05s; }\n .nio-card:nth-child(2) { animation-delay: .1s; }\n .nio-card:nth-child(3) { animation-delay: .15s; }\n .nio-card:nth-child(4) { animation-delay: .2s; }\n .nio-card:nth-child(5) { animation-delay: .25s; }\n .nio-card:nth-child(6) { animation-delay: .3s; }\n .nio-card:nth-child(7) { animation-delay: .35s; }\n .nio-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes nioFadeInUp {\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 .nio-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54856920859001,"sku":"NBAIDSH0020","price":5.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-niaouli-bio-saint-hilaire-flacon-de-10--packshothd.webp?v=1774513708"},{"product_id":"huile-essentielle-clou-girofle-saint-hilaire","title":"Huile Essentielle de Clou de Girofle BIO - Saint Hilaire - 10 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Essentielle de Clou de Girofle BIO - Saint Hilaire - 10 ml\nPalette détectée:\n - Primaire: #2D4A3E (vert foncé du bouchon et de la marque)\n - Secondaire: #C4864A (ambre\/cuivré du flacon et de la zone basse de l'étiquette)\n - Accent: #8B6914 (doré chaud des clous de girofle)\nAmbiance: Naturel\/bio, artisanal français, aromathérapie, chaleureux et authentique\nPréfixe CSS: gc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Ses Bienfaits :\"\n 2. \"Conseils d'utilisation :\"\n 3. \"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=\"gc-premium\"\u003e\n\n \u003cdiv class=\"gc-hero\"\u003e\n \u003cdiv class=\"gc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gc-hero-content\"\u003e\n \u003cdiv class=\"gc-badges-top\"\u003e\n \u003cspan class=\"gc-badge\"\u003e🌿 100% bio\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gc-hero-title\"\u003eHuile essentielle de clou de girofle BIO\u003c\/span\u003e\n \u003cp class=\"gc-subtitle\"\u003eSaint Hilaire — Distillerie d'Auvergne · 10 ml\u003c\/p\u003e\n \u003cp class=\"gc-description\"\u003eUn concentré puissant d'\u003cem\u003eEugenia caryophyllus\u003c\/em\u003e, obtenu par distillation à la vapeur d'eau. 100% pure, biologique et issue d'une fabrication respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eSes Bienfaits :\u003c\/h2\u003e\n \u003cdiv class=\"gc-grid\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🦷 Santé bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eReconnaissable par son arôme chaud et épicé, elle est idéale pour soulager les douleurs dentaires telles que les aphtes, abcès ou rages de dents, grâce à ses propriétés anesthésiantes et antiseptiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e⚡ Stimulant physique\u003c\/h3\u003e\n \u003cp\u003eElle revitalise en cas de fatigue physique ou intellectuelle, apportant une énergie naturelle et immédiate pour retrouver tonus et concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🛡️ Propriétés purifiantes\u003c\/h3\u003e\n \u003cp\u003ePuissant antibactérien et antifongique, elle renforce les défenses naturelles et aide à purifier l'organisme en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eConseils d'utilisation :\u003c\/h2\u003e\n \u003cdiv class=\"gc-timeline\"\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003e🖐️ Usage externe\u003c\/h3\u003e\n \u003cp\u003eDiluez toujours dans une huile végétale (20% maximum) avant de l'appliquer sur la peau pour éviter les irritations. Massez délicatement la zone concernée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003e💊 Usage interne\u003c\/h3\u003e\n \u003cp\u003eConsultez un professionnel de santé avant toute ingestion. Ne jamais utiliser pure par voie orale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-tip\"\u003e\n \u003cspan class=\"gc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour un soulagement dentaire rapide, déposez 1 goutte diluée dans une huile végétale sur un coton-tige et appliquez localement sur la zone douloureuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi :\u003c\/h2\u003e\n \u003cdiv class=\"gc-accordion\"\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser chez les femmes enceintes ou allaitantes, ni chez les enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e⚠️ Allergies\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez l'utilisation en cas d'allergie au clou de girofle ou à ses composants. Réalisez un test cutané dans le pli du coude 48h avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez hors de portée des enfants et à l'abri de la lumière et de la chaleur. Refermez bien le flacon après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gc-cta-box\"\u003e\n \u003cp\u003e🌿 Avec sa qualité irréprochable et ses multiples usages, cette huile essentielle de clou de girofle BIO est un allié incontournable pour votre bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gc-disclaimer\"\u003eLes huiles essentielles ne se substituent pas à un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gc-cream: #FAF7F2;\n --gc-white: #ffffff;\n --gc-primary: #2D4A3E;\n --gc-primary-dark: #1B3028;\n --gc-primary-light: #E8F0EC;\n --gc-secondary: #C4864A;\n --gc-accent: #8B6914;\n --gc-text: #1a1a1a;\n --gc-text-light: #5a5a5a;\n --gc-border: #e0e0e0;\n --gc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gc-radius: 20px;\n --gc-radius-sm: 12px;\n}\n\n.gc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gc-primary-dark) 0%, var(--gc-primary) 50%, #3D6B5A 100%);\n border-radius: var(--gc-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(--gc-shadow-lg);\n}\n\n.gc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(196,134,74,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(139,105,20,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gc-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.gc-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: .02em;\n}\n\n.gc-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.gc-description em {\n color: var(--gc-secondary);\n font-style: italic;\n}\n\n\/* === BADGES === *\/\n.gc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gc-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(--gc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gc-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.gc-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(--gc-primary), var(--gc-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.gc-card {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gc-shadow-lg);\n border-color: var(--gc-primary);\n}\n\n.gc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.gc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gc-primary), var(--gc-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.gc-timeline-content {\n flex: 1;\n background: var(--gc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gc-radius-sm);\n box-shadow: var(--gc-shadow);\n}\n\n.gc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gc-timeline-content p {\n font-size: 14px;\n color: var(--gc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gc-primary-light);\n border-radius: var(--gc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gc-tip p {\n font-size: 14px;\n color: var(--gc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gc-accordion {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n box-shadow: var(--gc-shadow);\n overflow: hidden;\n}\n\n.gc-accordion-item {\n border-bottom: 1px solid var(--gc-border);\n margin: 0;\n padding: 0;\n}\n\n.gc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gc-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.gc-accordion-header:hover {\n background: var(--gc-primary-light);\n}\n\n.gc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gc-primary);\n transition: transform .2s ease;\n}\n\n.gc-accordion-item[open] .gc-accordion-header::after {\n content: '−';\n}\n\n.gc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gc-cta-box {\n background: linear-gradient(135deg, var(--gc-primary) 0%, var(--gc-primary-dark) 100%);\n border-radius: var(--gc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gc-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.gc-disclaimer {\n font-size: 12px;\n color: var(--gc-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 .gc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gc-card {\n padding: 1.125rem;\n }\n\n .gc-section {\n margin-bottom: 1.75rem;\n }\n\n .gc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gc-radius-sm);\n }\n\n .gc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gc-timeline-content h3 {\n font-size: 14px;\n }\n\n .gc-timeline-content p {\n font-size: 13px;\n }\n\n .gc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gc-card {\n animation: gcFadeInUp .5s ease backwards;\n }\n .gc-card:nth-child(1) { animation-delay: .05s; }\n .gc-card:nth-child(2) { animation-delay: .1s; }\n .gc-card:nth-child(3) { animation-delay: .15s; }\n .gc-card:nth-child(4) { animation-delay: .2s; }\n .gc-card:nth-child(5) { animation-delay: .25s; }\n .gc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gcFadeInUp {\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 .gc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54857160720761,"sku":"NBAIDSH0037","price":6.2,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-clou-de-girofle-bio-saint-hilaire-10-ml-lifestyle.webp?v=1770893304"},{"product_id":"huile-essentielle-lavande-aspic-bio-10ml","title":"Huile Essentielle de Lavande Aspic Bio - Saint Hilaire - 10 ml","description":"\u003cdiv class=\"la-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"la-hero\"\u003e\n \u003cdiv class=\"la-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"la-hero-content\"\u003e\n \u003cdiv class=\"la-badges-top\"\u003e\n \u003cspan class=\"la-badge\"\u003e🌿 Bio certifiée\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e💧 10 ml\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🔬 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"la-hero-title\"\u003eHuile essentielle de Lavande Aspic Bio\u003c\/span\u003e\n \u003cp class=\"la-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"la-description\"\u003e100 % pure et naturelle, obtenue par distillation des sommités fleuries de \u003cem\u003eLavandula latifolia\u003c\/em\u003e. L'huile essentielle d'action rapide pour la peau et le confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eHuile essentielle de Lavande Aspic Bio : l'alliée incontournable de votre trousse naturelle\u003c\/h2\u003e\n \u003cp class=\"la-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle de lavande\u003c\/strong\u003e polyvalente, capable de répondre aux petits tracas du quotidien ? L'\u003cstrong\u003ehuile essentielle de Lavande Aspic Bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est exactement ce qu'il vous faut.\u003c\/p\u003e\n \u003cdiv class=\"la-testimonial\"\u003e\n \u003cp class=\"la-testimonial-text\"\u003eObtenue par distillation à la vapeur d'eau des sommités fleuries de \u003cem\u003eLavandula latifolia\u003c\/em\u003e, cette huile chémotypée offre un profil aromatique unique, plus camphrée que la lavande vraie, et des propriétés remarquables qui en font un indispensable en aromathérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eLavande Aspic ou Lavande Vraie : quelle différence ?\u003c\/h2\u003e\n \u003cp class=\"la-section-intro\"\u003eLa confusion est fréquente, et pourtant ces deux huiles n'ont pas les mêmes usages.\u003c\/p\u003e\n \u003cdiv class=\"la-grid-compact\"\u003e\n \u003cdiv class=\"la-card la-card-vs\"\u003e\n \u003ch3\u003e💜 Lavande vraie\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses vertus \u003cstrong\u003eapaisantes et relaxantes\u003c\/strong\u003e. C'est l'huile essentielle de la détente et du bien-être émotionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card la-card-vs la-card-highlight\"\u003e\n \u003ch3\u003e🌿 Lavande aspic\u003c\/h3\u003e\n \u003cp\u003eRiche en \u003cstrong\u003elinalol, 1.8-cinéole et camphre\u003c\/strong\u003e. C'est l'huile essentielle de l'\u003cstrong\u003eaction rapide\u003c\/strong\u003e sur la peau et du confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-tip\"\u003e\n \u003cspan class=\"la-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEn résumé : si la lavande vraie est l'huile de la détente, la \u003cstrong\u003elavande aspic\u003c\/strong\u003e est celle du soin cutané d'urgence et du confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eBienfaits et propriétés de la Lavande Aspic\u003c\/h2\u003e\n \u003cdiv class=\"la-grid\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🛡️ Apaisante cutanée puissante\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée en cas de piqûres d'insectes, de méduses ou de petites brûlures, elle calme rapidement les sensations d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e✨ Cicatrisante et régénérante\u003c\/h3\u003e\n \u003cp\u003eFavorise la réparation naturelle de la peau après un coup de soleil, une irritation ou une petite plaie superficielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌬️ Expectorante et mucolytique\u003c\/h3\u003e\n \u003cp\u003eGrâce au 1.8-cinéole, elle aide à libérer les voies respiratoires en période hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🧫 Antibactérienne et antifongique\u003c\/h3\u003e\n \u003cp\u003eContribue à assainir la peau et à prévenir les infections cutanées mineures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🐛 Aide contre les poux\u003c\/h3\u003e\n \u003cp\u003eSouvent citée en prévention contre les poux, appliquée diluée derrière les oreilles des enfants (à partir de 7 ans).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle de Lavande Aspic ?\u003c\/h2\u003e\n \u003cdiv class=\"la-timeline\"\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003e🖐️ En application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba) et appliquez sur la zone concernée. En cas de piqûre, une goutte pure peut être déposée directement sur le point de piqûre chez l'adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003e🌫️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eAjoutez quelques gouttes dans votre diffuseur pour assainir l'air ambiant et profiter de son parfum frais et herbacé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003e💨 En inhalation\u003c\/h3\u003e\n \u003cp\u003eVersez 2 gouttes dans un bol d'eau chaude pour dégager les voies respiratoires encombrées.\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=\"la-section\"\u003e\n \u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n \u003cdiv class=\"la-grid-compact\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌱 Ingrédient\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eLavandula latifolia herb oil\u003c\/em\u003e — 100 % pure et naturelle, issue de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌸 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eSommités fleuries, récoltées au moment optimal de la floraison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🔬 Chémotype principal\u003c\/h3\u003e\n \u003cp\u003eLinalol, 1.8-cinéole, camphre — analysé et garanti à chaque lot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire artisanal\u003c\/h3\u003e\n \u003cp\u003eProduite par la Distillerie Saint-Hilaire, au cœur de l'Auvergne, avec certification bio et traçabilité complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"la-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"la-accordion\"\u003e\n \u003cdetails class=\"la-accordion-item\"\u003e\n \u003csummary class=\"la-accordion-header\"\u003e👶 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e et aux \u003cstrong\u003eenfants de moins de 7 ans\u003c\/strong\u003e sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"la-accordion-item\"\u003e\n \u003csummary class=\"la-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez toujours un \u003cstrong\u003etest cutané\u003c\/strong\u003e au creux du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"la-accordion-item\"\u003e\n \u003csummary class=\"la-accordion-header\"\u003e👁️ Contact yeux et muqueuses\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"la-accordion-item\"\u003e\n \u003csummary class=\"la-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute, notamment si vous suivez un traitement médical, consultez un professionnel de santé. Cette huile essentielle ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"la-disclaimer\"\u003eContenance : \u003cstrong\u003e10 ml\u003c\/strong\u003e — un flacon compact qui vous accompagne partout, de la maison à la trousse de voyage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --la-cream: #f9f6f2;\n --la-white: #ffffff;\n --la-primary: #4a6741;\n --la-primary-dark: #2f4a28;\n --la-primary-light: #e8f0e5;\n --la-secondary: #b48ba3;\n --la-accent: #d4a9c4;\n --la-text: #1a1a1a;\n --la-text-light: #5a5a5a;\n --la-border: #e0ddd8;\n --la-shadow: 0 4px 24px rgba(0,0,0,.08);\n --la-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --la-radius: 20px;\n --la-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.la-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--la-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.la-hero {\n position: relative;\n background: linear-gradient(135deg, var(--la-primary-dark) 0%, var(--la-primary) 50%, var(--la-secondary) 100%);\n border-radius: var(--la-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(--la-shadow-lg);\n}\n\n.la-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(180,139,163,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.la-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.la-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.la-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.la-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.la-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.la-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(--la-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.la-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.la-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.la-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--la-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.la-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(--la-primary), var(--la-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.la-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--la-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.la-card {\n background: var(--la-white);\n border-radius: var(--la-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--la-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.la-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--la-shadow-lg);\n border-color: var(--la-primary);\n}\n\n.la-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--la-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.la-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--la-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Card highlight variant *\/\n.la-card-highlight {\n border-color: var(--la-primary);\n background: var(--la-primary-light);\n}\n\n\/* === GRILLES === *\/\n.la-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.la-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.la-grid-compact .la-card {\n padding: 1rem;\n}\n\n.la-grid-compact .la-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.la-grid-compact .la-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.la-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.la-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.la-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--la-primary), var(--la-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.la-timeline-content {\n flex: 1;\n background: var(--la-white);\n padding: 1rem 1.25rem;\n border-radius: var(--la-radius-sm);\n box-shadow: var(--la-shadow);\n}\n\n.la-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--la-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.la-timeline-content p {\n font-size: 14px;\n color: var(--la-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.la-testimonial {\n background: var(--la-white);\n border-radius: var(--la-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--la-shadow);\n border-left: 4px solid var(--la-primary);\n}\n\n.la-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--la-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.la-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--la-primary-light);\n border-radius: var(--la-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.la-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.la-tip p {\n font-size: 14px;\n color: var(--la-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.la-accordion {\n background: var(--la-white);\n border-radius: var(--la-radius);\n box-shadow: var(--la-shadow);\n overflow: hidden;\n}\n\n.la-accordion-item {\n border-bottom: 1px solid var(--la-border);\n margin: 0;\n padding: 0;\n}\n\n.la-accordion-item:last-child {\n border-bottom: none;\n}\n\n.la-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--la-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.la-accordion-header:hover {\n background: var(--la-primary-light);\n}\n\n.la-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.la-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--la-primary);\n transition: transform .2s ease;\n}\n\n.la-accordion-item[open] .la-accordion-header::after {\n content: '−';\n}\n\n.la-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--la-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.la-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.la-disclaimer {\n font-size: 12px;\n color: var(--la-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 .la-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .la-card {\n padding: 1.125rem;\n }\n\n .la-section {\n margin-bottom: 1.75rem;\n }\n\n .la-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--la-radius-sm);\n }\n\n .la-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .la-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .la-grid-compact {\n gap: .625rem;\n }\n\n .la-grid-compact .la-card {\n padding: .75rem;\n }\n\n .la-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .la-timeline-content {\n padding: .875rem 1rem;\n }\n\n .la-timeline-content h3 {\n font-size: 14px;\n }\n\n .la-timeline-content p {\n font-size: 13px;\n }\n\n .la-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .la-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .la-testimonial {\n padding: 1.25rem;\n }\n\n .la-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .la-card {\n animation: laFadeInUp .5s ease backwards;\n }\n .la-card:nth-child(1) { animation-delay: .05s; }\n .la-card:nth-child(2) { animation-delay: .1s; }\n .la-card:nth-child(3) { animation-delay: .15s; }\n .la-card:nth-child(4) { animation-delay: .2s; }\n .la-card:nth-child(5) { animation-delay: .25s; }\n .la-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes laFadeInUp {\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 .la-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858291282297,"sku":"NBAIDSH0038","price":6.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-lavande-aspic-bio-saint-hilaire-10-ml-packshothd.webp?v=1774513857"},{"product_id":"huile-essentielle-de-gaultherie-bio-saint-hilaire-10-ml","title":"Huile Essentielle de Gaultherie BIO - Saint Hilaire - 10 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Essentielle de Gaulthérie BIO - Saint Hilaire - 10 ml\nPalette détectée:\n - Primaire: #2D5A3D (vert foncé du bouchon\/logo)\n - Secondaire: #E8826A (rose-corail de l'étiquette)\n - Accent: #D4603E (rouge-orangé des baies de gaulthérie)\n - Ambre: #B8863A (flacon verre ambré)\nAmbiance: Naturel\/bio, artisanal français, aromathérapie, wellness, terroir\nPréfixe CSS: glt\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile essentielle de Gaulthérie bio : l'alliée naturelle de vos muscles et articulations\"\n 2. \"Les bienfaits de l'huile essentielle de Gaulthérie\"\n 3. \"Gaulthérie couchée ou Gaulthérie odorante : quelle différence ?\"\n 4. \"Comment utiliser l'huile essentielle de Gaulthérie ?\"\n 5. \"Huile essentielle de Gaulthérie : effets secondaires et précautions\"\n 6. \"Composition et caractéristiques techniques\"\n 7. \"Pourquoi choisir la Distillerie Saint-Hilaire ?\"\n 8. \"Conservation et durée de vie\"\n 9. \"En résumé : à qui s'adresse cette huile essentielle ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"glt-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"glt-hero\"\u003e\n \u003cdiv class=\"glt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"glt-hero-content\"\u003e\n \u003cdiv class=\"glt-badges-top\"\u003e\n \u003cspan class=\"glt-badge\"\u003e🌿 Bio certifié AB\u003c\/span\u003e\n \u003cspan class=\"glt-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"glt-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"glt-badge\"\u003e💧 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"glt-hero-title\"\u003eHuile essentielle de Gaulthérie bio\u003c\/span\u003e\n \u003cp class=\"glt-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"glt-description\"\u003eL'incontournable de l'aromathérapie pour apaiser muscles et articulations. Plus de 95 % de salicylate de méthyle pour une efficacité remarquable, dans un flacon 100 % pur, naturel et biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003eHuile essentielle de Gaulthérie bio : l'alliée naturelle de vos muscles et articulations\u003c\/h2\u003e\n \u003cp class=\"glt-section-intro\"\u003eVous cherchez une solution naturelle pour apaiser vos douleurs musculaires et articulaires après le sport, une longue journée de travail ou lors de périodes de tensions physiques ?\u003c\/p\u003e\n \u003cdiv class=\"glt-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile essentielle de Gaulthérie bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est exactement ce qu'il vous faut. Obtenue par distillation à la vapeur d'eau des feuilles de \u003cem\u003eGaultheria fragrantissima\u003c\/em\u003e, cette huile essentielle \u003cstrong\u003e100 % pure, naturelle et certifiée biologique\u003c\/strong\u003e est reconnue comme l'un des actifs apaisants les plus puissants de l'aromathérapie.\u003c\/p\u003e\n \u003cp\u003eProduite au Népal dans le respect des communautés locales et conditionnée en Auvergne par la Distillerie Saint-Hilaire, cette gaulthérie huile essentielle chémotypée vous garantit une \u003cstrong\u003etraçabilité irréprochable\u003c\/strong\u003e et une qualité optimale, du champ au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile essentielle de Gaulthérie\u003c\/h2\u003e\n \u003cp class=\"glt-section-intro\"\u003eSa richesse exceptionnelle en salicylate de méthyle (plus de 95 %) lui confère des propriétés remarquables.\u003c\/p\u003e\n \u003cdiv class=\"glt-grid\"\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🌡️ Apaisante et anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour soulager les inconforts liés aux tendinites, rhumatismes, arthrose et douleurs articulaires. Procure une sensation de chaleur puis d'apaisement très appréciée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e💊 Antalgique naturel\u003c\/h3\u003e\n \u003cp\u003eGrâce au salicylate de méthyle, cette huile aide à calmer les crampes, contractures et courbatures. Un véritable réflexe pour les sportifs comme pour le quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🏃 Récupération musculaire\u003c\/h3\u003e\n \u003cp\u003eEn massage après l'effort, elle favorise la détente des muscles sollicités et contribue à une récupération sportive plus rapide. Incontournable chez les kinés et ostéopathes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eGenou sensible, épaule raide ou dos douloureux : les bienfaits se ressentent dès les premières applications en massage diluée dans une huile végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003eGaulthérie couchée ou Gaulthérie odorante : quelle différence ?\u003c\/h2\u003e\n \u003cdiv class=\"glt-comparison\"\u003e\n \u003cdiv class=\"glt-comparison-col\"\u003e\n \u003cdiv class=\"glt-comparison-header glt-comparison-header--left\"\u003eGaulthérie couchée\u003c\/div\u003e\n \u003cdiv class=\"glt-comparison-body\"\u003e\n \u003cp\u003e\u003cem\u003eGaultheria procumbens\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e🌍 Origine : \u003cstrong\u003eAmérique du Nord\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e🧪 Riche en salicylate de méthyle\u003c\/p\u003e\n \u003cp\u003eProfil biochimique très proche de la gaulthérie odorante, propriétés similaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-comparison-col\"\u003e\n \u003cdiv class=\"glt-comparison-header glt-comparison-header--right\"\u003eGaulthérie odorante ✅\u003c\/div\u003e\n \u003cdiv class=\"glt-comparison-body\"\u003e\n \u003cp\u003e\u003cem\u003eGaultheria fragrantissima\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e🌍 Origine : \u003cstrong\u003eNépal (Asie)\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e🧪 Taux de salicylate de méthyle \u003cstrong\u003elégèrement plus élevé\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eChoix particulièrement intéressant pour l'aromathérapie. \u003cstrong\u003eC'est celle de ce flacon.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-tip\"\u003e\n \u003cspan class=\"glt-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eBonne nouvelle : les deux espèces partagent un profil biochimique très proche. Toutes deux sont extrêmement riches en salicylate de méthyle, ce qui leur confère des propriétés similaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de Gaulthérie ?\u003c\/h2\u003e\n \u003cp class=\"glt-section-intro\"\u003eUsage exclusivement par voie cutanée, toujours diluée. Voici nos conseils pratiques pour en tirer le meilleur parti.\u003c\/p\u003e\n \u003cdiv class=\"glt-timeline\"\u003e\n \u003cdiv class=\"glt-timeline-item\"\u003e\n \u003cdiv class=\"glt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"glt-timeline-content\"\u003e\n \u003ch3\u003e💆 Massage douleurs musculaires et articulaires\u003c\/h3\u003e\n \u003cp\u003eDiluez \u003cstrong\u003e3 à 5 gouttes\u003c\/strong\u003e dans une cuillère à café (≈ 5 ml) d'huile végétale (amande douce, arnica ou macadamia). Massez la zone avec des mouvements lents et appuyés, \u003cstrong\u003e2 à 3 fois par jour\u003c\/strong\u003e, jusqu'à amélioration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-timeline-item\"\u003e\n \u003cdiv class=\"glt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"glt-timeline-content\"\u003e\n \u003ch3\u003e🏋️ Huile de massage post-sportive\u003c\/h3\u003e\n \u003cp\u003eAjoutez \u003cstrong\u003e10 gouttes de Gaulthérie\u003c\/strong\u003e dans 30 ml d'huile végétale d'arnica. Massez les muscles sollicités (mollets, cuisses, épaules, dos) juste après l'effort. Ce rituel réduit les courbatures du lendemain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-timeline-item\"\u003e\n \u003cdiv class=\"glt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"glt-timeline-content\"\u003e\n \u003ch3\u003e🎯 Application localisée\u003c\/h3\u003e\n \u003cp\u003ePour une gêne précise (cheville, poignet, genou), appliquez le mélange dilué directement sur la zone en massant délicatement. Vous pouvez recouvrir d'un linge tiède pour favoriser la pénétration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-tip\"\u003e\n \u003cspan class=\"glt-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eImportant :\u003c\/strong\u003e Cette huile essentielle ne s'utilise \u003cstrong\u003eni en diffusion, ni par voie orale\u003c\/strong\u003e. Son usage se limite à l'application cutanée diluée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003eHuile essentielle de Gaulthérie : effets secondaires et précautions\u003c\/h2\u003e\n \u003cp class=\"glt-section-intro\"\u003eComme toute huile essentielle puissante, il est indispensable de connaître les précautions avant utilisation.\u003c\/p\u003e\n \u003cdiv class=\"glt-grid\"\u003e\n \u003cdiv class=\"glt-card glt-card--warning\"\u003e\n \u003ch3\u003e🚫 Ne jamais appliquer pure\u003c\/h3\u003e\n \u003cp\u003eLa forte concentration en salicylate de méthyle peut provoquer des irritations cutanées. Diluez-la toujours dans une huile végétale (maximum 20 % du mélange final).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card glt-card--warning\"\u003e\n \u003ch3\u003e💊 Allergie aux salicylés\u003c\/h3\u003e\n \u003cp\u003eContre-indiquée aux personnes allergiques à l'aspirine ou sous traitement anticoagulant. Consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card glt-card--warning\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes et allaitantes\u003c\/h3\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes. Ne prenez aucun risque, demandez l'avis de votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card glt-card--warning\"\u003e\n \u003ch3\u003e👶 Enfants de moins de 7 ans\u003c\/h3\u003e\n \u003cp\u003eInterdite aux enfants de moins de 7 ans. Évitez le contact avec les yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card glt-card--warning\"\u003e\n \u003ch3\u003e🧪 Test cutané\u003c\/h3\u003e\n \u003cp\u003eAvant la première utilisation, appliquez une goutte diluée au creux du coude et attendez 24 heures pour vérifier l'absence de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card glt-card--warning\"\u003e\n \u003ch3\u003e👨‍⚕️ En cas de doute\u003c\/h3\u003e\n \u003cp\u003eConsultez un professionnel de santé ou un aromathérapeute qualifié. Cette huile essentielle ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"glt-grid-compact\"\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eGaultheria fragrantissima\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🏷️ Famille\u003c\/h3\u003e\n \u003cp\u003eÉricacées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e💨 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🧪 Chémotype\u003c\/h3\u003e\n \u003cp\u003eSalicylate de méthyle (\u0026gt; 95 %)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eNépal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique (AB)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré 10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🏭 Fabricant\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e📋 INCI\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eGaultheria fragrantissima leaf oil*\u003c\/em\u003e\u003cbr\u003e*Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Distillerie Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"glt-grid\"\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire auvergnat\u003c\/h3\u003e\n \u003cp\u003eImplantée au cœur de l'Auvergne, la Distillerie Saint-Hilaire est une référence française en matière d'huiles essentielles biologiques depuis de nombreuses années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🧪 Chémotypage systématique\u003c\/h3\u003e\n \u003cp\u003eChaque lot est analysé pour garantir une composition biochimique précise et constante. L'assurance d'utiliser une huile dont vous connaissez exactement le profil actif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🌍 Démarche écoresponsable\u003c\/h3\u003e\n \u003cp\u003eApprovisionnement auprès de producteurs engagés dans le commerce équitable, conditionnement en flacon verre recyclable et respect des normes biologiques les plus strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003eConservation et durée de vie\u003c\/h2\u003e\n \u003cdiv class=\"glt-accordion\"\u003e\n \u003cdetails class=\"glt-accordion-item\"\u003e\n \u003csummary class=\"glt-accordion-header\"\u003e🧊 Conditions de conservation\u003c\/summary\u003e\n \u003cdiv class=\"glt-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon bien fermé, à l'abri de la lumière et de la chaleur (idéalement en dessous de 25 °C). Tenez hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"glt-accordion-item\"\u003e\n \u003csummary class=\"glt-accordion-header\"\u003e📅 Durée de conservation\u003c\/summary\u003e\n \u003cdiv class=\"glt-accordion-content mt-3\"\u003e\n \u003cp\u003eReportez-vous à la date indiquée sur le flacon. Les huiles essentielles pures se conservent généralement \u003cstrong\u003e3 à 5 ans\u003c\/strong\u003e après ouverture dans de bonnes conditions de stockage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"glt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile essentielle ?\u003c\/h2\u003e\n \u003cdiv class=\"glt-grid\"\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez optimiser votre récupération musculaire après l'entraînement et réduire les courbatures du lendemain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e💼 Tensions du quotidien\u003c\/h3\u003e\n \u003cp\u003eVous ressentez des tensions musculaires ou articulaires liées à votre activité professionnelle ou à la vie quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une alternative naturelle et biologique pour accompagner votre confort articulaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e✅ Exigence qualité\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez un produit chémotypé, traçable et de qualité française, conditionné en Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-cta-box\"\u003e\n \u003cp\u003e🌿 Avec son flacon de 10 ml muni d'un compte-gouttes précis, cette huile essentielle vous accompagnera pendant de nombreuses semaines. Un investissement durable pour votre bien-être au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"glt-disclaimer\"\u003eLes informations fournies sur cette page sont données à titre indicatif et ne constituent pas un avis médical. L'utilisation des huiles essentielles ne remplace pas une consultation médicale. En cas de doute ou de pathologie existante, consultez votre médecin ou un aromathérapeute qualifié avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --glt-cream: #F7F5F0;\n --glt-white: #ffffff;\n --glt-primary: #2D5A3D;\n --glt-primary-dark: #1E3F2B;\n --glt-primary-light: #E8F0EB;\n --glt-secondary: #E8826A;\n --glt-accent: #D4603E;\n --glt-text: #1a1a1a;\n --glt-text-light: #5a5a5a;\n --glt-border: #e0e0e0;\n --glt-shadow: 0 4px 24px rgba(0,0,0,.08);\n --glt-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --glt-radius: 20px;\n --glt-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.glt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--glt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.glt-premium *, .glt-premium *::before, .glt-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.glt-hero {\n position: relative;\n background: linear-gradient(135deg, var(--glt-primary-dark) 0%, var(--glt-primary) 50%, #3D7A52 100%);\n border-radius: var(--glt-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(--glt-shadow-lg);\n}\n\n.glt-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,130,106,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(212,96,62,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.glt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.glt-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.glt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.glt-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(--glt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.glt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.glt-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.glt-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.glt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.glt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--glt-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.glt-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(--glt-primary), var(--glt-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.glt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--glt-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.glt-highlight-box {\n background: var(--glt-white);\n border-radius: var(--glt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--glt-shadow);\n border-left: 4px solid var(--glt-primary);\n}\n\n.glt-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--glt-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.glt-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.glt-card {\n background: var(--glt-white);\n border-radius: var(--glt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--glt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.glt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--glt-shadow-lg);\n border-color: var(--glt-primary);\n}\n\n.glt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--glt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.glt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--glt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Card warning variant *\/\n.glt-card--warning {\n border-left: 4px solid var(--glt-secondary);\n text-align: left;\n}\n\n.glt-card--warning:hover {\n border-color: var(--glt-accent);\n border-left-color: var(--glt-accent);\n}\n\n\/* === GRILLES === *\/\n.glt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.glt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.glt-grid-compact .glt-card {\n padding: 1rem;\n}\n\n.glt-grid-compact .glt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.glt-grid-compact .glt-card p {\n font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.glt-comparison {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.glt-comparison-col {\n background: var(--glt-white);\n border-radius: var(--glt-radius);\n overflow: hidden;\n box-shadow: var(--glt-shadow);\n transition: all .3s ease;\n}\n\n.glt-comparison-col:hover {\n transform: translateY(-4px);\n box-shadow: var(--glt-shadow-lg);\n}\n\n.glt-comparison-header {\n padding: .875rem 1.25rem;\n font-weight: 800;\n font-size: 15px;\n text-align: center;\n}\n\n.glt-comparison-header--left {\n background: var(--glt-border);\n color: var(--glt-text);\n}\n\n.glt-comparison-header--right {\n background: linear-gradient(135deg, var(--glt-primary), #3D7A52);\n color: white;\n}\n\n.glt-comparison-body {\n padding: 1.25rem;\n}\n\n.glt-comparison-body p {\n font-size: 14px;\n color: var(--glt-text-light);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.glt-comparison-body p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.glt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.glt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.glt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--glt-primary), var(--glt-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.glt-timeline-content {\n flex: 1;\n background: var(--glt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--glt-radius-sm);\n box-shadow: var(--glt-shadow);\n}\n\n.glt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--glt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.glt-timeline-content p {\n font-size: 14px;\n color: var(--glt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.glt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--glt-primary-light);\n border-radius: var(--glt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.glt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.glt-tip p {\n font-size: 14px;\n color: var(--glt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.glt-accordion {\n background: var(--glt-white);\n border-radius: var(--glt-radius);\n box-shadow: var(--glt-shadow);\n overflow: hidden;\n}\n\n.glt-accordion-item {\n border-bottom: 1px solid var(--glt-border);\n margin: 0;\n padding: 0;\n}\n\n.glt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.glt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--glt-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.glt-accordion-header:hover {\n background: var(--glt-primary-light);\n}\n\n.glt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.glt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--glt-primary);\n transition: transform .2s ease;\n}\n\n.glt-accordion-item[open] .glt-accordion-header::after {\n content: '−';\n}\n\n.glt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--glt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.glt-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.glt-cta-box {\n background: linear-gradient(135deg, var(--glt-primary) 0%, var(--glt-primary-dark) 100%);\n border-radius: var(--glt-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.glt-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.glt-disclaimer {\n font-size: 12px;\n color: var(--glt-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .glt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .glt-card {\n padding: 1.125rem;\n }\n\n .glt-section {\n margin-bottom: 1.75rem;\n }\n\n .glt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--glt-radius-sm);\n }\n\n .glt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .glt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte : 2 colonnes serrées *\/\n .glt-grid-compact {\n gap: .625rem;\n }\n\n .glt-grid-compact .glt-card {\n padding: .75rem;\n }\n\n \/* Comparison mobile *\/\n .glt-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .glt-comparison-header {\n font-size: 14px;\n padding: .75rem 1rem;\n }\n\n .glt-comparison-body {\n padding: 1rem;\n }\n\n .glt-comparison-body p {\n font-size: 13px;\n }\n\n \/* Timeline mobile *\/\n .glt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .glt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .glt-timeline-content h3 {\n font-size: 14px;\n }\n\n .glt-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .glt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .glt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Highlight box mobile *\/\n .glt-highlight-box {\n padding: 1.25rem;\n }\n\n .glt-highlight-box p {\n font-size: 14px;\n }\n\n \/* Warning cards mobile *\/\n .glt-card--warning {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .glt-card {\n animation: gltFadeInUp .5s ease backwards;\n }\n .glt-card:nth-child(1) { animation-delay: .05s; }\n .glt-card:nth-child(2) { animation-delay: .1s; }\n .glt-card:nth-child(3) { animation-delay: .15s; }\n .glt-card:nth-child(4) { animation-delay: .2s; }\n .glt-card:nth-child(5) { animation-delay: .25s; }\n .glt-card:nth-child(6) { animation-delay: .3s; }\n\n .glt-timeline-item {\n animation: gltFadeInUp .5s ease backwards;\n }\n .glt-timeline-item:nth-child(1) { animation-delay: .05s; }\n .glt-timeline-item:nth-child(2) { animation-delay: .15s; }\n .glt-timeline-item:nth-child(3) { animation-delay: .25s; }\n\n .glt-comparison-col {\n animation: gltFadeInUp .5s ease backwards;\n }\n .glt-comparison-col:nth-child(1) { animation-delay: .05s; }\n .glt-comparison-col:nth-child(2) { animation-delay: .15s; }\n}\n\n@keyframes gltFadeInUp {\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 .glt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858315891065,"sku":"NBAIDSH0002","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HEsainthilairegaultherie-min.jpg?v=1770369960"},{"product_id":"menthe-poivree-bio-huile-essentielle-10ml","title":"Huile Essentielle de Menthe poivrée Bio - Saint-Hilaire - 10 ml","description":"\u003cdiv class=\"mp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mp-hero\"\u003e\n \u003cdiv class=\"mp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mp-hero-content\"\u003e\n \u003cdiv class=\"mp-badges-top\"\u003e\n \u003cspan class=\"mp-badge\"\u003e🌿 Bio certifié AB\u003c\/span\u003e\n \u003cspan class=\"mp-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"mp-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"mp-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mp-hero-title\"\u003eHuile essentielle de menthe poivrée bio\u003c\/span\u003e\n \u003cp class=\"mp-subtitle\"\u003eDistillerie Saint-Hilaire · 10 ml\u003c\/p\u003e\n \u003cp class=\"mp-description\"\u003eToute la puissance rafraîchissante du menthol, concentrée dans un flacon d'exception cultivé et distillé au cœur de l'Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003eHE de menthe poivrée bio : la fraîcheur et vitalité made in Auvergne\u003c\/h2\u003e\n \u003cp class=\"mp-section-intro\"\u003eVous cherchez une huile essentielle de menthe poivrée d'exception, cultivée et distillée en France ? La Distillerie Saint-Hilaire, installée au cœur de l'Auvergne, vous propose un produit certifié bio et issu du commerce équitable.\u003c\/p\u003e\n \u003cp class=\"mp-section-intro\"\u003eObtenue par distillation à la vapeur des feuilles fraîches de \u003cem\u003eMentha x piperita\u003c\/em\u003e, cette huile essentielle chémotypée concentre toute la puissance aromatique et les propriétés remarquables de la menthe poivrée dans un flacon de 10 ml.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile essentielle de menthe poivrée\u003c\/h2\u003e\n \u003cp class=\"mp-section-intro\"\u003eSa richesse en menthol lui confère un profil aromatique frais et intense, reconnaissable entre tous. Découvrez ses principaux bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"mp-grid\"\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour faciliter la digestion, elle est une alliée précieuse après un repas copieux ou en cas de nausées passagères, notamment lors du mal des transports.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e❄️ Effet rafraîchissant et antalgique\u003c\/h3\u003e\n \u003cp\u003eAppliquée localement (toujours diluée), elle procure une sensation de froid immédiate qui aide à apaiser les tensions au niveau des tempes ou les inconforts musculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e⚡ Stimulante et tonifiante\u003c\/h3\u003e\n \u003cp\u003eSon parfum vif et mentholé favorise la concentration et lutte contre la fatigue mentale. Idéale lors d'une période d'examens ou de travail intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🌬️ Purifiante en diffusion\u003c\/h3\u003e\n \u003cp\u003eElle assainit et rafraîchit l'air ambiant, créant une atmosphère revitalisante dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🤚 Apaisante pour les démangeaisons\u003c\/h3\u003e\n \u003cp\u003eDiluée dans une huile végétale, elle calme les sensations d'irritation cutanée grâce à son action anesthésiante locale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de menthe poivrée ?\u003c\/h2\u003e\n \u003cp class=\"mp-section-intro\"\u003eL'utilisation de l'huile essentielle de menthe poivrée est polyvalente. Voici les modes d'emploi les plus courants :\u003c\/p\u003e\n \u003cdiv class=\"mp-timeline\"\u003e\n \u003cdiv class=\"mp-timeline-item\"\u003e\n \u003cdiv class=\"mp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-content\"\u003e\n \u003ch3\u003eVoie orale\u003c\/h3\u003e\n \u003cp\u003e2 gouttes le matin et 3 gouttes le soir, déposées sur un support neutre (cuillère de miel, comprimé neutre ou huile végétale alimentaire). Dose journalière recommandée : 150 mg\/jour. Ne pas dépasser la dose indiquée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-item\"\u003e\n \u003cdiv class=\"mp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-content\"\u003e\n \u003ch3\u003eApplication cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 à 2 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba) avant d'appliquer sur la zone concernée. Pour les maux de tête, massez délicatement les tempes en évitant le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-item\"\u003e\n \u003cdiv class=\"mp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-content\"\u003e\n \u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eAjoutez quelques gouttes dans votre diffuseur pendant 15 à 20 minutes pour purifier et dynamiser l'atmosphère de votre pièce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-tip\"\u003e\n \u003cspan class=\"mp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e en période de forte chaleur, ajoutez 1 à 2 gouttes dans votre shampoing pour une sensation de fraîcheur intense et durable sur le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003eFiche technique\u003c\/h2\u003e\n \u003cdiv class=\"mp-grid-compact\"\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eMentha x piperita L.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e💧 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🧬 Composés principaux\u003c\/h3\u003e\n \u003cp\u003eMenthol, menthone, acétate de menthyle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n \u003cp\u003eAuvergne, France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (AB) – Commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🏷️ INCI\u003c\/h3\u003e\n \u003cp\u003eMentha piperita oil*. *Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mp-accordion\"\u003e\n \u003cdetails class=\"mp-accordion-item\"\u003e\n \u003csummary class=\"mp-accordion-header\"\u003e🚫 Personnes sensibles\u003c\/summary\u003e\n \u003cdiv class=\"mp-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes, ainsi qu'aux enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mp-accordion-item\"\u003e\n \u003csummary class=\"mp-accordion-header\"\u003e💧 Dilution obligatoire\u003c\/summary\u003e\n \u003cdiv class=\"mp-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer pure sur la peau : toujours diluer dans une huile végétale. Éviter tout contact avec les yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mp-accordion-item\"\u003e\n \u003csummary class=\"mp-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"mp-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute, d'antécédents épileptiques ou de traitement en cours, demandez conseil à votre médecin ou pharmacien. Ce produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mp-accordion-item\"\u003e\n \u003csummary class=\"mp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mp-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière et de la chaleur, bien fermé, hors de portée des enfants. En respectant ces conseils, vous profiterez pleinement de tout ce que cette huile essentielle de menthe poivrée bio a à vous offrir au quotidien.\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=\"mp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mp-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez-vous la fraîcheur authentique de l'Auvergne avec cette huile essentielle de menthe poivrée bio, certifiée et chémotypée – un indispensable de votre aromathèque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mp-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. Les informations fournies ne se substituent pas à un avis médical. Complément alimentaire. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mp-cream: #f5f8f4;\n --mp-white: #ffffff;\n --mp-primary: #2d6a3f;\n --mp-primary-dark: #1b4228;\n --mp-primary-light: #e8f2eb;\n --mp-secondary: #5bae75;\n --mp-accent: #a8d5b8;\n --mp-text: #1a1a1a;\n --mp-text-light: #5a5a5a;\n --mp-border: #d9e6dd;\n --mp-shadow: 0 4px 24px rgba(27,66,40,.08);\n --mp-shadow-lg: 0 12px 48px rgba(27,66,40,.15);\n --mp-radius: 20px;\n --mp-radius-sm: 12px;\n}\n\n.mp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mp-hero {\n position: relative;\n background: linear-gradient(135deg, #1b4228 0%, #2d6a3f 45%, #5bae75 100%);\n border-radius: var(--mp-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(--mp-shadow-lg);\n}\n\n.mp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(168,213,184,.1) 0%, transparent 50%);\n opacity: 1;\n}\n\n.mp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mp-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.mp-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.mp-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.mp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mp-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(--mp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mp-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.mp-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(--mp-primary), var(--mp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mp-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.mp-card {\n background: var(--mp-white);\n border-radius: var(--mp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mp-shadow-lg);\n border-color: var(--mp-primary);\n}\n\n.mp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mp-grid-compact .mp-card {\n padding: 1rem;\n}\n\n.mp-grid-compact .mp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mp-grid-compact .mp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mp-primary), var(--mp-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.mp-timeline-content {\n flex: 1;\n background: var(--mp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mp-radius-sm);\n box-shadow: var(--mp-shadow);\n}\n\n.mp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mp-timeline-content p {\n font-size: 14px;\n color: var(--mp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.mp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mp-primary-light);\n border-radius: var(--mp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mp-tip p {\n font-size: 14px;\n color: var(--mp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mp-testimonial {\n background: var(--mp-white);\n border-radius: var(--mp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mp-shadow);\n border-left: 4px solid var(--mp-primary);\n}\n\n.mp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mp-accordion {\n background: var(--mp-white);\n border-radius: var(--mp-radius);\n box-shadow: var(--mp-shadow);\n overflow: hidden;\n}\n\n.mp-accordion-item {\n border-bottom: 1px solid var(--mp-border);\n margin: 0;\n padding: 0;\n}\n\n.mp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mp-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.mp-accordion-header:hover {\n background: var(--mp-primary-light);\n}\n\n.mp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mp-primary);\n transition: transform .2s ease;\n}\n\n.mp-accordion-item[open] .mp-accordion-header::after {\n content: '−';\n}\n\n.mp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mp-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mp-cta-box {\n background: linear-gradient(135deg, var(--mp-primary) 0%, var(--mp-primary-dark) 100%);\n border-radius: var(--mp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mp-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.mp-disclaimer {\n font-size: 12px;\n color: var(--mp-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 .mp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mp-card {\n padding: 1.125rem;\n }\n\n .mp-section {\n margin-bottom: 1.75rem;\n }\n\n .mp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mp-radius-sm);\n }\n\n .mp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mp-grid-compact {\n gap: .625rem;\n }\n\n .mp-grid-compact .mp-card {\n padding: .75rem;\n }\n\n .mp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mp-timeline-content h3 {\n font-size: 14px;\n }\n\n .mp-timeline-content p {\n font-size: 13px;\n }\n\n .mp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mp-testimonial {\n padding: 1.25rem;\n }\n\n .mp-testimonial-text {\n font-size: 14px;\n }\n\n .mp-section-intro {\n font-size: 14px;\n margin-bottom: 1rem;\n }\n\n .mp-badges-top {\n gap: 6px;\n margin-bottom: 1rem;\n }\n\n .mp-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mp-card {\n animation: mpFadeInUp .5s ease backwards;\n }\n .mp-card:nth-child(1) { animation-delay: .05s; }\n .mp-card:nth-child(2) { animation-delay: .1s; }\n .mp-card:nth-child(3) { animation-delay: .15s; }\n .mp-card:nth-child(4) { animation-delay: .2s; }\n .mp-card:nth-child(5) { animation-delay: .25s; }\n .mp-card:nth-child(6) { animation-delay: .3s; }\n .mp-card:nth-child(7) { animation-delay: .35s; }\n .mp-card:nth-child(8) { animation-delay: .4s; }\n\n .mp-timeline-item {\n animation: mpFadeInUp .5s ease backwards;\n }\n .mp-timeline-item:nth-child(1) { animation-delay: .1s; }\n .mp-timeline-item:nth-child(2) { animation-delay: .2s; }\n .mp-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes mpFadeInUp {\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 .mp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858348757369,"sku":"NBAIDSH0032","price":8.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-menthe-poivree-bio-saint-hilaire-10-ml-packshothd.webp?v=1774513717"},{"product_id":"huile-essentielle-lavande-vraie-bio","title":"Huile Essentielle de Lavande vraie Bio- Saint Hilaire - 10 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Essentielle de Lavande vraie Bio - Distillerie Saint-Hilaire\nPalette détectée:\n - Primaire: #6B3FA0 (violet\/lavande profond du packaging)\n - Secondaire: #2D5F3A (vert foncé du bouchon)\n - Accent: #C9A0DC (mauve clair\/lilas de l'étiquette)\n - Brun ambré: #8B5E3C (flacon en verre ambré)\nAmbiance: Naturel\/bio, artisanal français, aromathérapie, douceur provençale, authenticité terroir Auvergne\nPréfixe CSS: lv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile essentielle de Lavande vraie Bio – La référence en aromathérapie\"\n 2. \"Bienfaits reconnus de la lavande vraie en aromathérapie\"\n 3. \"Lavande vraie, lavande aspic : quelle différence ?\"\n 4. \"Comment utiliser cette huile essentielle de lavande ?\"\n 5. \"Composition\"\n 6. \"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=\"lv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lv-hero\"\u003e\n \u003cdiv class=\"lv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lv-hero-content\"\u003e\n \u003cdiv class=\"lv-badges-top\"\u003e\n \u003cspan class=\"lv-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"lv-badge\"\u003e🏔️ Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"lv-badge\"\u003e🔬 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"lv-badge\"\u003e💜 Lavandula angustifolia\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lv-hero-title\"\u003eHuile essentielle de Lavande vraie Bio\u003c\/span\u003e\n \u003cp class=\"lv-subtitle\"\u003eDistillerie Saint-Hilaire · 10 ml\u003c\/p\u003e\n \u003cp class=\"lv-description\"\u003eLa plus polyvalente et la plus douce de toutes les huiles essentielles. Distillée à la vapeur d'eau à partir de sommités fleuries récoltées en Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eHuile essentielle de Lavande vraie Bio – La référence en aromathérapie\u003c\/h2\u003e\n \u003cp class=\"lv-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle de lavande vraie\u003c\/strong\u003e (\u003cem\u003eLavandula angustifolia\u003c\/em\u003e) de la Distillerie Saint-Hilaire est obtenue par distillation à la vapeur d'eau des \u003cstrong\u003esommités fleuries\u003c\/strong\u003e, récoltées en Auvergne selon les principes de l'agriculture biologique. Chémotypée et certifiée bio, elle vous garantit une traçabilité complète et une composition irréprochable, sans pesticides ni solvants chimiques.\u003c\/p\u003e\n \u003cdiv class=\"lv-highlight-box\"\u003e\n \u003cp\u003eSi vous ne deviez posséder \u003cstrong\u003equ'une seule huile essentielle\u003c\/strong\u003e, ce serait probablement celle-ci. La \u003cstrong\u003elavande vraie\u003c\/strong\u003e — aussi appelée lavande fine ou lavande officinale — est considérée comme la plus polyvalente et la plus douce de toutes les huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eBienfaits reconnus de la lavande vraie en aromathérapie\u003c\/h2\u003e\n \u003cdiv class=\"lv-grid\"\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e😴 Relaxation et sommeil\u003c\/h3\u003e\n \u003cp\u003eSes molécules principales — le \u003cstrong\u003elinalol\u003c\/strong\u003e et l'\u003cstrong\u003eacétate de linalyle\u003c\/strong\u003e — sont reconnues pour leurs propriétés calmantes et sédatives. Quelques gouttes sur l'oreiller ou dans un diffuseur avant le coucher favorisent un \u003cstrong\u003eendormissement plus rapide\u003c\/strong\u003e et un sommeil de meilleure qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🩹 Apaisement cutané\u003c\/h3\u003e\n \u003cp\u003eCicatrisante et régénératrice, elle est traditionnellement utilisée pour calmer les petites brûlures, les piqûres d'insectes, les irritations ou les rougeurs. C'est l'une des rares huiles essentielles \u003cstrong\u003etolérées pures\u003c\/strong\u003e sur une zone très localisée chez l'adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e💪 Décontractante musculaire\u003c\/h3\u003e\n \u003cp\u003eEn massage diluée dans une huile végétale, elle aide à soulager les \u003cstrong\u003etensions musculaires\u003c\/strong\u003e, les crampes et les courbatures après un effort physique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🌀 Antispasmodique\u003c\/h3\u003e\n \u003cp\u003eElle peut contribuer à atténuer les \u003cstrong\u003emaux de tête liés au stress\u003c\/strong\u003e ou les spasmes digestifs d'origine nerveuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eLavande vraie, lavande aspic : quelle différence ?\u003c\/h2\u003e\n \u003cdiv class=\"lv-comparison\"\u003e\n \u003cdiv class=\"lv-comparison-col lv-comparison-vraie\"\u003e\n \u003cdiv class=\"lv-comparison-header\"\u003e💜 Lavande vraie\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003eProfil \u003cstrong\u003edoux et apaisant\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eIdéale pour la \u003cstrong\u003erelaxation\u003c\/strong\u003e et le \u003cstrong\u003esommeil\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eSoins quotidiens de la peau\u003c\/li\u003e\n \u003cli\u003eSystème nerveux et bien-être émotionnel\u003c\/li\u003e\n \u003cli\u003eRiche en linalol et acétate de linalyle\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-comparison-col lv-comparison-aspic\"\u003e\n \u003cdiv class=\"lv-comparison-header\"\u003e🐝 Lavande aspic\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003eProfil plus \u003cstrong\u003epuissant et camphrée\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eOrientée vers les \u003cstrong\u003eproblèmes cutanés marqués\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003ePiqûres, brûlures intenses\u003c\/li\u003e\n \u003cli\u003eAction plus ciblée, moins polyvalente\u003c\/li\u003e\n \u003cli\u003eTeneur en camphre plus élevée\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-tip\"\u003e\n \u003cspan class=\"lv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour la \u003cstrong\u003erelaxation\u003c\/strong\u003e, le \u003cstrong\u003esommeil\u003c\/strong\u003e et les \u003cstrong\u003esoins quotidiens de la peau\u003c\/strong\u003e, c'est bien la lavande vraie qu'il vous faut.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle de lavande ?\u003c\/h2\u003e\n \u003cdiv class=\"lv-timeline\"\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 à 10 gouttes\u003c\/strong\u003e dans votre diffuseur, 20 minutes avant le coucher, pour créer une atmosphère propice à la détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003e🤲 En application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez \u003cstrong\u003e2 à 3 gouttes\u003c\/strong\u003e dans une cuillère à café d'huile végétale (amande douce, jojoba) pour masser les tempes, la nuque ou les zones musculaires tendues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003e🛁 Dans le bain\u003c\/h3\u003e\n \u003cp\u003eMélangez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e à une base neutre (sel de bain, lait) avant de les ajouter à l'eau chaude pour un moment de relaxation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003e🧒 Contre les poux\u003c\/h3\u003e\n \u003cp\u003eLa \u003cstrong\u003elavande\u003c\/strong\u003e est traditionnellement utilisée en prévention des \u003cstrong\u003epoux\u003c\/strong\u003e. Déposez \u003cstrong\u003e1 à 2 gouttes\u003c\/strong\u003e derrière les oreilles de votre enfant (à partir de 6 ans) après dilution dans une huile végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 \u0026 #6 regroupés en accordéon --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"lv-grid-compact\"\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🌱 Ingrédient\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eLavandula angustifolia\u003c\/em\u003e oil* — *issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🌸 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eSommité fleurie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🔬 Chémotype principal\u003c\/h3\u003e\n \u003cp\u003eLinalol, acétate de linalyle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🧴 Contenance\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré de 10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"lv-accordion\"\u003e\n \u003cdetails class=\"lv-accordion-item\"\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservée à l'adulte et à l'enfant de plus de 6 ans. \u003cstrong\u003eDéconseillée aux femmes enceintes ou allaitantes\u003c\/strong\u003e sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lv-accordion-item\"\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e⚠️ Règles de sécurité\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas ingérer. Évitez tout contact avec les yeux et les muqueuses. En cas de doute, réalisez un test cutané au creux du coude 24 heures avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lv-accordion-item\"\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile essentielle \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e. Consultez un professionnel de santé pour toute question relative à votre état de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"lv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lv-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez-vous la sérénité d'une \u003cstrong\u003elavande vraie d'exception\u003c\/strong\u003e, distillée au cœur de l'Auvergne. L'indispensable de votre trousse aromathérapie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lv-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments et ne remplacent pas un avis médical. Usage externe uniquement. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --lv-cream: #f9f5fc;\n --lv-white: #ffffff;\n --lv-primary: #7B4FA2;\n --lv-primary-dark: #4A2D6B;\n --lv-primary-light: #f0e6f6;\n --lv-secondary: #2D5F3A;\n --lv-accent: #C9A0DC;\n --lv-text: #1a1a1a;\n --lv-text-light: #5a5a5a;\n --lv-border: #e4d9ed;\n --lv-shadow: 0 4px 24px rgba(75, 45, 107, .08);\n --lv-shadow-lg: 0 12px 48px rgba(75, 45, 107, .15);\n --lv-radius: 20px;\n --lv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lv-premium *, .lv-premium *::before, .lv-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.lv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lv-primary-dark) 0%, var(--lv-primary) 45%, #9B6FBF 75%, var(--lv-accent) 100%);\n border-radius: var(--lv-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(--lv-shadow-lg);\n}\n\n.lv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.lv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lv-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.lv-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.lv-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.lv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lv-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(--lv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lv-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.lv-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(--lv-primary), var(--lv-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lv-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.lv-highlight-box {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lv-shadow);\n border-left: 4px solid var(--lv-accent);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.lv-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--lv-text);\n line-height: 1.7;\n margin: 0;\n text-align: center;\n}\n\n\/* === CARDS === *\/\n.lv-card {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lv-shadow-lg);\n border-color: var(--lv-primary);\n}\n\n.lv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lv-grid-compact .lv-card {\n padding: 1rem;\n}\n\n.lv-grid-compact .lv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lv-grid-compact .lv-card p {\n font-size: 12px;\n}\n\n\/* === COMPARISON TABLE === *\/\n.lv-comparison {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.lv-comparison-col {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lv-shadow);\n border-top: 4px solid transparent;\n transition: all .3s ease;\n}\n\n.lv-comparison-col:hover {\n transform: translateY(-4px);\n box-shadow: var(--lv-shadow-lg);\n}\n\n.lv-comparison-vraie {\n border-top-color: var(--lv-primary);\n}\n\n.lv-comparison-aspic {\n border-top-color: var(--lv-secondary);\n}\n\n.lv-comparison-header {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--lv-primary-dark);\n margin-bottom: 1rem;\n text-align: center;\n}\n\n.lv-comparison-col ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.lv-comparison-col ul li {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lv-text-light);\n padding: .5rem 0;\n border-bottom: 1px solid var(--lv-border);\n line-height: 1.5;\n}\n\n.lv-comparison-col ul li:last-child {\n border-bottom: none;\n}\n\n\/* === TIMELINE === *\/\n.lv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lv-primary), var(--lv-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(123, 79, 162, .3);\n}\n\n.lv-timeline-content {\n flex: 1;\n background: var(--lv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lv-radius-sm);\n box-shadow: var(--lv-shadow);\n transition: all .3s ease;\n}\n\n.lv-timeline-content:hover {\n transform: translateX(4px);\n box-shadow: var(--lv-shadow-lg);\n}\n\n.lv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lv-timeline-content p {\n font-size: 14px;\n color: var(--lv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.lv-testimonial {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lv-shadow);\n border-left: 4px solid var(--lv-primary);\n}\n\n.lv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.lv-accordion {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n box-shadow: var(--lv-shadow);\n overflow: hidden;\n}\n\n.lv-accordion-item {\n border-bottom: 1px solid var(--lv-border);\n margin: 0;\n padding: 0;\n}\n\n.lv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lv-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.lv-accordion-header:hover {\n background: var(--lv-primary-light);\n}\n\n.lv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lv-primary);\n transition: transform .2s ease;\n}\n\n.lv-accordion-item[open] .lv-accordion-header::after {\n content: '−';\n}\n\n.lv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lv-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lv-primary-light);\n border-radius: var(--lv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lv-tip p {\n font-size: 14px;\n color: var(--lv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lv-cta-box {\n background: linear-gradient(135deg, var(--lv-primary) 0%, var(--lv-primary-dark) 100%);\n border-radius: var(--lv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lv-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 30% 50%, rgba(201, 160, 220, .2) 0%, transparent 60%);\n}\n\n.lv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.lv-disclaimer {\n font-size: 12px;\n color: var(--lv-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 .lv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lv-card {\n padding: 1.125rem;\n }\n\n .lv-section {\n margin-bottom: 1.75rem;\n }\n\n .lv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lv-radius-sm);\n }\n\n .lv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte mobile *\/\n .lv-grid-compact {\n gap: .625rem;\n }\n\n .lv-grid-compact .lv-card {\n padding: .75rem;\n }\n\n \/* Comparison mobile : stack *\/\n .lv-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n \/* Timeline mobile *\/\n .lv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lv-timeline-content h3 {\n font-size: 14px;\n }\n\n .lv-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .lv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .lv-testimonial {\n padding: 1.25rem;\n }\n\n .lv-testimonial-text {\n font-size: 14px;\n }\n\n \/* Highlight box mobile *\/\n .lv-highlight-box {\n padding: 1rem;\n }\n\n .lv-highlight-box p {\n font-size: 14px;\n }\n\n \/* Tip box mobile *\/\n .lv-tip {\n padding: .875rem 1rem;\n }\n\n .lv-tip-icon {\n font-size: 20px;\n }\n\n .lv-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lv-card {\n animation: lvFadeInUp .5s ease backwards;\n }\n .lv-card:nth-child(1) { animation-delay: .05s; }\n .lv-card:nth-child(2) { animation-delay: .1s; }\n .lv-card:nth-child(3) { animation-delay: .15s; }\n .lv-card:nth-child(4) { animation-delay: .2s; }\n .lv-card:nth-child(5) { animation-delay: .25s; }\n .lv-card:nth-child(6) { animation-delay: .3s; }\n\n .lv-timeline-item {\n animation: lvFadeInUp .5s ease backwards;\n }\n .lv-timeline-item:nth-child(1) { animation-delay: .05s; }\n .lv-timeline-item:nth-child(2) { animation-delay: .1s; }\n .lv-timeline-item:nth-child(3) { animation-delay: .15s; }\n .lv-timeline-item:nth-child(4) { animation-delay: .2s; }\n\n .lv-comparison-col {\n animation: lvFadeInUp .5s ease backwards;\n }\n .lv-comparison-col:nth-child(1) { animation-delay: .05s; }\n .lv-comparison-col:nth-child(2) { animation-delay: .15s; }\n}\n\n@keyframes lvFadeInUp {\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 .lv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858391323001,"sku":"NBAIDSH0017","price":8.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-lavande-vraie-bio-saint-hilaire-10-ml-bis-min.jpg?v=1757161883"},{"product_id":"menthe-nanah-bio-huile-essentielle-saint-hilaire","title":"Huile Essentielle de Menthe Nanah Bio - Saint-Hilaire - 10 ml","description":"\u003cdiv class=\"mn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mn-hero\"\u003e\n \u003cdiv class=\"mn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mn-hero-content\"\u003e\n \u003cdiv class=\"mn-badges-top\"\u003e\n \u003cspan class=\"mn-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"mn-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"mn-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"mn-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mn-hero-title\"\u003eHuile essentielle de Menthe Nanah Bio\u003c\/span\u003e\n \u003cp class=\"mn-subtitle\"\u003eDistillerie Saint-Hilaire · 10 ml\u003c\/p\u003e\n \u003cp class=\"mn-description\"\u003eLa douceur rafraîchissante de la menthe marocaine, distillée avec un savoir-faire artisanal français depuis le cœur de l'Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003eHuile essentielle de Menthe Nanah Bio : la menthe marocaine aux vertus rafraîchissantes\u003c\/h2\u003e\n \u003cp class=\"mn-section-intro\"\u003eVous recherchez une \u003cstrong\u003ehuile essentielle de menthe\u003c\/strong\u003e douce, parfumée et polyvalente ?\u003c\/p\u003e\n \u003cdiv class=\"mn-testimonial\"\u003e\n \u003cp class=\"mn-testimonial-text\"\u003eL'huile essentielle de \u003cstrong\u003eMenthe Nanah Bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est une alternative remarquable à l'\u003cstrong\u003ehuile essentielle de menthe poivrée\u003c\/strong\u003e. Issue de la variété \u003cem\u003eMentha viridis\u003c\/em\u003e, aussi appelée menthe verte ou menthe marocaine, elle séduit par son arôme frais et sucré, moins piquant que celui de la menthe poivrée. Certifiée bio et chémotypée, elle est distillée en Auvergne à partir des feuilles de la plante, dans le respect d'un savoir-faire artisanal français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003eCaractéristiques et composition\u003c\/h2\u003e\n \u003cdiv class=\"mn-grid-compact\"\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eMentha viridis\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e💧 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (AB) – Commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e👁️ Aspect\u003c\/h3\u003e\n \u003cp\u003eLiquide limpide, incolore à jaune verdâtre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🌬️ Odeur\u003c\/h3\u003e\n \u003cp\u003eFraîche, herbacée, mentholée avec des notes douces de chlorophylle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e⚗️ Molécule clé\u003c\/h3\u003e\n \u003cp\u003eCarvone (profil plus doux que le menthol)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-tip\"\u003e\n \u003cspan class=\"mn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à l'\u003cstrong\u003ehuile essentielle de menthe poivrée\u003c\/strong\u003e, riche en menthol, la menthe Nanah se distingue par sa teneur en \u003cstrong\u003ecarvone\u003c\/strong\u003e. Ce composé lui confère un profil aromatique plus doux et une meilleure tolérance, ce qui en fait un choix judicieux pour les personnes sensibles au menthol pur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de Menthe Nanah\u003c\/h2\u003e\n \u003cp class=\"mn-section-intro\"\u003eSi vous vous demandez comment \u003cstrong\u003eutiliser l'huile essentielle de menthe\u003c\/strong\u003e au quotidien, voici les principaux bienfaits reconnus de la menthe Nanah :\u003c\/p\u003e\n \u003cdiv class=\"mn-grid\"\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour favoriser une digestion harmonieuse, elle aide à apaiser les inconforts gastro-intestinaux tels que les ballonnements ou les lourdeurs après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🌬️ Soutien respiratoire\u003c\/h3\u003e\n \u003cp\u003eAnti-catarrhale et mucolytique, elle contribue à dégager les voies respiratoires encombrées, notamment en période hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e⚡ Effet tonique et rafraîchissant\u003c\/h3\u003e\n \u003cp\u003eSon parfum vivifiant aide à chasser la fatigue mentale, à favoriser la concentration et à revitaliser l'esprit lors de baisses d'énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🧘 Apaisement émotionnel\u003c\/h3\u003e\n \u003cp\u003ePlus douce que la menthe poivrée, elle aide à réguler les émotions et à calmer le stress grâce à ses notes herbacées réconfortantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle de menthe ?\u003c\/h2\u003e\n \u003cp class=\"mn-section-intro\"\u003eL'\u003cstrong\u003eutilisation de l'huile essentielle de menthe\u003c\/strong\u003e Nanah s'adapte à vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"mn-timeline\"\u003e\n \u003cdiv class=\"mn-timeline-item\"\u003e\n \u003cdiv class=\"mn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-content\"\u003e\n \u003ch3\u003eVoie orale\u003c\/h3\u003e\n \u003cp\u003e1 goutte, 3 fois par jour, diluée sur un support neutre (miel, huile végétale, comprimé neutre). Dose journalière recommandée : \u003cstrong\u003e90 mg\/jour maximum\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-item\"\u003e\n \u003cdiv class=\"mn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans votre diffuseur pour purifier l'atmosphère et créer une ambiance fraîche et dynamisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-item\"\u003e\n \u003cdiv class=\"mn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-content\"\u003e\n \u003ch3\u003eApplication cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluée à \u003cstrong\u003e20 %\u003c\/strong\u003e dans une huile végétale (amande douce, jojoba), en massage sur le ventre pour le confort digestif ou sur les tempes pour un effet vivifiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-tip\"\u003e\n \u003cspan class=\"mn-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e après un repas copieux, déposez 1 goutte sur un sucre ou dans une tisane tiède pour soutenir votre digestion naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mn-accordion\"\u003e\n \u003cdetails class=\"mn-accordion-item\" open\u003e\n \u003csummary class=\"mn-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"mn-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux femmes enceintes, allaitantes et aux enfants de moins de 6 ans. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mn-accordion-item\"\u003e\n \u003csummary class=\"mn-accordion-header\"\u003e👁️ Contact et manipulation\u003c\/summary\u003e\n \u003cdiv class=\"mn-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter tout contact avec les yeux et les muqueuses. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mn-accordion-item\"\u003e\n \u003csummary class=\"mn-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"mn-accordion-content mt-3\"\u003e\n \u003cp\u003eNe se substitue pas à une alimentation variée, un mode de vie sain ou un traitement médical. En cas de doute, demandez conseil à un professionnel de santé ou à un aromathérapeute qualifié.\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=\"mn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mn-cta-box\"\u003e\n \u003cp\u003eLa Distillerie \u003cstrong\u003eSaint-Hilaire\u003c\/strong\u003e, installée au cœur de l'Auvergne, perpétue un savoir-faire artisanal exigeant. Chaque flacon est le fruit d'une distillation soignée, garantissant une huile essentielle pure, \u003cstrong\u003ebio\u003c\/strong\u003e et traçable. Un choix responsable pour votre bien-être au naturel. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mn-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. Elles ne peuvent se substituer à un traitement médical. Consultez un professionnel de santé pour toute question relative à votre état de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mn-cream: #f7f5f0;\n --mn-white: #ffffff;\n --mn-primary: #2e5e3f;\n --mn-primary-dark: #1c3d28;\n --mn-primary-light: #e8f0eb;\n --mn-secondary: #c49a3c;\n --mn-accent: #8bb174;\n --mn-text: #1a1a1a;\n --mn-text-light: #5a5a5a;\n --mn-border: #ddd8ce;\n --mn-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mn-radius: 20px;\n --mn-radius-sm: 12px;\n}\n\n.mn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mn-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mn-primary-dark) 0%, var(--mn-primary) 50%, var(--mn-accent) 100%);\n border-radius: var(--mn-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mn-shadow-lg);\n}\n\n.mn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.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(196,154,60,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mn-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mn-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mn-subtitle {\n color: rgba(255,255,255,.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.mn-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mn-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.mn-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mn-primary), var(--mn-secondary));\n border-radius: 2px;\n}\n\n.mn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mn-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mn-card {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mn-shadow-lg);\n border-color: var(--mn-primary);\n}\n\n.mn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mn-grid-compact .mn-card {\n padding: 1rem;\n}\n\n.mn-grid-compact .mn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mn-grid-compact .mn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mn-primary), var(--mn-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mn-timeline-content {\n flex: 1;\n background: var(--mn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mn-radius-sm);\n box-shadow: var(--mn-shadow);\n}\n\n.mn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mn-timeline-content p {\n font-size: 14px;\n color: var(--mn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.mn-testimonial {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mn-shadow);\n border-left: 4px solid var(--mn-primary);\n}\n\n.mn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mn-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mn-accordion {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n box-shadow: var(--mn-shadow);\n overflow: hidden;\n}\n\n.mn-accordion-item {\n border-bottom: 1px solid var(--mn-border);\n margin: 0;\n padding: 0;\n}\n\n.mn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mn-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mn-accordion-header:hover {\n background: var(--mn-primary-light);\n}\n\n.mn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mn-primary);\n transition: transform .2s ease;\n}\n\n.mn-accordion-item[open] .mn-accordion-header::after {\n content: '−';\n}\n\n.mn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mn-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.mn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mn-primary-light);\n border-radius: var(--mn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mn-tip p {\n font-size: 14px;\n color: var(--mn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.mn-cta-box {\n background: linear-gradient(135deg, var(--mn-primary) 0%, var(--mn-primary-dark) 100%);\n border-radius: var(--mn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mn-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mn-disclaimer {\n font-size: 12px;\n color: var(--mn-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mn-card {\n padding: 1.125rem;\n }\n\n .mn-section {\n margin-bottom: 1.75rem;\n }\n\n .mn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mn-radius-sm);\n }\n\n .mn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mn-grid-compact {\n gap: .625rem;\n }\n\n .mn-grid-compact .mn-card {\n padding: .75rem;\n }\n\n .mn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mn-timeline-content h3 {\n font-size: 14px;\n }\n\n .mn-timeline-content p {\n font-size: 13px;\n }\n\n .mn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mn-testimonial {\n padding: 1.25rem;\n }\n\n .mn-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mn-card {\n animation: mnFadeInUp .5s ease backwards;\n }\n .mn-card:nth-child(1) { animation-delay: .05s; }\n .mn-card:nth-child(2) { animation-delay: .1s; }\n .mn-card:nth-child(3) { animation-delay: .15s; }\n .mn-card:nth-child(4) { animation-delay: .2s; }\n .mn-card:nth-child(5) { animation-delay: .25s; }\n .mn-card:nth-child(6) { animation-delay: .3s; }\n .mn-card:nth-child(7) { animation-delay: .35s; }\n .mn-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes mnFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858434380153,"sku":"NBAIDSH0001","price":9.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-menthe-nanah-bio-saint-hilaire-10-ml-ingredients_c4ad2346-6446-4314-be2e-46c356267b36.webp?v=1774258905"},{"product_id":"huile-essentielle-ylang-ylang-bio-saint-hilaire","title":"Huile Essentielle de Ylang Ylang complète Bio - Saint Hilaire - Flacon 10 ml","description":"\u003cdiv class=\"yy-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"yy-hero\"\u003e\n \u003cdiv class=\"yy-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"yy-hero-content\"\u003e\n \u003cdiv class=\"yy-badges-top\"\u003e\n \u003cspan class=\"yy-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"yy-badge\"\u003e🌸 Distillation complète\u003c\/span\u003e\n \u003cspan class=\"yy-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"yy-hero-title\"\u003eHuile essentielle d'Ylang Ylang complète Bio\u003c\/span\u003e\n \u003cp class=\"yy-subtitle\"\u003eDistillerie Saint-Hilaire · Flacon 10 ml\u003c\/p\u003e\n \u003cp class=\"yy-description\"\u003eLe spectre aromatique complet de la fleur de \u003cem\u003eCananga odorata\u003c\/em\u003e, certifié bio et chémotypé, pour une aromathérapie d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eHuile essentielle d'Ylang Ylang complète Bio – Distillerie Saint-Hilaire\u003c\/h2\u003e\n \u003cp class=\"yy-section-intro\"\u003eObtenue par distillation complète des \u003cstrong\u003efleurs fraîches de \u003cem\u003eCananga odorata\u003c\/em\u003e\u003c\/strong\u003e, cette \u003cstrong\u003ehuile essentielle d'Ylang Ylang bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire concentre l'intégralité du profil aromatique de la fleur.\u003c\/p\u003e\n \u003cdiv class=\"yy-grid-compact\"\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🌺 Distillation complète\u003c\/h3\u003e\n \u003cp\u003eContrairement aux fractions (extra, première…), la version « complète » offre un spectre de molécules plus riche et équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🔬 Chémotypée\u003c\/h3\u003e\n \u003cp\u003eProfil biochimique analysé et garanti pour une aromathérapie précise et fiable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🌱 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique certifiée, sans pesticides ni solvants chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e💧 Flacon 10 ml\u003c\/h3\u003e\n \u003cp\u003eFlacon ambré avec compte-gouttes intégré pour un dosage précis et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eBienfaits reconnus de l'huile essentielle d'Ylang Ylang\u003c\/h2\u003e\n \u003cp class=\"yy-section-intro\"\u003eL'Ylang Ylang est l'une des huiles essentielles les plus prisées en aromathérapie. Voici pourquoi elle mérite une place dans votre trousse aromatique.\u003c\/p\u003e\n \u003cdiv class=\"yy-grid\"\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e😌 Apaisement du stress et de l'anxiété\u003c\/h3\u003e\n \u003cp\u003eSon parfum floral puissant et voluptueux favorise la détente nerveuse. En diffusion ou en olfaction directe, elle aide à calmer l'agitation mentale et les tensions accumulées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e☀️ Soutien de l'humeur\u003c\/h3\u003e\n \u003cp\u003eRéputée euphorisante, elle est traditionnellement utilisée pour accompagner les baisses de moral, la mélancolie passagère et redonner un élan de joie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e✨ Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eDiluée dans une huile végétale, elle contribue à réguler la production de sébum et à redonner de l'éclat aux peaux ternes ou fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e💇 Beauté des cheveux\u003c\/h3\u003e\n \u003cp\u003eConnue pour fortifier la fibre capillaire, apporter brillance et souplesse, notamment aux cheveux secs ou abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🕯️ Ambiance sensorielle\u003c\/h3\u003e\n \u003cp\u003eSes notes chaudes et sensuelles créent une atmosphère intime et enveloppante dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle d'Ylang Ylang ?\u003c\/h2\u003e\n \u003cdiv class=\"yy-timeline\"\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 4 à 6 gouttes dans votre diffuseur par séances de 20 à 30 minutes. Associez-la à la lavande vraie ou au petit grain bigarade pour une synergie relaxante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e💆 En massage relaxant\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à soupe d'huile végétale (amande douce, jojoba) et appliquez sur le plexus solaire, les poignets ou la nuque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e🧴 En soin capillaire\u003c\/h3\u003e\n \u003cp\u003eAjoutez 1 à 2 gouttes dans votre dose de shampoing ou dans un masque à l'huile de coco. Laissez poser quelques minutes avant de rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e🛁 En bain aromatique\u003c\/h3\u003e\n \u003cp\u003eMélangez 5 gouttes à une base dispersante (sel de bain, lait) avant de verser dans l'eau du bain pour un moment de détente profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eHuile essentielle d'Ylang Ylang : danger et précautions\u003c\/h2\u003e\n \u003cp class=\"yy-section-intro\"\u003eComme toute huile essentielle, l'huile essentielle d'Ylang Ylang demande quelques précautions. À forte dose ou pure sur la peau, elle peut provoquer des irritations cutanées ou des maux de tête. Respectez toujours une \u003cstrong\u003edilution de 20 % maximum\u003c\/strong\u003e dans une huile végétale.\u003c\/p\u003e\n \u003cdiv class=\"yy-grid-compact\"\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes, ainsi qu'aux enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e🧪 Test cutané\u003c\/h3\u003e\n \u003cp\u003eRéalisez un test au creux du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e💊 Traitement médical\u003c\/h3\u003e\n \u003cp\u003eEn cas de traitement en cours, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e⚕️ Avis médical\u003c\/h3\u003e\n \u003cp\u003eNe remplace en aucun cas un traitement médical. Usage en complément uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eFiche technique\u003c\/h2\u003e\n \u003cdiv class=\"yy-accordion\"\u003e\n \u003cdetails class=\"yy-accordion-item\" open\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🌿 Identification botanique\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eNom botanique :\u003c\/strong\u003e \u003cem\u003eCananga odorata\u003c\/em\u003e\u003cbr\u003e\n \u003cstrong\u003ePartie distillée :\u003c\/strong\u003e fleurs\u003cbr\u003e\n \u003cstrong\u003eMéthode d'extraction :\u003c\/strong\u003e distillation complète à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"yy-accordion-item\"\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🏷️ Certifications et qualité\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eCertification :\u003c\/strong\u003e Agriculture biologique (AB)\u003cbr\u003e\n \u003cstrong\u003eChémotype :\u003c\/strong\u003e huile essentielle chémotypée\u003cbr\u003e\n \u003cstrong\u003eContenance :\u003c\/strong\u003e 10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"yy-accordion-item\"\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🏭 Fabricant\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eFabricant :\u003c\/strong\u003e Distillerie Saint-Hilaire – Auvergne, France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"yy-accordion-item\"\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière et de la chaleur pour préserver toute la richesse aromatique de cette huile essentielle d'Ylang Ylang bio.\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=\"yy-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"yy-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez-vous le spectre aromatique complet de l'Ylang Ylang bio – distillation intégrale, qualité chémotypée, savoir-faire d'Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"yy-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --yy-cream: #fdf9f3;\n --yy-white: #ffffff;\n --yy-primary: #2d6a3f;\n --yy-primary-dark: #1b4a2b;\n --yy-primary-light: #e8f3ec;\n --yy-secondary: #e6c740;\n --yy-accent: #f5e27a;\n --yy-text: #1a1a1a;\n --yy-text-light: #5a5a5a;\n --yy-border: #e0e0e0;\n --yy-shadow: 0 4px 24px rgba(0,0,0,.08);\n --yy-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --yy-radius: 20px;\n --yy-radius-sm: 12px;\n}\n\n.yy-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--yy-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.yy-hero {\n position: relative;\n background: linear-gradient(135deg, var(--yy-primary-dark) 0%, var(--yy-primary) 50%, #3d8a54 100%);\n border-radius: var(--yy-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(--yy-shadow-lg);\n}\n\n.yy-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(230,199,64,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(245,226,122,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.yy-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.yy-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.yy-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(--yy-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.yy-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.yy-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.yy-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.yy-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.yy-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.yy-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--yy-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.yy-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(--yy-primary), var(--yy-secondary));\n border-radius: 2px;\n}\n\n.yy-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--yy-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.yy-card {\n background: var(--yy-white);\n border-radius: var(--yy-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--yy-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.yy-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--yy-shadow-lg);\n border-color: var(--yy-primary);\n}\n\n.yy-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--yy-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.yy-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--yy-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.yy-card-warning {\n border-left: 4px solid var(--yy-secondary);\n}\n\n\/* === GRILLES === *\/\n.yy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.yy-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.yy-grid-compact .yy-card {\n padding: 1rem;\n}\n\n.yy-grid-compact .yy-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.yy-grid-compact .yy-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.yy-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.yy-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.yy-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--yy-primary), var(--yy-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.yy-timeline-content {\n flex: 1;\n background: var(--yy-white);\n padding: 1rem 1.25rem;\n border-radius: var(--yy-radius-sm);\n box-shadow: var(--yy-shadow);\n transition: all .3s ease;\n}\n\n.yy-timeline-content:hover {\n transform: translateX(4px);\n box-shadow: var(--yy-shadow-lg);\n}\n\n.yy-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--yy-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.yy-timeline-content p {\n font-size: 14px;\n color: var(--yy-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.yy-accordion {\n background: var(--yy-white);\n border-radius: var(--yy-radius);\n box-shadow: var(--yy-shadow);\n overflow: hidden;\n}\n\n.yy-accordion-item {\n border-bottom: 1px solid var(--yy-border);\n margin: 0;\n padding: 0;\n}\n\n.yy-accordion-item:last-child {\n border-bottom: none;\n}\n\n.yy-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--yy-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.yy-accordion-header:hover {\n background: var(--yy-primary-light);\n}\n\n.yy-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.yy-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--yy-primary);\n transition: transform .2s ease;\n}\n\n.yy-accordion-item[open] .yy-accordion-header::after {\n content: '−';\n}\n\n.yy-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--yy-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.yy-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.yy-cta-box {\n background: linear-gradient(135deg, var(--yy-primary) 0%, var(--yy-primary-dark) 100%);\n border-radius: var(--yy-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.yy-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; right: -20%;\n width: 300px; height: 300px;\n background: radial-gradient(circle, rgba(230,199,64,.2) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.yy-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n.yy-disclaimer {\n font-size: 12px;\n color: var(--yy-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .yy-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .yy-card {\n padding: 1.125rem;\n }\n\n .yy-section {\n margin-bottom: 1.75rem;\n }\n\n .yy-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--yy-radius-sm);\n }\n\n .yy-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .yy-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .yy-grid-compact {\n gap: .625rem;\n }\n\n .yy-grid-compact .yy-card {\n padding: .75rem;\n }\n\n .yy-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .yy-timeline-content {\n padding: .875rem 1rem;\n }\n\n .yy-timeline-content h3 {\n font-size: 14px;\n }\n\n .yy-timeline-content p {\n font-size: 13px;\n }\n\n .yy-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .yy-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .yy-testimonial {\n padding: 1.25rem;\n }\n\n .yy-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .yy-card {\n animation: yyFadeInUp .5s ease backwards;\n }\n .yy-card:nth-child(1) { animation-delay: .05s; }\n .yy-card:nth-child(2) { animation-delay: .1s; }\n .yy-card:nth-child(3) { animation-delay: .15s; }\n .yy-card:nth-child(4) { animation-delay: .2s; }\n .yy-card:nth-child(5) { animation-delay: .25s; }\n .yy-card:nth-child(6) { animation-delay: .3s; }\n\n .yy-timeline-item {\n animation: yyFadeInUp .5s ease backwards;\n }\n .yy-timeline-item:nth-child(1) { animation-delay: .05s; }\n .yy-timeline-item:nth-child(2) { animation-delay: .1s; }\n .yy-timeline-item:nth-child(3) { animation-delay: .15s; }\n .yy-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes yyFadeInUp {\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 .yy-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858466918777,"sku":"NBAIDSH0012","price":9.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-ylang-ylang-complete-bio-saint-hilaire--packshothd.webp?v=1774427326"},{"product_id":"geranium-rosat-huile-essentielle-saint-hilaire","title":"Huile Essentielle de Géranium Rosat Bio - Saint Hilaire - 10 ml","description":"\u003cdiv class=\"gr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gr-hero\"\u003e\n \u003cdiv class=\"gr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gr-hero-content\"\u003e\n \u003cdiv class=\"gr-badges-top\"\u003e\n \u003cspan class=\"gr-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🌸 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gr-hero-title\"\u003eHuile essentielle de Géranium Rosat Bio\u003c\/span\u003e\n \u003cp class=\"gr-subtitle\"\u003eDistillerie Saint-Hilaire — 10 ml\u003c\/p\u003e\n \u003cp class=\"gr-description\"\u003eUn trésor floral aux vertus exceptionnelles pour la peau, l'esprit et le bien-être au quotidien. Pelargonium graveolens d'origine Égypte, distillé avec un savoir-faire artisanal d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eHuile essentielle de Géranium Rosat Bio – Un incontournable de l'aromathérapie\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle de géranium rosat\u003c\/strong\u003e bio de la Distillerie Saint-Hilaire est un véritable trésor botanique. Obtenue par distillation à la vapeur d'eau des parties aériennes du \u003cem\u003ePelargonium graveolens\u003c\/em\u003e, elle dévoile un parfum floral et rosé d'une grande finesse.\u003c\/p\u003e\n \u003cp class=\"gr-section-intro\"\u003eQue vous cherchiez à prendre soin de votre peau, à éloigner les insectes ou à retrouver un équilibre émotionnel, cette \u003cstrong\u003ehuile essentielle bio\u003c\/strong\u003e saura répondre à vos attentes avec élégance.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de géranium rosat\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eLe \u003cstrong\u003egéranium rosat\u003c\/strong\u003e est l'une des huiles essentielles les plus polyvalentes en aromathérapie. Voici ses principales propriétés reconnues :\u003c\/p\u003e\n \u003cdiv class=\"gr-grid\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e✨ Régénérante cutanée\u003c\/h3\u003e\n \u003cp\u003eFavorise la cicatrisation des petites plaies, coupures et irritations. Particulièrement appréciée pour atténuer l'apparence des rides, des vergetures et des taches cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🛡️ Anti-infectieuse et antifongique\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée en cas de mycoses cutanées, de candidoses ou d'affections comme l'eczéma, le psoriasis ou l'impétigo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💎 Astringente et tonifiante\u003c\/h3\u003e\n \u003cp\u003eResserre les pores, tonifie les tissus et améliore l'élasticité de la peau. Un allié précieux pour les peaux mixtes, grasses ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🦟 Répulsif naturel\u003c\/h3\u003e\n \u003cp\u003eSon arôme floral éloigne efficacement moustiques et autres nuisibles. Idéal en diffusion lors des soirées d'été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🧘 Apaisante émotionnelle\u003c\/h3\u003e\n \u003cp\u003eEn diffusion atmosphérique, aide à réduire le stress, l'anxiété et la nervosité, instaurant une ambiance douce et harmonieuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💜 Soutien circulatoire\u003c\/h3\u003e\n \u003cp\u003eHémostatique, elle contribue à atténuer les sensations de jambes lourdes et les petits saignements superficiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de géranium rosat ?\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eVoici quelques conseils pratiques pour profiter pleinement de ses bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"gr-timeline\"\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eEn soin cutané\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à café d'huile végétale (jojoba, amande douce ou argan) et appliquez sur la zone concernée. Parfait pour le visage, les cicatrices ou les zones sujettes aux irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 10 gouttes dans votre diffuseur pour créer une atmosphère relaxante et repousser les insectes naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eEn synergie\u003c\/h3\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile essentielle géranium bourbon\u003c\/strong\u003e se marie parfaitement avec la lavande vraie, le palmarosa, l'ylang-ylang ou le citron pour des compositions personnalisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ajoutez 2 gouttes à votre crème de jour ou de nuit pour un soin anti-âge naturel et délicatement parfumé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"gr-grid-compact\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePelargonium graveolens\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eParties aériennes (feuilles et tiges)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💧 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eÉgypte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🔬 Chémotype\u003c\/h3\u003e\n \u003cp\u003eCitronellol, géraniol, linalol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🧪 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003ePelargonium graveolens oil*. *Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gr-accordion\"\u003e\n \u003cdetails class=\"gr-accordion-item\" open\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eComme toute huile essentielle, le géranium rosat doit être utilisé avec discernement. \u003cstrong\u003eNe jamais l'appliquer pure sur la peau\u003c\/strong\u003e : diluez-la toujours dans une huile végétale. Effectuez un test dans le pli du coude 48 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eElle est \u003cstrong\u003edéconseillée aux femmes enceintes et allaitantes\u003c\/strong\u003e ainsi qu'aux enfants de moins de 6 ans. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace en aucun cas un traitement médical. Consultez votre médecin ou pharmacien pour tout usage thérapeutique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"gr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir la Distillerie Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"gr-cta-box\"\u003e\n \u003cp\u003eInstallée au cœur de l'Auvergne, la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e perpétue un savoir-faire artisanal exigeant. Chaque \u003cstrong\u003ehuile essentielle bio chémotypée\u003c\/strong\u003e est rigoureusement contrôlée pour garantir une traçabilité complète et une qualité irréprochable.\u003c\/p\u003e\n \u003cp style=\"margin-top:1rem;\"\u003eEn choisissant cette huile essentielle de géranium rosat, vous optez pour un produit authentique, respectueux de la nature et de votre bien-être. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gr-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments et ne peuvent se substituer à un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gr-cream: #faf7f5;\n --gr-white: #ffffff;\n --gr-primary: #c76b8a;\n --gr-primary-dark: #2d4a3e;\n --gr-primary-light: #f5e8ed;\n --gr-secondary: #e8a0b5;\n --gr-accent: #8b5e3c;\n --gr-text: #1a1a1a;\n --gr-text-light: #5a5a5a;\n --gr-border: #e8ddd6;\n --gr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gr-radius: 20px;\n --gr-radius-sm: 12px;\n}\n\n.gr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gr-primary-dark) 0%, #4a6e5d 40%, var(--gr-primary) 100%);\n border-radius: var(--gr-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(--gr-shadow-lg);\n}\n\n.gr-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,160,181,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gr-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.gr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gr-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(--gr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gr-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.gr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gr-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.gr-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(--gr-primary), var(--gr-secondary));\n border-radius: 2px;\n}\n\n.gr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gr-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.gr-card {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gr-shadow-lg);\n border-color: var(--gr-primary);\n}\n\n.gr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gr-grid-compact .gr-card {\n padding: 1rem;\n}\n\n.gr-grid-compact .gr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gr-grid-compact .gr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gr-primary), var(--gr-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.gr-timeline-content {\n flex: 1;\n background: var(--gr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gr-radius-sm);\n box-shadow: var(--gr-shadow);\n}\n\n.gr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gr-timeline-content p {\n font-size: 14px;\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.gr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gr-primary-light);\n border-radius: var(--gr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gr-tip p {\n font-size: 14px;\n color: var(--gr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.gr-accordion {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n box-shadow: var(--gr-shadow);\n overflow: hidden;\n}\n\n.gr-accordion-item {\n border-bottom: 1px solid var(--gr-border);\n margin: 0;\n padding: 0;\n}\n\n.gr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gr-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.gr-accordion-header:hover {\n background: var(--gr-primary-light);\n}\n\n.gr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gr-primary);\n transition: transform .2s ease;\n}\n\n.gr-accordion-item[open] .gr-accordion-header::after {\n content: '−';\n}\n\n.gr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.gr-cta-box {\n background: linear-gradient(135deg, var(--gr-primary-dark) 0%, #4a6e5d 100%);\n border-radius: var(--gr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gr-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.gr-disclaimer {\n font-size: 12px;\n color: var(--gr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .gr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gr-card {\n padding: 1.125rem;\n }\n\n .gr-section {\n margin-bottom: 1.75rem;\n }\n\n .gr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gr-radius-sm);\n }\n\n .gr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gr-grid-compact {\n gap: .625rem;\n }\n\n .gr-grid-compact .gr-card {\n padding: .75rem;\n }\n\n .gr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gr-timeline-content h3 {\n font-size: 14px;\n }\n\n .gr-timeline-content p {\n font-size: 13px;\n }\n\n .gr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gr-testimonial {\n padding: 1.25rem;\n }\n\n .gr-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gr-card {\n animation: grFadeInUp .5s ease backwards;\n }\n .gr-card:nth-child(1) { animation-delay: .05s; }\n .gr-card:nth-child(2) { animation-delay: .1s; }\n .gr-card:nth-child(3) { animation-delay: .15s; }\n .gr-card:nth-child(4) { animation-delay: .2s; }\n .gr-card:nth-child(5) { animation-delay: .25s; }\n .gr-card:nth-child(6) { animation-delay: .3s; }\n .gr-card:nth-child(7) { animation-delay: .35s; }\n .gr-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes grFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858776445305,"sku":"NBAIDSH0003","price":9.84,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-geranium-rosat-bio-saint-hilaire-10-ml-packshothd.webp?v=1774513735"},{"product_id":"huile-vanille-bio-saint-hilaire","title":"Huile de Macération Vanille Bio - Saint Hilaire - 30 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Macération Vanille Bio - Saint Hilaire - 30 ml\nPalette détectée:\n - Primaire: #3A2F2B (brun foncé\/chocolat du flacon et de l'étiquette)\n - Secondaire: #C9A96E (doré\/or des liserés et textes sur l'étiquette)\n - Accent: #D4B896 (beige chaud\/sable de l'ambiance pierre naturelle)\nAmbiance: Luxe naturel, artisanal premium, chaleureux et sensuel, tons terre\/vanille, univers cosmétique haut de gamme avec racines botaniques\nPréfixe CSS: vh\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de Vanille Bio – Macérât huileux de Vanille de Madagascar\"\n 2. \"Pourquoi choisir un macérât huileux plutôt qu'une huile essentielle de vanille ?\"\n 3. \"Les bienfaits de cette huile corps vanille bio\"\n 4. \"Composition – 100 % biologique\"\n 5. \"Comment utiliser cette huile de vanille bio ?\"\n 6. \"Précautions et conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"vh-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"vh-hero\"\u003e\n \u003cdiv class=\"vh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vh-hero-content\"\u003e\n \u003cdiv class=\"vh-badges-top\"\u003e\n \u003cspan class=\"vh-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"vh-badge\"\u003e🇲🇬 Vanille de Madagascar\u003c\/span\u003e\n \u003cspan class=\"vh-badge\"\u003e🏔️ Fabriqué en Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vh-hero-title\"\u003eHuile de macération vanille bio\u003c\/span\u003e\n \u003cp class=\"vh-subtitle\"\u003eDistillerie Saint-Hilaire · 30 ml\u003c\/p\u003e\n \u003cp class=\"vh-description\"\u003eUn macérât huileux d'exception, artisanal et 100 % biologique, qui enveloppe votre peau, vos cheveux et vos sens d'un parfum gourmand de vanille de Madagascar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eHuile de Vanille Bio – Macérât huileux de Vanille de Madagascar\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eDécouvrez une huile au parfum enveloppant, gourmand et délicat, qui prend soin de votre peau, de vos cheveux et de vos sens.\u003c\/p\u003e\n \u003cdiv class=\"vh-highlight-box\"\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile de vanille bio\u003c\/strong\u003e signée Distillerie Saint-Hilaire est élaborée artisanalement en Auvergne. Ce \u003cstrong\u003emacérât huileux de vanille\u003c\/strong\u003e réunit le meilleur de la vanille de Madagascar et de l'huile de sésame biologique dans un flacon compte-gouttes de 30 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003ePourquoi choisir un macérât huileux plutôt qu'une huile essentielle de vanille ?\u003c\/h2\u003e\n \u003cdiv class=\"vh-testimonial\"\u003e\n \u003cp class=\"vh-testimonial-text\"\u003eContrairement à une \u003cstrong\u003ehuile essentielle de vanille bio\u003c\/strong\u003e — extrêmement rare et souvent reconstituée — le macérât huileux est obtenu par infusion lente des gousses dans une huile végétale. Ce procédé préserve les composés aromatiques et les actifs nourrissants de la vanille, tout en offrant un produit prêt à l'emploi, doux et adapté à une application directe sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eLes bienfaits de cette huile corps vanille bio\u003c\/h2\u003e\n \u003cdiv class=\"vh-grid\"\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile de sésame biologique pénètre facilement l'épiderme pour nourrir en profondeur sans film gras. La peau retrouve souplesse et confort, même sur les zones les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre la déshydratation\u003c\/h3\u003e\n \u003cp\u003eCe macérât forme un voile protecteur qui aide la peau à conserver son hydratation naturelle tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e✨ Soin capillaire réparateur\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, cette huile redonne brillance et douceur aux cheveux secs ou fragilisés. Quelques gouttes suffisent pour discipliner les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🤲 Huile de massage vanille bio\u003c\/h3\u003e\n \u003cp\u003eSon parfum chaud et sucré crée une atmosphère apaisante, idéale pour un massage relaxant. La vanille est réputée pour ses vertus réconfortantes et sensuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🪶 Toucher satiné\u003c\/h3\u003e\n \u003cp\u003eSa texture sèche et légère laisse la peau douce comme de la soie, sans sensation collante ni résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eComposition – 100 % biologique\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eUne formule minimaliste ne contenant que trois ingrédients, tous d'origine naturelle et biologique.\u003c\/p\u003e\n \u003cdiv class=\"vh-grid-compact\"\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🌱 Sesamum indicum seed oil\u003c\/h3\u003e\n \u003cp\u003eHuile de sésame désodorisée bio, base nourrissante et légère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🫘 Vanilla planifolia fruit extract\u003c\/h3\u003e\n \u003cp\u003eExtrait de gousses de vanille de Madagascar bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card vh-card-full\"\u003e\n \u003ch3\u003e🧪 Vanillin\u003c\/h3\u003e\n \u003cp\u003eVanilline naturelle, molécule aromatique caractéristique de la vanille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-tip\"\u003e\n \u003cspan class=\"vh-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eCertification :\u003c\/strong\u003e Produit certifié \u003cstrong\u003eCOSMOS ORGANIC par Ecocert\u003c\/strong\u003e. 100 % des ingrédients sont issus de l'agriculture biologique. Sans conservateur synthétique, sans parfum artificiel, sans huile minérale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de vanille bio ?\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eVersez \u003cstrong\u003e3 à 5 gouttes\u003c\/strong\u003e dans le creux de vos mains et frottez-les pour réchauffer l'huile. Appliquez ensuite selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"vh-timeline\"\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez les zones sèches après la douche, sur peau légèrement humide pour une meilleure absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eUtilisez 2 gouttes le soir, en complément de votre crème habituelle, pour un effet nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les pointes en soin sans rinçage, ou en masque avant-shampoing pendant 30 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eEn massage\u003c\/h3\u003e\n \u003cp\u003eUtilisez généreusement et profitez de l'arôme envoûtant pour un moment de détente absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n \u003cdiv class=\"vh-accordion\"\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur pour préserver la qualité des actifs et du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. Effectuez un test au pli du coude 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=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique \u003cstrong\u003ene remplace en aucun cas un avis ou un traitement médical\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"vh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vh-cta-box\"\u003e\n \u003cp\u003eFabriquée avec passion par la \u003cstrong\u003eDistillerie Saint-Hilaire en Auvergne\u003c\/strong\u003e, cette huile à la vanille de Madagascar transforme chaque geste beauté en un rituel de douceur. Un soin polyvalent, naturel et certifié bio, à glisser dans votre routine quotidienne. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"vh-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne se substitue pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --vh-cream: #FAF6F1;\n --vh-white: #ffffff;\n --vh-primary: #3A2F2B;\n --vh-primary-dark: #2A201C;\n --vh-primary-light: #F0E8DF;\n --vh-secondary: #C9A96E;\n --vh-accent: #D4B896;\n --vh-text: #1a1a1a;\n --vh-text-light: #5a5a5a;\n --vh-border: #E8DDD2;\n --vh-shadow: 0 4px 24px rgba(58,47,43,.08);\n --vh-shadow-lg: 0 12px 48px rgba(58,47,43,.15);\n --vh-radius: 20px;\n --vh-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.vh-hero {\n position: relative;\n background: linear-gradient(135deg, var(--vh-primary) 0%, #4A3D38 50%, var(--vh-primary-dark) 100%);\n border-radius: var(--vh-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(--vh-shadow-lg);\n}\n\n.vh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(201,169,110,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,184,150,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(201,169,110,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.vh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.vh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.vh-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(--vh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.vh-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.vh-subtitle {\n color: var(--vh-secondary);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.vh-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.vh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vh-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.vh-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(--vh-secondary), var(--vh-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.vh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vh-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.vh-highlight-box {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vh-shadow);\n border-left: 4px solid var(--vh-secondary);\n}\n\n.vh-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--vh-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.vh-card {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vh-shadow-lg);\n border-color: var(--vh-secondary);\n}\n\n.vh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.vh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vh-grid-compact .vh-card {\n padding: 1rem;\n}\n\n.vh-grid-compact .vh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vh-grid-compact .vh-card p {\n font-size: 12px;\n}\n\n.vh-card-full {\n grid-column: 1 \/ -1;\n}\n\n\/* === TIMELINE === *\/\n.vh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.vh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vh-primary), var(--vh-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.vh-timeline-content {\n flex: 1;\n background: var(--vh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--vh-radius-sm);\n box-shadow: var(--vh-shadow);\n}\n\n.vh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--vh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vh-timeline-content p {\n font-size: 14px;\n color: var(--vh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vh-testimonial {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vh-shadow);\n border-left: 4px solid var(--vh-secondary);\n}\n\n.vh-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vh-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vh-accordion {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n box-shadow: var(--vh-shadow);\n overflow: hidden;\n}\n\n.vh-accordion-item {\n border-bottom: 1px solid var(--vh-border);\n margin: 0;\n padding: 0;\n}\n\n.vh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vh-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.vh-accordion-header:hover {\n background: var(--vh-primary-light);\n}\n\n.vh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vh-secondary);\n transition: transform .2s ease;\n}\n\n.vh-accordion-item[open] .vh-accordion-header::after {\n content: '−';\n}\n\n.vh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.vh-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--vh-primary-light);\n border-radius: var(--vh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.vh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.vh-tip p {\n font-size: 14px;\n color: var(--vh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vh-cta-box {\n background: linear-gradient(135deg, var(--vh-primary) 0%, #4A3D38 50%, var(--vh-primary-dark) 100%);\n border-radius: var(--vh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vh-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(201,169,110,.15) 0%, transparent 50%);\n}\n\n.vh-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.vh-disclaimer {\n font-size: 12px;\n color: var(--vh-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 .vh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vh-card {\n padding: 1.125rem;\n }\n\n .vh-section {\n margin-bottom: 1.75rem;\n }\n\n .vh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vh-radius-sm);\n }\n\n .vh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .vh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .vh-grid-compact {\n gap: .625rem;\n }\n\n .vh-grid-compact .vh-card {\n padding: .75rem;\n }\n\n .vh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .vh-timeline-content {\n padding: .875rem 1rem;\n }\n\n .vh-timeline-content h3 {\n font-size: 14px;\n }\n\n .vh-timeline-content p {\n font-size: 13px;\n }\n\n .vh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .vh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .vh-testimonial {\n padding: 1.25rem;\n }\n\n .vh-testimonial-text {\n font-size: 14px;\n }\n\n .vh-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vh-card {\n animation: vhFadeInUp .5s ease backwards;\n }\n .vh-card:nth-child(1) { animation-delay: .05s; }\n .vh-card:nth-child(2) { animation-delay: .1s; }\n .vh-card:nth-child(3) { animation-delay: .15s; }\n .vh-card:nth-child(4) { animation-delay: .2s; }\n .vh-card:nth-child(5) { animation-delay: .25s; }\n .vh-card:nth-child(6) { animation-delay: .3s; }\n\n .vh-timeline-item {\n animation: vhFadeInUp .5s ease backwards;\n }\n .vh-timeline-item:nth-child(1) { animation-delay: .05s; }\n .vh-timeline-item:nth-child(2) { animation-delay: .1s; }\n .vh-timeline-item:nth-child(3) { animation-delay: .15s; }\n .vh-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes vhFadeInUp {\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 .vh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858929013113,"sku":"NBAIDSH0025","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-maceration-vanille-bio-saint-hilaire-30-ml_11zon.jpg?v=1763470848"},{"product_id":"aromaspray-arbre-a-the-ravintsara-100ml","title":"Aromaspray Arbre à thé Ravintsara 100 ml - Bouclier protecteur","description":"\u003cp\u003eDécouvrez le spray d'ambiance \u003cstrong\u003eAromaspray Arbre à Thé Ravintsara\u003c\/strong\u003e, une synergie d'huiles essentielles 100% pures et naturelles conçue pour purifier et rafraîchir votre environnement. Ce spray offre une atmosphère saine et agréable, tout en éliminant instantanément les mauvaises odeurs.\u003c\/p\u003e\n\u003ch2\u003eComposition et bienfaits\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eArbre à Thé (Tea Tree)\u003c\/strong\u003e : Reconnu pour ses propriétés antibactériennes et antivirales, il aide à assainir l'air ambiant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRavintsara\u003c\/strong\u003e : Apprécié pour son action stimulante sur les défenses immunitaires et ses vertus purifiantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiaouli\u003c\/strong\u003e : Contribue à purifier l'atmosphère grâce à ses propriétés antiseptiques.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrange Douce\u003c\/strong\u003e : Apporte une note fruitée et relaxante, favorisant une ambiance apaisante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMenthe Poivrée\u003c\/strong\u003e : Diffuse une fraîcheur vivifiante, idéale pour revitaliser l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBois de Cèdre\u003c\/strong\u003e : Offre une touche boisée et réconfortante, complétant harmonieusement le mélange.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUtilisations polyvalentes\u003c\/h2\u003e\n\u003cp\u003eLe spray \u003cstrong\u003eAromaspray Arbre à Thé Ravintsara\u003c\/strong\u003e est idéal pour :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePurifier l'air de vos espaces de vie tels que le salon, la chambre ou le bureau.\u003c\/li\u003e\n\u003cli\u003eAssainir les textiles comme les masques, mouchoirs ou oreillers.\u003c\/li\u003e\n\u003cli\u003eCréer une ambiance olfactive unique et naturelle, propice à la détente et au bien-être.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eVaporisez quelques secondes dans l'air, vers le haut, à raison de 1 à 2 pulvérisations pour 10 m³, et répétez selon vos besoins. Vous pouvez également appliquer une pulvérisation sur un masque, un mouchoir ou un oreiller. Veillez à ne pas vaporiser près des yeux ou d'une personne sensible. Aérez la pièce après diffusion.\u003c\/p\u003e\n\u003ch2\u003eEngagement qualité et écologique\u003c\/h2\u003e\n\u003cp\u003eFabriqué en France, ce spray est garanti sans colorants, sans conservateurs et sans gaz propulseur, respectant ainsi votre santé et l'environnement. Les huiles essentielles utilisées sont sélectionnées avec soin pour leur pureté et leur naturalité.\u003c\/p\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes, allaitantes, aux enfants de moins de 12 ans et aux personnes asthmatiques. Tenir hors de portée des enfants. Conserver à l'écart de toute flamme ou source d'étincelle, au frais, au sec et à l'abri de la lumière. Éviter le contact avec la peau et les yeux.\u003cbr\u003e\u003c\/p\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54863675818361,"sku":"SC8560","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-arbre-a-the-ravintsara-100ml-bouclier-protecteur_1_11zon.jpg?v=1766575368"},{"product_id":"spray-rafraichissant-cedre-citron-100ml","title":"Aromaspray Cèdre Citron 100 ml - Dynamisant fraîcheur","description":"\u003cp\u003eDécouvrez le \u003cstrong\u003eSpray d'Ambiance Rafraîchissant Cèdre Citron\u003c\/strong\u003e d'Aromaspray, une synergie d'huiles essentielles 100% pures et naturelles conçue pour dynamiser et purifier votre intérieur. Ce spray offre une atmosphère fraîche et vivifiante, tout en éliminant instantanément les mauvaises odeurs.\u003c\/p\u003e\n\u003ch2\u003eComposition et bienfaits\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile Essentielle de Cèdre de Virginie\u003c\/strong\u003e : Réputée pour ses propriétés décontractantes et respiratoires, elle aide à assainir l'air ambiant et apporte une note boisée apaisante. \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile Essentielle de Citron\u003c\/strong\u003e : Connue pour ses vertus antiseptiques et stimulantes, elle diffuse une fragrance fraîche et acidulée, contribuant à une ambiance énergisante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAutres Huiles Essentielles\u003c\/strong\u003e : Basilic, orange douce, pamplemousse et patchouli complètent cette composition pour un parfum unique et harmonieux. \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUtilisations polyvalentes\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003eSpray d'Ambiance Cèdre Citron\u003c\/strong\u003e est idéal pour :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDésodoriser et purifier l'air de vos espaces de vie tels que le salon, la chambre ou le bureau.\u003c\/li\u003e\n\u003cli\u003eCréer une ambiance olfactive fraîche et dynamique, propice à la détente et au bien-être.\u003c\/li\u003e\n\u003cli\u003eApporter une touche naturelle et revitalisante à votre environnement quotidien.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eVaporisez dans l'air, vers le haut de la pièce, à raison de 1 à 2 pulvérisations pour 10 m³, et répétez selon vos besoins. Il est recommandé d'aérer la pièce après diffusion. Évitez de vaporiser près des yeux ou d'une personne sensible.\u003c\/p\u003e\n\u003ch2\u003eEngagement qualité et écologique\u003c\/h2\u003e\n\u003cp\u003eFabriqué en France, ce spray est garanti sans colorants, sans conservateurs et sans gaz propulseur, respectant ainsi votre santé et l'environnement. Les huiles essentielles utilisées sont sélectionnées avec soin pour leur pureté et leur naturalité.\u003c\/p\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes, allaitantes, aux enfants de moins de 3 ans et aux personnes asthmatiques. Tenir hors de portée des enfants. Conserver à l'écart de toute flamme ou source d'étincelle, au frais, au sec et à l'abri de la lumière. Éviter le contact avec la peau et les yeux. \u003c\/p\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54863715303801,"sku":"SC8510","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-cedre-citron-100-ml-dynamisant-fraicheur-ingredients.jpg?v=1766574374"},{"product_id":"aromaspray-lavande-romarin-ambiance","title":"Aromaspray Lavande Romarin 100 ml - Relaxant Provence","description":"\u003cp\u003eDécouvrez le \u003cstrong\u003eSpray d'Ambiance Relaxant Lavande Romarin\u003c\/strong\u003e d'Aromaspray, une synergie d'huiles essentielles 100% pures et naturelles conçue pour créer une atmosphère apaisante et purifier votre intérieur. Ce spray diffuse un parfum délicat aux notes provençales, idéal pour favoriser la détente et le bien-être.\u003c\/p\u003e\n\u003ch2\u003eComposition et bienfaits\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile Essentielle de Lavande Vraie\u003c\/strong\u003e : Réputée pour ses propriétés relaxantes et apaisantes, elle aide à équilibrer le système nerveux et à créer une ambiance sereine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile Essentielle de Romarin\u003c\/strong\u003e : Connue pour ses vertus toniques et vivifiantes, elle contribue à purifier l'air ambiant tout en apportant une note aromatique fraîche. \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUtilisations polyvalentes\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003eSpray d'Ambiance Lavande Romarin\u003c\/strong\u003e est idéal pour :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eCréer une ambiance apaisante dans vos espaces de vie tels que le salon, la chambre ou le bureau.\u003c\/li\u003e\n\u003cli\u003eFavoriser la détente avant le coucher en vaporisant sur l'oreiller ou les draps.\u003c\/li\u003e\n\u003cli\u003eAssainir l'air intérieur en éliminant les mauvaises odeurs de manière naturelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eVaporisez dans l'air, vers le haut de la pièce, à raison de 1 à 2 pulvérisations pour 10 m³, et répétez selon vos besoins. Il est recommandé d'aérer la pièce après diffusion. Évitez de vaporiser près des yeux ou d'une personne sensible. \u003c\/p\u003e\n\u003ch2\u003eEngagement qualité et écologique\u003c\/h2\u003e\n\u003cp\u003eFabriqué en France, ce spray est garanti sans colorants, sans conservateurs et sans gaz propulseur, respectant ainsi votre santé et l'environnement. Les huiles essentielles utilisées sont sélectionnées avec soin pour leur pureté et leur naturalité. \u003c\/p\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes, allaitantes, aux enfants de moins de 3 ans et aux personnes asthmatiques. Tenir hors de portée des enfants. Conserver à l'écart de toute flamme ou source d'étincelle, au frais, au sec et à l'abri de la lumière. Éviter le contact avec la peau et les yeux. \u003c\/p\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54863732998521,"sku":"SC8520","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-lavande-romarin-100ml-relaxant-provence_11zon.jpg?v=1766575971"},{"product_id":"aromaspray-lemongrass-serpolet-100-ml","title":"Aromaspray Lemongrass Serpolet 100 ml - Vivifiant tonique","description":"\u003cp\u003eApportez fraîcheur et vitalité à votre espace avec le \u003cstrong\u003eSpray d'Ambiance Vivifiant Lemongrass Serpolet\u003c\/strong\u003e d'Aromaspray. Élaboré à partir d'ingrédients naturels, ce spray associe les propriétés revigorantes du lemongrass à la douceur apaisante du serpolet. Son format pratique de 100 ml en fait un compagnon idéal pour une utilisation à la maison, au bureau ou en déplacement.\u003c\/p\u003e\n\u003ch2\u003eUn parfum naturel et énergisant\u003c\/h2\u003e\n\u003cp\u003eCe spray d'ambiance diffuse un mélange aromatique rafraîchissant et tonifiant. L'huile essentielle de lemongrass, réputée pour ses vertus dynamisantes, est idéale pour booster votre énergie et éveiller vos sens. Le serpolet, quant à lui, apporte une touche herbacée douce et apaisante qui favorise la détente et l'équilibre émotionnel.\u003c\/p\u003e\n\u003ch2\u003eLes bienfaits du Spray d'Ambiance Vivifiant\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePurifie l'air ambiant :\u003c\/strong\u003e grâce aux propriétés naturelles des huiles essentielles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRevigore et stimule :\u003c\/strong\u003e une synergie parfaite pour un environnement frais et énergisant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e100 % naturel :\u003c\/strong\u003e sans additifs chimiques, respectueux de votre santé et de l’environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormat pratique :\u003c\/strong\u003e sa taille compacte permet de l’emporter partout avec vous.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eMode d’emploi\u003c\/h2\u003e\n\u003cp\u003eVaporisez quelques pressions dans l’air ou sur des textiles non fragiles pour profiter immédiatement des bienfaits aromatiques. Évitez le contact direct avec les yeux et la peau. Ne pas utiliser en présence d’enfants de moins de 3 ans ou de femmes enceintes sans avis médical.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir Aromaspray ?\u003c\/h2\u003e\n\u003cp\u003eAromaspray s'engage à offrir des produits alliant qualité, naturalité et efficacité. Le Spray d'Ambiance Vivifiant Lemongrass Serpolet est conçu dans le respect de l’environnement et de votre bien-être. En optant pour ce spray, vous choisissez une solution naturelle pour parfumer et revitaliser votre intérieur.\u003c\/p\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54863747907961,"sku":"SC8525","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-lemongrass-serpolet-100-ml-vivifiant-tonique-ingredients.jpg?v=1766574189"},{"product_id":"aromaspray-menthe-eucalyptus-100-ml","title":"Aromaspray Menthe Eucalyptus 100 ml - Fraîcheur Aromatique","description":"\u003cp\u003eOffrez à votre intérieur une bouffée d'air pur avec le \u003cstrong\u003eSpray d'Ambiance Fraîcheur Menthe Eucalyptus\u003c\/strong\u003e d'Aromaspray. Formulé à partir d'huiles essentielles 100 % naturelles, ce spray associe la fraîcheur vivifiante de la menthe aux propriétés purifiantes de l’eucalyptus. Son format pratique de 100 ml vous permet de profiter d’un environnement revitalisé à tout moment de la journée.\u003c\/p\u003e\n\u003ch2\u003eUn parfum naturel pour une ambiance tonique\u003c\/h2\u003e\n\u003cp\u003eLe Spray d'Ambiance Fraîcheur combine deux huiles essentielles puissantes. La menthe, connue pour ses vertus rafraîchissantes et stimulantes, redonne énergie et clarté mentale. L’eucalyptus, reconnu pour son effet purifiant, assainit l’air tout en apportant une sensation de légèreté et de bien-être.\u003c\/p\u003e\n\u003ch2\u003eLes avantages du spray d'ambiance fraîcheur\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAssainit l’air :\u003c\/strong\u003e élimine les mauvaises odeurs et purifie naturellement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffet rafraîchissant :\u003c\/strong\u003e idéal pour une sensation de fraîcheur immédiate.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormulation 100 % naturelle :\u003c\/strong\u003e respectueuse de votre santé et de l’environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormat pratique :\u003c\/strong\u003e sa taille compacte est idéale pour une utilisation quotidienne.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eMode d’emploi\u003c\/h2\u003e\n\u003cp\u003eVaporisez quelques pressions dans l’air ou sur des textiles non fragiles pour profiter immédiatement d’une ambiance fraîche et revitalisante. Évitez le contact direct avec les yeux et la peau. Ne pas utiliser en présence d’enfants de moins de 3 ans ou de femmes enceintes sans avis médical.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir le spray Menthe Eucalyptus d'Aromaspray ?\u003c\/h2\u003e\n\u003cp\u003eAromaspray s'engage à vous offrir des produits alliant naturalité et efficacité. Le Spray d'Ambiance Fraîcheur Menthe Eucalyptus est conçu dans le respect de l'environnement et de votre bien-être. En choisissant ce spray, vous optez pour une solution naturelle et écologique pour parfumer et purifier votre intérieur.\u003c\/p\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54863762784633,"sku":"SC8530","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-menthe-eucalyptus-100-ml-fraicheur-aromatique-ingredients.jpg?v=1766575800"},{"product_id":"produit-lavandin-super-bio-huile-essentielle-50ml","title":"Huile Essentielle de Lavandin Super Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Essentielle de Lavandin Super Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #2D4A3E (vert foncé du bouchon et de la typographie packaging)\n - Secondaire: #7B6BA5 (lavande\/violet doux de l'étiquette et des fleurs)\n - Accent: #C4985A (ambre doré du flacon en verre)\nAmbiance: Naturel\/bio, authentique, provençal, artisanal, apaisant\nPréfixe CSS: lav\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits du lavandin super\"\n 2. \"Une qualité biologique certifiée\"\n 3. \"Conseils d'utilisation\"\n 4. \"Un format généreux et pratique\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"lav-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lav-hero\"\u003e\n \u003cdiv class=\"lav-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lav-hero-content\"\u003e\n \u003cdiv class=\"lav-badges-top\"\u003e\n \u003cspan class=\"lav-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e💧 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lav-hero-title\"\u003eHuile essentielle de Lavandin Super Bio\u003c\/span\u003e\n \u003cp class=\"lav-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"lav-description\"\u003eUne huile essentielle d'exception, 100 % pure et biologique, extraite par distillation à la vapeur d'eau des sommités fleuries de lavandin super. Détente, apaisement et bien-être au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eLes bienfaits du lavandin super\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eReconnu pour ses propriétés apaisantes et relaxantes, le lavandin super est un incontournable de l'aromathérapie naturelle.\u003c\/p\u003e\n \u003cdiv class=\"lav-grid\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e😌 Détente \u0026amp; anti-stress\u003c\/h3\u003e\n \u003cp\u003eFavorise la détente et réduit le stress grâce à son parfum doux et floral, idéal en fin de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e💆 Apaisant musculaire\u003c\/h3\u003e\n \u003cp\u003eApaise les tensions musculaires en massage, diluée dans une huile végétale pour un confort retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌬️ Assainissant d'ambiance\u003c\/h3\u003e\n \u003cp\u003eAssainit l'air ambiant et parfume naturellement votre intérieur d'une note florale provençale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🩹 Propriétés antiseptiques\u003c\/h3\u003e\n \u003cp\u003eSoulage les petites irritations cutanées grâce à ses vertus antiseptiques et purifiantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eUne qualité biologique certifiée\u003c\/h2\u003e\n \u003cdiv class=\"lav-testimonial\"\u003e\n \u003cp class=\"lav-testimonial-text\"\u003eSaint-Hilaire s'engage à offrir des produits de la plus haute qualité. Cette huile essentielle est \u003cstrong\u003e100 % pure, biologique\u003c\/strong\u003e et extraite par \u003cstrong\u003edistillation à la vapeur d'eau\u003c\/strong\u003e, garantissant une préservation optimale des actifs de la plante. Chaque étape de production respecte des normes strictes pour vous offrir un produit sain et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-grid-compact\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌱 100 % bio\u003c\/h3\u003e\n \u003cp\u003eCertifiée agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e💧 Pure \u0026amp; naturelle\u003c\/h3\u003e\n \u003cp\u003eSans additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e⚗️ Distillation vapeur\u003c\/h3\u003e\n \u003cp\u003ePréservation optimale des actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🔬 Chémotypée\u003c\/h3\u003e\n \u003cp\u003eComposition analysée et garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eDécouvrez les différentes façons de profiter de votre huile essentielle de lavandin super au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"lav-timeline\"\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e🌫️ Diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eAjoutez quelques gouttes dans un diffuseur pour créer une ambiance relaxante et parfumer naturellement votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e💆 Massage apaisant\u003c\/h3\u003e\n \u003cp\u003eDiluez 3 à 4 gouttes dans une huile végétale pour apaiser les muscles tendus. Massez lentement les zones concernées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e🛁 Bain relaxant\u003c\/h3\u003e\n \u003cp\u003eMélangez 5 gouttes à une base neutre avant de l'ajouter à votre bain pour profiter d'un moment de bien-être total.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-tip\"\u003e\n \u003cspan class=\"lav-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécaution :\u003c\/strong\u003e cette huile essentielle est puissante. Veillez à respecter les doses recommandées et à effectuer un test cutané avant toute application sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eUn format généreux et pratique\u003c\/h2\u003e\n \u003cdiv class=\"lav-grid\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e📦 Format 50 ml\u003c\/h3\u003e\n \u003cp\u003eUn flacon généreux parfait pour un usage régulier : aromathérapie, soins maison ou parfum d'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🔒 Bouchon hermétique\u003c\/h3\u003e\n \u003cp\u003eConservation optimale de l'huile essentielle pour une efficacité durable, flacon après flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e✨ Polyvalence totale\u003c\/h3\u003e\n \u003cp\u003eSéances d'aromathérapie, soins du corps, diffusion ou cosmétiques maison : un allié multi-usage au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"lav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lav-cta-box\"\u003e\n \u003cp\u003e🌿 Laissez-vous séduire par l'authenticité et les bienfaits naturels de l'huile essentielle de Lavandin Super Bio de Saint-Hilaire. Une solution naturelle pour retrouver sérénité et bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lav-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. En cas de doute, consultez un professionnel de santé. Déconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --lav-cream: #F7F5F0;\n --lav-white: #ffffff;\n --lav-primary: #2D4A3E;\n --lav-primary-dark: #1B3329;\n --lav-primary-light: #E8F0EC;\n --lav-secondary: #7B6BA5;\n --lav-accent: #C4985A;\n --lav-text: #1a1a1a;\n --lav-text-light: #5a5a5a;\n --lav-border: #e0e0e0;\n --lav-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lav-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lav-radius: 20px;\n --lav-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lav-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lav-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lav-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lav-primary) 0%, #3A5E4F 40%, var(--lav-secondary) 100%);\n border-radius: var(--lav-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--lav-shadow-lg);\n}\n\n.lav-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(123,107,165,.3) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(196,152,90,.2) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: .6;\n}\n\n.lav-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.lav-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.lav-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: .05em;\n text-transform: uppercase;\n}\n\n.lav-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.lav-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lav-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--lav-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lav-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lav-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lav-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lav-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.lav-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--lav-primary), var(--lav-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lav-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lav-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.lav-card {\n background: var(--lav-white);\n border-radius: var(--lav-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lav-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lav-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lav-shadow-lg);\n border-color: var(--lav-primary);\n}\n\n.lav-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lav-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lav-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lav-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lav-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.lav-grid-compact .lav-card {\n padding: 1rem;\n}\n\n.lav-grid-compact .lav-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lav-grid-compact .lav-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lav-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lav-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lav-primary), var(--lav-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.lav-timeline-content {\n flex: 1;\n background: var(--lav-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lav-radius-sm);\n box-shadow: var(--lav-shadow);\n}\n\n.lav-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lav-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lav-timeline-content p {\n font-size: 14px;\n color: var(--lav-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.lav-testimonial {\n background: var(--lav-white);\n border-radius: var(--lav-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lav-shadow);\n border-left: 4px solid var(--lav-secondary);\n}\n\n.lav-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lav-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.lav-testimonial-text strong {\n color: var(--lav-primary-dark);\n font-style: italic;\n}\n\n\/* === TIP BOX === *\/\n.lav-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lav-primary-light);\n border-radius: var(--lav-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lav-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lav-tip p {\n font-size: 14px;\n color: var(--lav-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.lav-tip p strong {\n color: var(--lav-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.lav-cta-box {\n background: linear-gradient(135deg, var(--lav-primary) 0%, var(--lav-primary-dark) 100%);\n border-radius: var(--lav-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lav-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.lav-disclaimer {\n font-size: 12px;\n color: var(--lav-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .lav-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lav-card {\n padding: 1.125rem;\n }\n\n .lav-section {\n margin-bottom: 1.75rem;\n }\n\n .lav-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lav-radius-sm);\n }\n\n .lav-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lav-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lav-grid-compact {\n gap: .625rem;\n }\n\n .lav-grid-compact .lav-card {\n padding: .75rem;\n }\n\n .lav-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lav-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lav-timeline-content h3 {\n font-size: 14px;\n }\n\n .lav-timeline-content p {\n font-size: 13px;\n }\n\n .lav-testimonial {\n padding: 1.25rem;\n }\n\n .lav-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lav-card {\n animation: lavFadeInUp .5s ease backwards;\n }\n .lav-card:nth-child(1) { animation-delay: .05s; }\n .lav-card:nth-child(2) { animation-delay: .1s; }\n .lav-card:nth-child(3) { animation-delay: .15s; }\n .lav-card:nth-child(4) { animation-delay: .2s; }\n .lav-card:nth-child(5) { animation-delay: .25s; }\n .lav-card:nth-child(6) { animation-delay: .3s; }\n\n .lav-timeline-item {\n animation: lavFadeInUp .5s ease backwards;\n }\n .lav-timeline-item:nth-child(1) { animation-delay: .05s; }\n .lav-timeline-item:nth-child(2) { animation-delay: .15s; }\n .lav-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes lavFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .lav-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54864083091833,"sku":"NBAIDSH0031","price":15.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-lavandin-super-bio-saint-hilaire-50-ml-lifestyle.webp?v=1770890776"},{"product_id":"huile-essentielle-lavande-vraie-bio-50ml","title":"Huile Essentielle de Lavande Vraie Bio - Saint-Hilaire - 50 ml","description":"\u003cdiv class=\"lv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lv-hero\"\u003e\n \u003cdiv class=\"lv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lv-hero-content\"\u003e\n \u003cdiv class=\"lv-badges-top\"\u003e\n \u003cspan class=\"lv-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n \u003cspan class=\"lv-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"lv-badge\"\u003e💜 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"lv-badge\"\u003e📦 Format 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lv-hero-title\"\u003eHuile essentielle de lavande vraie bio\u003c\/span\u003e\n \u003cp class=\"lv-subtitle\"\u003eDistillerie Saint-Hilaire — \u003cem\u003eLavandula angustifolia\u003c\/em\u003e\u003c\/p\u003e\n \u003cp class=\"lv-description\"\u003eL'incontournable de l'aromathérapie : relaxation, sommeil, soin cutané et bien-être au quotidien, dans un flacon généreux de 50 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eHuile essentielle de Lavande Vraie Bio : l'indispensable de votre aromathèque\u003c\/h2\u003e\n \u003cp class=\"lv-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle de lavande vraie\u003c\/strong\u003e (\u003cem\u003eLavandula angustifolia\u003c\/em\u003e) de la Distillerie Saint-Hilaire est bien plus qu'un simple flacon : c'est une alliée quotidienne pour votre bien-être.\u003c\/p\u003e\n \u003cdiv class=\"lv-highlight-box\"\u003e\n \u003cp\u003eDistillée en Auvergne à partir des \u003cstrong\u003esommités fleuries\u003c\/strong\u003e issues de l'agriculture biologique, elle offre un profil aromatique d'une finesse remarquable, à la fois floral, doux et légèrement herbacé. Un essentiel à avoir chez soi, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003ePourquoi choisir la lavande vraie plutôt que la lavande aspic ?\u003c\/h2\u003e\n \u003cp class=\"lv-section-intro\"\u003eOn confond souvent ces deux variétés, et c'est une question que vous êtes nombreux à vous poser.\u003c\/p\u003e\n \u003cdiv class=\"lv-grid-compact\"\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e💜 Lavande vraie\u003c\/h3\u003e\n \u003cp\u003eRiche en \u003cstrong\u003elinalol\u003c\/strong\u003e et en \u003cstrong\u003eacétate de linalyle\u003c\/strong\u003e. Propriétés calmantes, antispasmodiques et régénérantes cutanées. Idéale pour la relaxation, le sommeil et les soins de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🐝 Lavande aspic\u003c\/h3\u003e\n \u003cp\u003eDavantage orientée vers les \u003cstrong\u003epiqûres d'insectes\u003c\/strong\u003e et les \u003cstrong\u003ebrûlures\u003c\/strong\u003e. Un profil plus camphrée, moins adapté à la détente et aux soins quotidiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-tip\"\u003e\n \u003cspan class=\"lv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est la \u003cstrong\u003elavande vraie\u003c\/strong\u003e que l'on recommande en première intention pour la relaxation, le sommeil et les soins de la peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eBienfaits reconnus de cette huile essentielle de lavande\u003c\/h2\u003e\n \u003cdiv class=\"lv-grid\"\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e😴 Relaxation et sommeil\u003c\/h3\u003e\n \u003cp\u003eEn diffusion le soir ou appliquée sur les poignets (diluée), elle favorise l'endormissement et aide à réduire le stress et l'agitation nerveuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e✨ Soin cutané\u003c\/h3\u003e\n \u003cp\u003eCicatrisante et régénératrice puissante, elle apaise les irritations, les petites plaies, les rougeurs et les coups de soleil légers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e💪 Confort musculaire\u003c\/h3\u003e\n \u003cp\u003eAntispasmodique et antalgique, elle soulage les tensions, les crampes et les maux de tête liés au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🌬️ Assainissement de l'air\u003c\/h3\u003e\n \u003cp\u003eSon parfum floral purifie l'atmosphère tout en créant une ambiance sereine dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🛡️ Action anti-poux\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée en prévention contre les poux. Quelques gouttes derrière les oreilles des enfants (diluées dans une huile végétale) constituent un répulsif naturel apprécié des parents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eComment utiliser votre huile essentielle de lavande vraie ?\u003c\/h2\u003e\n \u003cdiv class=\"lv-timeline\"\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 10 gouttes dans votre diffuseur pendant 20 minutes avant le coucher pour une ambiance propice au repos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003eEn application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba) et massez la zone concernée. Idéal pour les tempes, la nuque ou le plexus solaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003eEn bain relaxant\u003c\/h3\u003e\n \u003cp\u003eMélangez 5 gouttes à une base neutre ou une poignée de sel de bain avant de l'ajouter à l'eau chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003eEn prévention anti-poux\u003c\/h3\u003e\n \u003cp\u003e1 à 2 gouttes diluées dans une noisette d'huile végétale, appliquées derrière les oreilles et sur la nuque des enfants de plus de 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"lv-grid-compact\"\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eLavandula angustifolia\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🌸 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eSommité fleurie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e💧 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (AB)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🔬 Chémotypée\u003c\/h3\u003e\n \u003cp\u003eQualité contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne (France)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml — format économique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🧪 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003eLavandula angustifolia oil* (*issue de l'agriculture biologique)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"lv-accordion\"\u003e\n \u003cdetails class=\"lv-accordion-item\" open\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e⚠️ Dosage et test cutané\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003eComme toute \u003cstrong\u003ehuile essentielle\u003c\/strong\u003e, la lavande vraie nécessite quelques précautions. Respectez toujours les dosages recommandés. Effectuez un test cutané au pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lv-accordion-item\"\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 3 ans\u003c\/strong\u003e sans avis d'un professionnel de santé. Ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lv-accordion-item\"\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lv-accordion-item\"\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e👨‍👩‍👧‍👦 Un format pensé pour les familles\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003eLe format \u003cstrong\u003e50 ml\u003c\/strong\u003e est particulièrement adapté aux utilisateurs réguliers et aux familles : il vous accompagnera pendant de longs mois, de la diffusion du soir aux petits soins du quotidien.\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=\"lv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lv-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez-vous la sérénité au quotidien avec l'huile essentielle de lavande vraie bio Saint-Hilaire — distillée avec passion en Auvergne, pour un bien-être 100 % naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lv-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments et ne peuvent se substituer à un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lv-cream: #f9f6f2;\n --lv-white: #ffffff;\n --lv-primary: #8b6aad;\n --lv-primary-dark: #5c3d7a;\n --lv-primary-light: #f3eef8;\n --lv-secondary: #b48ec6;\n --lv-accent: #d4a84b;\n --lv-text: #1a1a1a;\n --lv-text-light: #5a5a5a;\n --lv-border: #e5dfe8;\n --lv-shadow: 0 4px 24px rgba(92, 61, 122, .08);\n --lv-shadow-lg: 0 12px 48px rgba(92, 61, 122, .15);\n --lv-radius: 20px;\n --lv-radius-sm: 12px;\n}\n\n.lv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lv-primary-dark) 0%, var(--lv-primary) 50%, var(--lv-secondary) 100%);\n border-radius: var(--lv-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(--lv-shadow-lg);\n}\n\n.lv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 50%);\n opacity: 1;\n}\n\n.lv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lv-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.lv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n margin: 0 0 1rem 0;\n font-weight: 500;\n}\n\n.lv-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.lv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lv-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(--lv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lv-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.lv-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(--lv-primary), var(--lv-secondary));\n border-radius: 2px;\n}\n\n.lv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.lv-highlight-box {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lv-shadow);\n border-left: 4px solid var(--lv-primary);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.lv-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--lv-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.lv-card {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lv-shadow-lg);\n border-color: var(--lv-primary);\n}\n\n.lv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lv-grid-compact .lv-card {\n padding: 1rem;\n}\n\n.lv-grid-compact .lv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lv-grid-compact .lv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lv-primary), var(--lv-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.lv-timeline-content {\n flex: 1;\n background: var(--lv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lv-radius-sm);\n box-shadow: var(--lv-shadow);\n}\n\n.lv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lv-timeline-content p {\n font-size: 14px;\n color: var(--lv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.lv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lv-primary-light);\n border-radius: var(--lv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lv-tip p {\n font-size: 14px;\n color: var(--lv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.lv-accordion {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n box-shadow: var(--lv-shadow);\n overflow: hidden;\n}\n\n.lv-accordion-item {\n border-bottom: 1px solid var(--lv-border);\n margin: 0;\n padding: 0;\n}\n\n.lv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lv-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.lv-accordion-header:hover {\n background: var(--lv-primary-light);\n}\n\n.lv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lv-primary);\n transition: transform .2s ease;\n}\n\n.lv-accordion-item[open] .lv-accordion-header::after {\n content: '−';\n}\n\n.lv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lv-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.lv-cta-box {\n background: linear-gradient(135deg, var(--lv-primary) 0%, var(--lv-primary-dark) 100%);\n border-radius: var(--lv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lv-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.lv-disclaimer {\n font-size: 12px;\n color: var(--lv-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 .lv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lv-card {\n padding: 1.125rem;\n }\n\n .lv-section {\n margin-bottom: 1.75rem;\n }\n\n .lv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lv-radius-sm);\n }\n\n .lv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lv-grid-compact {\n gap: .625rem;\n }\n\n .lv-grid-compact .lv-card {\n padding: .75rem;\n }\n\n .lv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lv-timeline-content h3 {\n font-size: 14px;\n }\n\n .lv-timeline-content p {\n font-size: 13px;\n }\n\n .lv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .lv-highlight-box {\n padding: 1.25rem;\n }\n\n .lv-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lv-card {\n animation: lvFadeInUp .5s ease backwards;\n }\n .lv-card:nth-child(1) { animation-delay: .05s; }\n .lv-card:nth-child(2) { animation-delay: .1s; }\n .lv-card:nth-child(3) { animation-delay: .15s; }\n .lv-card:nth-child(4) { animation-delay: .2s; }\n .lv-card:nth-child(5) { animation-delay: .25s; }\n .lv-card:nth-child(6) { animation-delay: .3s; }\n .lv-card:nth-child(7) { animation-delay: .35s; }\n .lv-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes lvFadeInUp {\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 .lv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54864156492153,"sku":"NBAIDSH0030","price":32.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-lavande-vraie-bio-saint-hilaire-50-ml-packshothd.webp?v=1774283522"},{"product_id":"thym-thuyanol-bio-huile-essentielle-5ml","title":"Huile Essentielle de Thym Thuyanol Bio - Saint-Hilaire- 5ml","description":"\u003cdiv class=\"tt-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tt-hero\"\u003e\n \u003cdiv class=\"tt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tt-hero-content\"\u003e\n \u003cdiv class=\"tt-badges-top\"\u003e\n \u003cspan class=\"tt-badge\"\u003e🌿 Bio certifiée\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e💧 5 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tt-hero-title\"\u003eHuile essentielle de thym à thuyanol bio\u003c\/span\u003e\n \u003cp class=\"tt-subtitle\"\u003eDistillerie Saint-Hilaire – Auvergne\u003c\/p\u003e\n \u003cp class=\"tt-description\"\u003eLa douceur exceptionnelle du thym thuyanol alliée à une puissance assainissante remarquable. 100 % pure, naturelle et chémotypée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eHuile essentielle de Thym à Thuyanol Bio : la douceur du thym au service de votre bien-être\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eParmi les nombreux chémotypes du thym, le \u003cstrong\u003ethym à thuyanol\u003c\/strong\u003e (\u003cem\u003eThymus vulgaris ct. thuyanol\u003c\/em\u003e) occupe une place à part. Contrairement au thym à thymol, réputé puissant mais parfois irritant, l'\u003cstrong\u003ehuile essentielle de thym thuyanol\u003c\/strong\u003e se distingue par sa remarquable tolérance cutanée et sa grande polyvalence.\u003c\/p\u003e\n \u003cp class=\"tt-section-intro\"\u003eDistillée par la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e en Auvergne, cette huile essentielle bio chémotypée vous offre le meilleur de l'aromathérapie dans un flacon de 5 ml.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003ePourquoi choisir le chémotype thuyanol plutôt que thymol ou linalol ?\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eLe thym commun produit des huiles essentielles très différentes selon son chémotype. Voici ce qui rend le thuyanol si particulier :\u003c\/p\u003e\n \u003cdiv class=\"tt-grid\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🤲 Douceur d'utilisation\u003c\/h3\u003e\n \u003cp\u003eLe thuyanol est bien toléré par la peau, même chez les personnes sensibles, lorsqu'il est correctement dilué. Il se situe entre la puissance du thymol et la douceur du thym linalol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🛡️ Propriétés assainissantes remarquables\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour purifier l'organisme et soutenir la sphère ORL pendant les mois froids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🫀 Soutien hépatique\u003c\/h3\u003e\n \u003cp\u003eLe thuyanol est reconnu en aromathérapie pour contribuer au bon fonctionnement du foie, une propriété rare parmi les huiles essentielles de thym.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e💪 Action immunostimulante\u003c\/h3\u003e\n \u003cp\u003eElle aide à renforcer vos défenses naturelles, notamment lors des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle de thym thuyanol bio ?\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eSa bonne tolérance en fait une alliée quotidienne facile à intégrer dans votre routine bien-être :\u003c\/p\u003e\n \u003cdiv class=\"tt-timeline\"\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans votre diffuseur pour assainir l'air de votre intérieur et créer une ambiance purifiée, idéale en période hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003e🙌 En massage\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba) et appliquez sur le thorax ou la plante des pieds pour favoriser le confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003e💧 En gargarisme\u003c\/h3\u003e\n \u003cp\u003e1 goutte dans un verre d'eau tiède avec un dispersant adapté pour rafraîchir et assainir la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003e✨ En soin cutané localisé\u003c\/h3\u003e\n \u003cp\u003eToujours diluée, elle peut être appliquée sur les petites imperfections de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eFiche technique et composition\u003c\/h2\u003e\n \u003cdiv class=\"tt-grid-compact\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eThymus vulgaris\u003c\/em\u003e ct. thuyanol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌸 Partie distillée\u003c\/h3\u003e\n \u003cp\u003ePartie aérienne fleurie (sommités fleuries)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e💨 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n \u003cp\u003eFrance (Auvergne)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e5 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🧬 Composants principaux\u003c\/h3\u003e\n \u003cp\u003eTrans-thuyanol-4, linalol, terpinèn-4-ol, myrcène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e💎 Qualité\u003c\/h3\u003e\n \u003cp\u003e100 % pure, naturelle et chémotypée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"tt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"tt-accordion\"\u003e\n \u003cdetails class=\"tt-accordion-item\" open\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes ainsi qu'aux enfants de moins de 6 ans. Effectuez toujours un test cutané au creux du coude avant la première utilisation. Ne l'ingérez pas sans l'avis d'un professionnel de santé qualifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile essentielle ne remplace en aucun cas un traitement médical : en cas de doute, consultez votre médecin ou votre pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière et de la chaleur pour préserver toute l'intégrité de ses principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"tt-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Consultez un professionnel de santé avant toute utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tt-cream: #f7f5f0;\n --tt-white: #ffffff;\n --tt-primary: #2d5a3d;\n --tt-primary-dark: #1b3a27;\n --tt-primary-light: #e8f0eb;\n --tt-secondary: #c8a84e;\n --tt-accent: #d4a843;\n --tt-text: #1a1a1a;\n --tt-text-light: #5a5a5a;\n --tt-border: #ddd8ce;\n --tt-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tt-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tt-radius: 20px;\n --tt-radius-sm: 12px;\n}\n\n.tt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tt-hero {\n position: relative;\n background: linear-gradient(135deg, #1b3a27 0%, #2d5a3d 45%, #3d7a52 100%);\n border-radius: var(--tt-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(--tt-shadow-lg);\n}\n\n.tt-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(200,168,78,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(200,168,78,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.tt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tt-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.tt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tt-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(--tt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tt-subtitle {\n color: var(--tt-secondary);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.tt-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.tt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tt-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.tt-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(--tt-primary), var(--tt-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.tt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tt-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.tt-card {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tt-shadow-lg);\n border-color: var(--tt-primary);\n}\n\n.tt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.tt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tt-grid-compact .tt-card {\n padding: 1rem;\n}\n\n.tt-grid-compact .tt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tt-grid-compact .tt-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tt-primary), var(--tt-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.tt-timeline-content {\n flex: 1;\n background: var(--tt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tt-radius-sm);\n box-shadow: var(--tt-shadow);\n}\n\n.tt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tt-timeline-content p {\n font-size: 14px;\n color: var(--tt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.tt-accordion {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n box-shadow: var(--tt-shadow);\n overflow: hidden;\n}\n\n.tt-accordion-item {\n border-bottom: 1px solid var(--tt-border);\n margin: 0;\n padding: 0;\n}\n\n.tt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tt-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.tt-accordion-header:hover {\n background: var(--tt-primary-light);\n}\n\n.tt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tt-primary);\n transition: transform .2s ease;\n}\n\n.tt-accordion-item[open] .tt-accordion-header::after {\n content: '−';\n}\n\n.tt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tt-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.tt-disclaimer {\n font-size: 12px;\n color: var(--tt-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 .tt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tt-card {\n padding: 1.125rem;\n }\n\n .tt-section {\n margin-bottom: 1.75rem;\n }\n\n .tt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tt-radius-sm);\n }\n\n .tt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tt-grid-compact {\n gap: .625rem;\n }\n\n .tt-grid-compact .tt-card {\n padding: .75rem;\n }\n\n .tt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tt-timeline-content h3 {\n font-size: 14px;\n }\n\n .tt-timeline-content p {\n font-size: 13px;\n }\n\n .tt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tt-card {\n animation: ttFadeInUp .5s ease backwards;\n }\n .tt-card:nth-child(1) { animation-delay: .05s; }\n .tt-card:nth-child(2) { animation-delay: .1s; }\n .tt-card:nth-child(3) { animation-delay: .15s; }\n .tt-card:nth-child(4) { animation-delay: .2s; }\n .tt-card:nth-child(5) { animation-delay: .25s; }\n .tt-card:nth-child(6) { animation-delay: .3s; }\n .tt-card:nth-child(7) { animation-delay: .35s; }\n .tt-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes ttFadeInUp {\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 .tt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54868907721081,"sku":"NBAIDSH0028","price":18.09,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-thym-thuyanol-bio-saint-hilaire-5ml-ingredients.webp?v=1774258882"},{"product_id":"eucalyptus-citronne-huile-essentielle-bio-10ml","title":"Huile Essentielle d'Eucalyptus Citronné Bio - 10 ml - Saint-Hilaire","description":"\u003cdiv class=\"ec-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ec-hero\"\u003e\n \u003cdiv class=\"ec-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ec-hero-content\"\u003e\n \u003cdiv class=\"ec-badges-top\"\u003e\n \u003cspan class=\"ec-badge\"\u003e🌿 Bio certifiée\u003c\/span\u003e\n \u003cspan class=\"ec-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"ec-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"ec-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ec-hero-title\"\u003eHuile essentielle d'eucalyptus citronné bio\u003c\/span\u003e\n \u003cp class=\"ec-subtitle\"\u003eDistillerie Saint-Hilaire · 10 ml\u003c\/p\u003e\n \u003cp class=\"ec-description\"\u003eL'alliée naturelle de votre confort articulaire et musculaire, riche en citronellal, aux notes fraîches et citronnées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eHuile essentielle d'Eucalyptus citronné bio – L'alliée naturelle de votre confort articulaire\u003c\/h2\u003e\n \u003cp class=\"ec-section-intro\"\u003eVous recherchez une huile essentielle d'eucalyptus citronné de qualité irréprochable ? La Distillerie Saint-Hilaire, installée au cœur de l'Auvergne, vous propose cette huile essentielle d'eucalyptus citriodora certifiée bio et chémotypée.\u003c\/p\u003e\n \u003cdiv class=\"ec-highlight-box\"\u003e\n \u003cp\u003eObtenue par \u003cstrong\u003edistillation à la vapeur\u003c\/strong\u003e des rameaux et feuilles de l'\u003cem\u003eEucalyptus citriodora\u003c\/em\u003e, elle se distingue par sa \u003cstrong\u003efragrance citronnée fraîche\u003c\/strong\u003e et son profil biochimique remarquable, riche en \u003cstrong\u003ecitronellal\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eCe qui différencie l'eucalyptus citronné des autres eucalyptus\u003c\/h2\u003e\n \u003cp class=\"ec-section-intro\"\u003eIl est courant de confondre les différentes variétés. Voici ce qui rend l'eucalyptus citronné unique :\u003c\/p\u003e\n \u003cdiv class=\"ec-grid\"\u003e\n \u003cdiv class=\"ec-card ec-card-compare\"\u003e\n \u003ch3\u003e🍋 Eucalyptus citronné\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eVotre allié muscles \u0026amp; articulations.\u003c\/strong\u003e Riche en citronellal, il cible le confort articulaire et musculaire, et agit comme répulsif contre les insectes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card ec-card-compare\"\u003e\n \u003ch3\u003e🌬️ Eucalyptus radié\u003c\/h3\u003e\n \u003cp\u003eOrienté \u003cstrong\u003econfort respiratoire et immunité\u003c\/strong\u003e. Un profil biochimique totalement différent, à ne pas confondre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card ec-card-compare\"\u003e\n \u003ch3\u003e🫁 Eucalyptus globulus\u003c\/h3\u003e\n \u003cp\u003ePuissant \u003cstrong\u003eexpectorant\u003c\/strong\u003e, dédié aux voies respiratoires. Pas adapté aux problématiques articulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-tip\"\u003e\n \u003cspan class=\"ec-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRetenez :\u003c\/strong\u003e si vous cherchez un soutien pour les muscles et les articulations, c'est l'eucalyptus citronné qu'il vous faut — pas pour les voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eBienfaits reconnus de l'eucalyptus citronné\u003c\/h2\u003e\n \u003cdiv class=\"ec-grid\"\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e💪 Confort articulaire et musculaire\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée en massage diluée pour apaiser les tensions musculaires et les inconforts articulaires après l'effort ou au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🦟 Répulsif naturel contre les moustiques\u003c\/h3\u003e\n \u003cp\u003eSon parfum citronné est un atout précieux lors des soirées estivales, en diffusion ou en application cutanée diluée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🩹 Apaisement cutané\u003c\/h3\u003e\n \u003cp\u003eAide à calmer les démangeaisons liées aux piqûres d'insectes lorsqu'elle est appliquée localement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e😌 Atmosphère relaxante\u003c\/h3\u003e\n \u003cp\u003eEn diffusion, elle favorise la détente et éloigne le stress grâce à ses notes fraîches et citronnées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle d'eucalyptus citronné ?\u003c\/h2\u003e\n \u003cdiv class=\"ec-timeline\"\u003e\n \u003cdiv class=\"ec-timeline-item\"\u003e\n \u003cdiv class=\"ec-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-content\"\u003e\n \u003ch3\u003e🤲 En massage\u003c\/h3\u003e\n \u003cp\u003eDiluez 3 à 4 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba ou macadamia). Appliquez sur les zones concernées en massant doucement. Idéal après le sport ou en cas de raideurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-item\"\u003e\n \u003cdiv class=\"ec-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-content\"\u003e\n \u003ch3\u003e🌫️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 8 gouttes dans votre diffuseur pendant 20 à 30 minutes. Parfait pour créer une ambiance apaisante tout en éloignant les moustiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-item\"\u003e\n \u003cdiv class=\"ec-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-content\"\u003e\n \u003ch3\u003e🎯 En application localisée\u003c\/h3\u003e\n \u003cp\u003eAprès une piqûre d'insecte, appliquez 1 à 2 gouttes diluées dans un peu d'huile végétale directement sur la zone irritée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n \u003cdiv class=\"ec-grid-compact\"\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eEucalyptus citriodora\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🍃 Parties distillées\u003c\/h3\u003e\n \u003cp\u003eRameaux et feuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e💧 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eBio \u0026amp; commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🧬 Chémotype\u003c\/h3\u003e\n \u003cp\u003eCitronellal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-tip\"\u003e\n \u003cspan class=\"ec-tip-icon\"\u003e🔍\u003c\/span\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire garantit une \u003cstrong\u003etraçabilité complète\u003c\/strong\u003e, depuis la sélection des plantes cultivées sans pesticides jusqu'au flacon final. Chaque lot est chémotypé, ce qui vous assure une composition constante et fiable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ec-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi et dangers potentiels\u003c\/h2\u003e\n \u003cp class=\"ec-section-intro\"\u003eVous vous interrogez sur l'huile essentielle d'eucalyptus citronné et ses dangers éventuels ? Comme toute huile essentielle, elle doit être utilisée avec discernement.\u003c\/p\u003e\n \u003cdiv class=\"ec-accordion\"\u003e\n \u003cdetails class=\"ec-accordion-item\"\u003e\n \u003csummary class=\"ec-accordion-header\"\u003e⚠️ Précautions d'application\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eToujours diluer\u003c\/strong\u003e avant application cutanée (risque d'irritation à l'état pur). Réalisez un \u003cstrong\u003etest cutané\u003c\/strong\u003e au pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ec-accordion-item\"\u003e\n \u003csummary class=\"ec-accordion-header\"\u003e🚫 Personnes sensibles\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e et aux \u003cstrong\u003eenfants de moins de 6 ans\u003c\/strong\u003e. Ne pas ingérer sans l'avis d'un professionnel de santé qualifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ec-accordion-item\"\u003e\n \u003csummary class=\"ec-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur pour préserver toutes les propriétés de l'huile essentielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"ec-disclaimer\"\u003eCe produit ne remplace en aucun cas un traitement médical. En cas de doute, consultez votre médecin ou un aromathérapeute certifié avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ec-cream: #f7f5f0;\n --ec-white: #ffffff;\n --ec-primary: #2d5a3d;\n --ec-primary-dark: #1a3d28;\n --ec-primary-light: #e8f0eb;\n --ec-secondary: #8b7d3c;\n --ec-accent: #c9a84c;\n --ec-text: #1a1a1a;\n --ec-text-light: #5a5a5a;\n --ec-border: #ddd9d0;\n --ec-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ec-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ec-radius: 20px;\n --ec-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ec-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ec-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ec-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ec-primary-dark) 0%, var(--ec-primary) 50%, #3a7a50 100%);\n border-radius: var(--ec-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(--ec-shadow-lg);\n}\n\n.ec-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(201,168,76,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.ec-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ec-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.ec-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.ec-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.ec-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ec-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(--ec-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ec-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ec-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ec-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ec-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.ec-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(--ec-primary), var(--ec-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ec-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ec-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ec-highlight-box {\n background: var(--ec-white);\n border-radius: var(--ec-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ec-shadow);\n border-left: 4px solid var(--ec-accent);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.ec-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ec-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ec-card {\n background: var(--ec-white);\n border-radius: var(--ec-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ec-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ec-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ec-shadow-lg);\n border-color: var(--ec-primary);\n}\n\n.ec-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ec-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ec-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ec-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD COMPARE (variante) === *\/\n.ec-card-compare {\n border-top: 4px solid var(--ec-primary);\n}\n\n.ec-card-compare:first-child {\n border-top-color: var(--ec-accent);\n background: linear-gradient(180deg, rgba(201,168,76,.06) 0%, var(--ec-white) 40%);\n}\n\n\/* === GRILLES === *\/\n.ec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ec-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ec-grid-compact .ec-card {\n padding: 1rem;\n}\n\n.ec-grid-compact .ec-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ec-grid-compact .ec-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ec-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ec-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ec-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ec-primary), var(--ec-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.ec-timeline-content {\n flex: 1;\n background: var(--ec-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ec-radius-sm);\n box-shadow: var(--ec-shadow);\n}\n\n.ec-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ec-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ec-timeline-content p {\n font-size: 14px;\n color: var(--ec-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ec-testimonial {\n background: var(--ec-white);\n border-radius: var(--ec-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ec-shadow);\n border-left: 4px solid var(--ec-primary);\n}\n\n.ec-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ec-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ec-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ec-primary-light);\n border-radius: var(--ec-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ec-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ec-tip p {\n font-size: 14px;\n color: var(--ec-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ec-accordion {\n background: var(--ec-white);\n border-radius: var(--ec-radius);\n box-shadow: var(--ec-shadow);\n overflow: hidden;\n}\n\n.ec-accordion-item {\n border-bottom: 1px solid var(--ec-border);\n margin: 0;\n padding: 0;\n}\n\n.ec-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ec-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ec-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.ec-accordion-header:hover {\n background: var(--ec-primary-light);\n}\n\n.ec-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ec-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ec-primary);\n transition: transform .2s ease;\n}\n\n.ec-accordion-item[open] .ec-accordion-header::after {\n content: '−';\n}\n\n.ec-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ec-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ec-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ec-disclaimer {\n font-size: 12px;\n color: var(--ec-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 .ec-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ec-card {\n padding: 1.125rem;\n }\n\n .ec-section {\n margin-bottom: 1.75rem;\n }\n\n .ec-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ec-radius-sm);\n }\n\n .ec-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ec-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ec-grid-compact {\n gap: .625rem;\n }\n\n .ec-grid-compact .ec-card {\n padding: .75rem;\n }\n\n .ec-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ec-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ec-timeline-content h3 {\n font-size: 14px;\n }\n\n .ec-timeline-content p {\n font-size: 13px;\n }\n\n .ec-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ec-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ec-testimonial {\n padding: 1.25rem;\n }\n\n .ec-testimonial-text {\n font-size: 14px;\n }\n\n .ec-highlight-box {\n padding: 1rem 1.125rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ec-card {\n animation: ecFadeInUp .5s ease backwards;\n }\n .ec-card:nth-child(1) { animation-delay: .05s; }\n .ec-card:nth-child(2) { animation-delay: .1s; }\n .ec-card:nth-child(3) { animation-delay: .15s; }\n .ec-card:nth-child(4) { animation-delay: .2s; }\n .ec-card:nth-child(5) { animation-delay: .25s; }\n .ec-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ecFadeInUp {\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 .ec-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54874971701625,"sku":"NBAIDSH0034","price":4.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-deucalyptus-citronne-bio-saint-hilaire-10m-packshothd.webp?v=1774520570"},{"product_id":"tea-tree-bio-huile-essentielle-10ml","title":"Huile essentielle de Tea Tree Bio - Saint-Hilaire - 10ml","description":"\u003cdiv class=\"tt-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tt-hero\"\u003e\n \u003cdiv class=\"tt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tt-hero-content\"\u003e\n \u003cdiv class=\"tt-badges-top\"\u003e\n \u003cspan class=\"tt-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e💧 100 % pure \u0026amp; naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tt-hero-title\"\u003eHuile essentielle de Tea Tree Bio\u003c\/span\u003e\n \u003cp class=\"tt-subtitle\"\u003eDistillerie Saint-Hilaire — 10 ml\u003c\/p\u003e\n \u003cp class=\"tt-description\"\u003eL'incontournable de l'aromathérapie : purifiante, assainissante et polyvalente. Issue de feuilles de \u003cem\u003eMelaleuca alternifolia\u003c\/em\u003e d'Australie, chémotypée et certifiée Ecocert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eHuile essentielle de Tea Tree Bio – L'indispensable de votre trousse aromathérapie\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle de tea tree\u003c\/strong\u003e fiable, polyvalente et certifiée biologique ? Celle proposée par la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"tt-highlight-box\"\u003e\n \u003cp\u003eObtenue par distillation à la vapeur d'eau des feuilles de \u003cem\u003eMelaleuca alternifolia\u003c\/em\u003e, cette huile 100 % pure concentre le meilleur de l'arbre à thé australien, sans aucun additif ni solvant. Un flacon de 10 ml suffit pour des semaines d'utilisation tant ses applications sont variées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de Tea Tree : pourquoi elle est si prisée\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'huile essentielle de tea tree\u003c\/strong\u003e sont documentés depuis des décennies en aromathérapie. Voici ses principaux atouts :\u003c\/p\u003e\n \u003cdiv class=\"tt-grid\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✨ Purifie la peau en profondeur\u003c\/h3\u003e\n \u003cp\u003eBoutons, imperfections, points noirs… Le tea tree aide à retrouver un teint plus net. Particulièrement apprécié en cas de peau grasse ou acnéique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🛡️ Soutient les défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eEn période hivernale ou lors des changements de saison, cette huile stimule vos défenses naturelles pour mieux résister.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🧹 Assainit et désinfecte\u003c\/h3\u003e\n \u003cp\u003ePetite coupure, éraflure, zone à nettoyer… Le tea tree est reconnu pour ses propriétés assainissantes, un véritable couteau suisse naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🦷 Hygiène bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eAphtes, gencives sensibles ou envie d'une haleine plus fraîche : une goutte sur votre dentifrice peut faire la différence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌬️ Purifie l'air ambiant\u003c\/h3\u003e\n \u003cp\u003eEn diffusion, elle contribue à assainir l'atmosphère de votre intérieur et à créer une ambiance fraîche et vivifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de Tea Tree au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eSavoir \u003cstrong\u003eutiliser l'huile essentielle de tea tree\u003c\/strong\u003e correctement, c'est profiter pleinement de ses propriétés en toute sécurité.\u003c\/p\u003e\n \u003cdiv class=\"tt-timeline\"\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 à 2 gouttes dans une cuillère à café d'huile végétale (jojoba, amande douce) puis appliquez localement. Ne l'appliquez jamais pure sur une grande surface de peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 8 gouttes dans votre diffuseur pendant 15 à 20 minutes pour assainir l'air d'une pièce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn soin bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eDéposez 1 goutte sur votre dentifrice avant le brossage, 2 à 3 fois par semaine maximum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eHuile essentielle de Tea Tree : danger et précautions à connaître\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eComme toute huile essentielle concentrée, le tea tree demande quelques précautions. Concernant l'\u003cstrong\u003ehuile essentielle de tea tree et ses dangers\u003c\/strong\u003e potentiels, retenez ceci :\u003c\/p\u003e\n \u003cdiv class=\"tt-accordion\"\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e🤰 Femmes enceintes \u0026amp; enfants\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e et aux \u003cstrong\u003eenfants de moins de 3 ans\u003c\/strong\u003e sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e🧪 Test cutané obligatoire\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eToujours effectuer un \u003cstrong\u003etest cutané\u003c\/strong\u003e au pli du coude 24 heures avant la première utilisation pour écarter tout risque d'allergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter le contact avec les yeux et les muqueuses. En cas de contact accidentel, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"tt-grid-compact\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌱 Ingrédient unique\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de Tea Tree (\u003cem\u003eMelaleuca alternifolia\u003c\/em\u003e) – 100 % pure et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🔬 Chémotype principal\u003c\/h3\u003e\n \u003cp\u003eTerpinèn-4-ol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (AB) – Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌏 Origine de la plante\u003c\/h3\u003e\n \u003cp\u003eAustralie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🏭 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré recyclable avec compte-gouttes, fabriqué en France (Auvergne)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabricant\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"tt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le Tea Tree Bio Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"tt-cta-box\"\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire est une référence française en aromathérapie biologique. Chaque lot est \u003cstrong\u003echémotypé\u003c\/strong\u003e, garantissant une composition précise et constante. Le flacon en verre ambré protège l'huile de la lumière, préservant toute sa richesse aromatique.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003eEn choisissant cette huile essentielle de tea tree bio, vous optez pour un produit \u003cstrong\u003etraçable, éthique et efficace\u003c\/strong\u003e – un allié naturel toujours à portée de main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tt-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. Ne pas dépasser les doses recommandées. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tt-cream: #f5f7f2;\n --tt-white: #ffffff;\n --tt-primary: #2d6a4f;\n --tt-primary-dark: #1b4332;\n --tt-primary-light: #e8f0eb;\n --tt-secondary: #52b788;\n --tt-accent: #95d5b2;\n --tt-text: #1a1a1a;\n --tt-text-light: #5a5a5a;\n --tt-border: #dce5dc;\n --tt-shadow: 0 4px 24px rgba(27, 67, 50, .08);\n --tt-shadow-lg: 0 12px 48px rgba(27, 67, 50, .15);\n --tt-radius: 20px;\n --tt-radius-sm: 12px;\n}\n\n.tt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tt-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tt-primary-dark) 0%, var(--tt-primary) 50%, var(--tt-secondary) 100%);\n border-radius: var(--tt-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(--tt-shadow-lg);\n}\n\n.tt-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(149,213,178,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.tt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tt-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.tt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tt-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(--tt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tt-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.tt-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.tt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tt-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.tt-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(--tt-primary), var(--tt-secondary));\n border-radius: 2px;\n}\n\n.tt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tt-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.tt-highlight-box {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tt-shadow);\n border-left: 4px solid var(--tt-secondary);\n max-width: 750px;\n margin: 0 auto;\n}\n\n.tt-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--tt-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.tt-card {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tt-shadow-lg);\n border-color: var(--tt-primary);\n}\n\n.tt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tt-grid-compact .tt-card {\n padding: 1rem;\n}\n\n.tt-grid-compact .tt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tt-grid-compact .tt-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.tt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tt-primary), var(--tt-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(45, 106, 79, .3);\n}\n\n.tt-timeline-content {\n flex: 1;\n background: var(--tt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tt-radius-sm);\n box-shadow: var(--tt-shadow);\n}\n\n.tt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tt-timeline-content p {\n font-size: 14px;\n color: var(--tt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.tt-accordion {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n box-shadow: var(--tt-shadow);\n overflow: hidden;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.tt-accordion-item {\n border-bottom: 1px solid var(--tt-border);\n margin: 0;\n padding: 0;\n}\n\n.tt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tt-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.tt-accordion-header:hover {\n background: var(--tt-primary-light);\n}\n\n.tt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tt-primary);\n transition: transform .2s ease;\n}\n\n.tt-accordion-item[open] .tt-accordion-header::after {\n content: '−';\n}\n\n.tt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tt-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.tt-cta-box {\n background: linear-gradient(135deg, var(--tt-primary) 0%, var(--tt-primary-dark) 100%);\n border-radius: var(--tt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tt-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(149,213,178,.15) 0%, transparent 60%);\n}\n\n.tt-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.tt-disclaimer {\n font-size: 12px;\n color: var(--tt-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 .tt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tt-card {\n padding: 1.125rem;\n }\n\n .tt-section {\n margin-bottom: 1.75rem;\n }\n\n .tt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tt-radius-sm);\n }\n\n .tt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tt-grid-compact {\n gap: .625rem;\n }\n\n .tt-grid-compact .tt-card {\n padding: .75rem;\n }\n\n .tt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tt-timeline-content h3 {\n font-size: 14px;\n }\n\n .tt-timeline-content p {\n font-size: 13px;\n }\n\n .tt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .tt-highlight-box {\n padding: 1.25rem;\n }\n\n .tt-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tt-card {\n animation: ttFadeInUp .5s ease backwards;\n }\n .tt-card:nth-child(1) { animation-delay: .05s; }\n .tt-card:nth-child(2) { animation-delay: .1s; }\n .tt-card:nth-child(3) { animation-delay: .15s; }\n .tt-card:nth-child(4) { animation-delay: .2s; }\n .tt-card:nth-child(5) { animation-delay: .25s; }\n .tt-card:nth-child(6) { animation-delay: .3s; }\n .tt-card:nth-child(7) { animation-delay: .35s; }\n .tt-card:nth-child(8) { animation-delay: .4s; }\n\n .tt-timeline-item {\n animation: ttFadeInUp .5s ease backwards;\n }\n .tt-timeline-item:nth-child(1) { animation-delay: .1s; }\n .tt-timeline-item:nth-child(2) { animation-delay: .2s; }\n .tt-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes ttFadeInUp {\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 .tt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54874984612217,"sku":"NBAIDSH0009","price":6.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-tea-tree-saint-hilaire-min.jpg?v=1774283802"},{"product_id":"petit-grain-bigaradier-bio-10ml","title":"Huile Essentielle Petit Grain Bigaradier Bio - Saint-Hilaire - 10 ml","description":"\u003cdiv class=\"pgb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pgb-hero\"\u003e\n \u003cdiv class=\"pgb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pgb-hero-content\"\u003e\n \u003cdiv class=\"pgb-badges-top\"\u003e\n \u003cspan class=\"pgb-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"pgb-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"pgb-badge\"\u003e🔬 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"pgb-badge\"\u003e🍃 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pgb-hero-title\"\u003eHuile essentielle petit grain bigaradier bio\u003c\/span\u003e\n \u003cp class=\"pgb-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"pgb-description\"\u003eUn concentré de douceur et d'apaisement issu des feuilles d'oranger amer, pour retrouver calme et sérénité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003eHuile essentielle de Petit Grain Bigarade Bio : l'alliée naturelle de la sérénité\u003c\/h2\u003e\n \u003cp class=\"pgb-section-intro\"\u003eObtenue par distillation à la vapeur d'eau des \u003cstrong\u003efeuilles et jeunes rameaux de l'oranger amer\u003c\/strong\u003e (\u003cem\u003eCitrus aurantium var amara\u003c\/em\u003e), l'huile essentielle de petit grain bigaradier de la Distillerie Saint-Hilaire vous offre un concentré de douceur et d'apaisement.\u003c\/p\u003e\n \u003cp class=\"pgb-section-intro\"\u003eSon parfum à la fois boisé, floral et légèrement acidulé en fait l'une des huiles essentielles les plus appréciées en aromathérapie pour retrouver calme et équilibre au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile essentielle petit grain bigarade ?\u003c\/h2\u003e\n \u003cp class=\"pgb-section-intro\"\u003eParmi les huiles essentielles relaxantes, le \u003cstrong\u003epetit grain de bigarade\u003c\/strong\u003e se distingue par sa polyvalence et sa grande tolérance. Voici ses principaux bienfaits traditionnellement reconnus :\u003c\/p\u003e\n \u003cdiv class=\"pgb-grid\"\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e😌 Apaisement nerveux\u003c\/h3\u003e\n \u003cp\u003eRéputée pour aider à apaiser le stress, l'anxiété et les tensions nerveuses accumulées. Idéale en période de surmenage ou de nervosité passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🌙 Soutien du sommeil\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes en diffusion avant le coucher contribuent à créer une atmosphère propice à un sommeil plus serein et réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e✨ Soin cutané\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés régulatrices, elle aide à équilibrer les peaux grasses ou à tendance mixte et à atténuer les petites imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e💛 Réconfort émotionnel\u003c\/h3\u003e\n \u003cp\u003eSon parfum subtil et enveloppant aide à retrouver confiance en soi et à dissiper les pensées négatives au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003eCarte d'identité du produit\u003c\/h2\u003e\n \u003cdiv class=\"pgb-grid-compact\"\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCitrus aurantium\u003c\/em\u003e var. \u003cem\u003eamara\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e💧 Méthode d'extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🔬 Composants principaux\u003c\/h3\u003e\n \u003cp\u003eAcétate de linalyle, linalol, myrcène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique (AB)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabricant\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne (France)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-tip\"\u003e\n \u003cspan class=\"pgb-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003eLa mention \u003cstrong\u003e« chémotypée »\u003c\/strong\u003e figurant sur le flacon vous garantit que la composition biochimique de cette huile essentielle a été rigoureusement analysée. C'est un gage de qualité et de traçabilité indispensable pour une utilisation en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de petit grain bigarade ?\u003c\/h2\u003e\n \u003cp class=\"pgb-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle petit grain\u003c\/strong\u003e se prête à de nombreux usages. Voici les modes d'utilisation les plus courants :\u003c\/p\u003e\n \u003cdiv class=\"pgb-timeline\"\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 8 gouttes dans votre diffuseur pendant 20 à 30 minutes pour parfumer et assainir votre intérieur tout en créant une ambiance relaxante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e🤲 En massage\u003c\/h3\u003e\n \u003cp\u003eDiluez 3 à 4 gouttes dans une cuillère à soupe d'huile végétale (amande douce, jojoba) et massez le plexus solaire, la nuque ou les poignets pour un effet détente immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e🛁 Dans le bain\u003c\/h3\u003e\n \u003cp\u003eMélangez 5 gouttes à une base neutre ou du sel de bain avant de verser dans l'eau chaude pour un moment de relaxation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e💆 En soin cosmétique\u003c\/h3\u003e\n \u003cp\u003eAjoutez 1 à 2 gouttes dans votre crème de nuit ou votre huile de soin pour favoriser une peau nette et équilibrée.\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=\"pgb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pgb-accordion\"\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e⚠️ Application cutanée\u003c\/summary\u003e\n \u003cdiv class=\"pgb-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer pure sur la peau : toujours diluer dans une huile végétale avant toute application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"pgb-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e👶 Hors de portée des enfants\u003c\/summary\u003e\n \u003cdiv class=\"pgb-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"pgb-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute ou de traitement en cours, consultez un professionnel de santé avant utilisation. Ce produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"pgb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pgb-cta-box\"\u003e\n \u003cp\u003e🍊 Avec cette \u003cstrong\u003ehuile essentielle de petit grain bigarade bio\u003c\/strong\u003e Saint-Hilaire, vous faites le choix d'un produit artisanal, certifié biologique et distillé en France. Un essentiel de votre trousse d'aromathérapie pour traverser chaque journée avec plus de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pgb-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Les huiles essentielles ne sont pas des médicaments.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pgb-cream: #faf8f4;\n --pgb-white: #ffffff;\n --pgb-primary: #2d5a3d;\n --pgb-primary-dark: #1e3d2a;\n --pgb-primary-light: #e8f2ec;\n --pgb-secondary: #e5a830;\n --pgb-accent: #f0c24d;\n --pgb-text: #1a1a1a;\n --pgb-text-light: #5a5a5a;\n --pgb-border: #e0e0e0;\n --pgb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pgb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pgb-radius: 20px;\n --pgb-radius-sm: 12px;\n}\n\n.pgb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pgb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pgb-hero {\n position: relative;\n background: linear-gradient(135deg, #1e3d2a 0%, #2d5a3d 40%, #3a7a50 70%, #e5a830 100%);\n border-radius: var(--pgb-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(--pgb-shadow-lg);\n}\n\n.pgb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(229,168,48,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.pgb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pgb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pgb-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(--pgb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pgb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pgb-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.pgb-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: .05em;\n text-transform: uppercase;\n}\n\n.pgb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.pgb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pgb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pgb-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.pgb-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(--pgb-primary), var(--pgb-secondary));\n border-radius: 2px;\n}\n\n.pgb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pgb-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.pgb-card {\n background: var(--pgb-white);\n border-radius: var(--pgb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pgb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pgb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pgb-shadow-lg);\n border-color: var(--pgb-primary);\n}\n\n.pgb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pgb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pgb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pgb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pgb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pgb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pgb-grid-compact .pgb-card {\n padding: 1rem;\n}\n\n.pgb-grid-compact .pgb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pgb-grid-compact .pgb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pgb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pgb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pgb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pgb-primary), var(--pgb-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.pgb-timeline-content {\n flex: 1;\n background: var(--pgb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pgb-radius-sm);\n box-shadow: var(--pgb-shadow);\n}\n\n.pgb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pgb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pgb-timeline-content p {\n font-size: 14px;\n color: var(--pgb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pgb-testimonial {\n background: var(--pgb-white);\n border-radius: var(--pgb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pgb-shadow);\n border-left: 4px solid var(--pgb-primary);\n}\n\n.pgb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pgb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pgb-accordion {\n background: var(--pgb-white);\n border-radius: var(--pgb-radius);\n box-shadow: var(--pgb-shadow);\n overflow: hidden;\n}\n\n.pgb-accordion-item {\n border-bottom: 1px solid var(--pgb-border);\n margin: 0;\n padding: 0;\n}\n\n.pgb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pgb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pgb-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.pgb-accordion-header:hover {\n background: var(--pgb-primary-light);\n}\n\n.pgb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pgb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pgb-primary);\n transition: transform .2s ease;\n}\n\n.pgb-accordion-item[open] .pgb-accordion-header::after {\n content: '−';\n}\n\n.pgb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pgb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pgb-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pgb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pgb-primary-light);\n border-radius: var(--pgb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pgb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pgb-tip p {\n font-size: 14px;\n color: var(--pgb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pgb-cta-box {\n background: linear-gradient(135deg, var(--pgb-primary) 0%, var(--pgb-primary-dark) 100%);\n border-radius: var(--pgb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pgb-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.pgb-disclaimer {\n font-size: 12px;\n color: var(--pgb-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 .pgb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pgb-card {\n padding: 1.125rem;\n }\n\n .pgb-section {\n margin-bottom: 1.75rem;\n }\n\n .pgb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pgb-radius-sm);\n }\n\n .pgb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pgb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pgb-grid-compact {\n gap: .625rem;\n }\n\n .pgb-grid-compact .pgb-card {\n padding: .75rem;\n }\n\n .pgb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pgb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pgb-timeline-content h3 {\n font-size: 14px;\n }\n\n .pgb-timeline-content p {\n font-size: 13px;\n }\n\n .pgb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pgb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pgb-testimonial {\n padding: 1.25rem;\n }\n\n .pgb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pgb-card {\n animation: pgbFadeInUp .5s ease backwards;\n }\n .pgb-card:nth-child(1) { animation-delay: .05s; }\n .pgb-card:nth-child(2) { animation-delay: .1s; }\n .pgb-card:nth-child(3) { animation-delay: .15s; }\n .pgb-card:nth-child(4) { animation-delay: .2s; }\n .pgb-card:nth-child(5) { animation-delay: .25s; }\n .pgb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pgbFadeInUp {\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 .pgb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54875014857081,"sku":"NBAIDSH0010","price":7.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-petit-grain-bigaradier-bio-saint-hilaire-1-packshothd.webp?v=1774342701"},{"product_id":"spray-dambiance-fraicheur-douce-menthe-niaouli-100-ml-aromaspray","title":"Aromaspray Menthe Niaouli 100 ml - Fraîcheur douce","description":"\u003cp\u003eTransformez votre intérieur en un véritable havre de fraîcheur et de bien-être avec le \u003cstrong\u003eSpray d'ambiance Fraîcheur douce - Menthe Niaouli\u003c\/strong\u003e. Formulé avec des ingrédients naturels, ce spray de 100 ml signé Aromaspray offre une expérience olfactive unique grâce à la combinaison revigorante de la menthe et du niaouli.\u003c\/p\u003e\n\u003ch2\u003eUn mélange d'huiles essentielles aux propriétés bienfaisantes\u003c\/h2\u003e\n\u003cp\u003eLe duo menthe et niaouli est soigneusement sélectionné pour ses propriétés apaisantes et tonifiantes :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMenthe\u003c\/strong\u003e : Connue pour son effet rafraîchissant immédiat, elle purifie l'air ambiant tout en apportant une touche vivifiante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiaouli\u003c\/strong\u003e : Apprécié pour ses vertus purifiantes et revitalisantes, il crée une atmosphère sereine et saine.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCes huiles essentielles 100 % pures et naturelles sont idéales pour éliminer les mauvaises odeurs, assainir l’air de votre maison et favoriser une sensation de bien-être général.\u003c\/p\u003e\n\u003ch2\u003eUne utilisation pratique et polyvalente\u003c\/h2\u003e\n\u003cp\u003eGrâce à son format pratique de 100 ml, ce spray d'ambiance est facile à emporter et à utiliser au quotidien. Il suffit de quelques pulvérisations pour créer une atmosphère fraîche et agréable dans n’importe quelle pièce de votre maison, au bureau ou même dans la voiture.\u003c\/p\u003e\n\u003ch2\u003eEngagement pour la naturalité et l'écologie\u003c\/h2\u003e\n\u003cp\u003eFidèle à l'éthique d'Aromaspray et de naturellement-bio.com, ce produit respecte l'environnement et votre santé. Il ne contient ni colorants artificiels, ni conservateurs chimiques, et son flacon recyclable contribue à réduire votre empreinte écologique.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir le Spray d'ambiance Fraîcheur douce ?\u003c\/h2\u003e\n\u003cp\u003eCe spray est la solution parfaite pour ceux qui recherchent un produit efficace, naturel et respectueux de l’environnement. Offrez à votre intérieur un souffle de fraîcheur, tout en profitant des bienfaits de l’aromathérapie au quotidien.\u003c\/p\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54896005874041,"sku":"SC8535","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-menthe-niaouli-100-ml-fraicheur-douce-ingredients.jpg?v=1766574093"},{"product_id":"spray-myrte-santal","title":"Aromaspray Myrte Santal 100 ml - Equilibrant boisé","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cmeta name=\"description\" content=\"Purifiez et parfumez votre intérieur avec le Spray d'Ambiance Myrte Santal d'Aromaspray. Une synergie d'huiles essentielles 100% naturelles pour une atmosphère apaisante et boisée. Découvrez ses bienfaits, sa composition et son utilisation.\"\u003e \u003cmeta name=\"keywords\" content=\"spray ambiance, myrte santal, aromaspray, huiles essentielles, assainissant, purifiant, relaxation, aromathérapie, parfum d'intérieur, naturel\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003ePlongez dans une atmosphère sereine et boisée avec le Spray d'Ambiance Myrte Santal d'Aromaspray. Une synergie d'huiles essentielles 100% pures et naturelles, spécialement conçue pour purifier l'air et créer une ambiance relaxante et harmonieuse dans votre intérieur. Ce spray offre un parfum chaleureux et réconfortant, idéal pour favoriser la détente et la méditation.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003ch2\u003eComposition et bienfaits\u003c\/h2\u003e\n\u003cp\u003eCe spray unique associe les propriétés bénéfiques de plusieurs huiles essentielles :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile Essentielle de Myrte :\u003c\/strong\u003e Reconnue pour ses vertus purifiantes et rafraîchissantes, elle contribue à assainir l'air et apporte une note fraîche et légèrement camphrée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile Essentielle de Santal :\u003c\/strong\u003e Appréciée pour son parfum boisé et chaleureux, elle favorise la relaxation, l'équilibre émotionnel et la méditation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAutres Huiles Essentielles :\u003c\/strong\u003e Une synergie d'huiles essentielles (Cajeput, Cannelle, Géranium, Lavandin, Menthe poivrée, Serpolet, Shiu) complète cette composition pour une expérience olfactive riche et complexe.\u003c\/li\u003e\n\u003cli\u003eAlcool végétal issu de la betterave\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eContient naturellement : di-limonene (racemic), linalool, alpha-pinene x, carvacrol, geraniol, eucalyptol, menthone, cinnamaldéhyde, citrinellol.\u003c\/p\u003e\n\u003ch2\u003eUtilisations polyvalentes\u003c\/h2\u003e\n\u003cp\u003eLe Spray d'Ambiance Myrte Santal est idéal pour :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePurifier et parfumer l'air de votre maison, créant une atmosphère apaisante.\u003c\/li\u003e\n\u003cli\u003eFavoriser la relaxation et la méditation dans votre espace de vie.\u003c\/li\u003e\n\u003cli\u003eApporter une touche chaleureuse et réconfortante à votre intérieur.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eVaporisez 1 à 2 fois dans l'air, en direction du haut de la pièce, pour environ 10m³. Répétez l'opération selon vos besoins. Aérez la pièce après utilisation. Évitez de vaporiser directement sur les surfaces fragiles, les yeux ou une personne sensible.\u003c\/p\u003e\n\u003ch2\u003eEngagement qualité et fabrication Française\u003c\/h2\u003e\n\u003cp\u003eFabriqué en France, ce spray est formulé à partir d'huiles essentielles 100% pures et naturelles. Il est garanti sans colorants, sans conservateurs et sans gaz propulseur, dans le respect de votre bien-être et de l'environnement.\u003c\/p\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cp\u003eNe pas utiliser chez la femme enceinte ou allaitante et chez l'enfant de moins de 3 ans. Tenir hors de portée des enfants. Conserver à l'écart de toute flamme ou source d'étincelle, au frais, au sec et à l'abri de la lumière. Éviter le contact avec les yeux et les muqueuses.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54897804771705,"sku":"SC8540","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-myrte-santal-100-ml-equilibrant-boise-ingredients.jpg?v=1766574088"},{"product_id":"spray-dambiance-regenerant-relaxant-orange-palmarosa-100-ml-aromaspray","title":"Aromaspray Orange Palmarosa 100 ml - Régénérant relaxant","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cmeta name=\"description\" content=\"Créez une atmosphère relaxante et régénérante avec le Spray d'Ambiance Orange Palmarosa d'Aromaspray. Une synergie d'huiles essentielles 100% naturelles pour un bien-être intérieur. Découvrez ses bienfaits et son utilisation.\"\u003e \u003cmeta name=\"keywords\" content=\"spray ambiance, orange palmarosa, aromaspray, huiles essentielles, relaxant, régénérant, apaisant, aromathérapie, parfum d'intérieur, naturel\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp\u003eOffrez-vous un moment de détente et de bien-être avec le Spray d'Ambiance Régénérant \u0026amp; Relaxant Orange Palmarosa d'Aromaspray. Cette synergie d'huiles essentielles 100% pures et naturelles a été spécialement conçue pour créer une atmosphère apaisante et régénérante dans votre intérieur. Son parfum doux et floral favorise la relaxation et l'équilibre émotionnel.\u003c\/p\u003e\n\u003ch2\u003eComposition et bienfaits\u003c\/h2\u003e\n\u003cp\u003eCe spray combine les vertus de plusieurs huiles essentielles soigneusement sélectionnées :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile Essentielle d'Orange Douce :\u003c\/strong\u003e Connue pour ses propriétés calmantes et apaisantes, elle aide à réduire le stress et favorise une ambiance sereine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile Essentielle de Palmarosa :\u003c\/strong\u003e Appréciée pour son parfum floral et ses propriétés régénérantes, elle contribue à l'équilibre émotionnel et mental.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAutres Huiles Essentielles :\u003c\/strong\u003e Une synergie d'huiles essentielles (Géranium, Shiu) complète harmonieusement cette composition pour une fragrance unique et équilibrée.\u003c\/li\u003e\n\u003cli\u003eAlcool végétal issu de la betterave.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eContient naturellement : limonène, linalol, géraniol, citral, citronellol.\u003c\/p\u003e\n\u003ch2\u003eUtilisations polyvalentes\u003c\/h2\u003e\n\u003cp\u003eLe Spray d'Ambiance Orange Palmarosa est idéal pour :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eCréer une atmosphère relaxante et apaisante dans votre maison, votre chambre ou votre bureau.\u003c\/li\u003e\n\u003cli\u003eFavoriser la détente et l'équilibre émotionnel après une journée stressante.\u003c\/li\u003e\n\u003cli\u003eParfumer délicatement votre intérieur avec une fragrance douce et florale.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eVaporisez 1 à 2 fois dans l'air, en direction du haut de la pièce, pour environ 10m³. Répétez l'opération selon vos besoins. Aérez la pièce après utilisation. Évitez de vaporiser directement sur les surfaces fragiles, les yeux ou une personne sensible.\u003c\/p\u003e\n\u003ch2\u003eEngagement qualité et fabrication Française\u003c\/h2\u003e\n\u003cp\u003eFabriqué en France, ce spray est formulé à partir d'huiles essentielles 100% pures et naturelles. Il est garanti sans colorants, sans conservateurs et sans gaz propulseur, dans le respect de votre bien-être et de l'environnement.\u003c\/p\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cp\u003eNe pas utiliser chez la femme enceinte ou allaitante et chez l'enfant de moins de 3 ans. Tenir hors de portée des enfants. Conserver à l'écart de toute flamme ou source d'étincelle, au frais, au sec et à l'abri de la lumière. Éviter le contact avec les yeux et les muqueuses.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54898025136505,"sku":"SC8545","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-orange-palmarosa-100-ml-regenerant-relaxant-ingredients.jpg?v=1766573636"},{"product_id":"aromaspray-pin-vetiver-100ml","title":"Aromaspray Pin Vetiver 100 ml - Vivifiant Balsamique","description":"\u003cp\u003eL’Aromaspray Pin Vetiver 100 ml est bien plus qu’un simple spray d’ambiance. Il s’agit d’une véritable invitation à la revitalisation, grâce à une alliance unique d’huiles essentielles de pin et de vétiver. Ce mélange harmonieux, aux notes vivifiantes et balsamiques, transforme instantanément votre intérieur en un havre de fraîcheur naturelle.\u003c\/p\u003e\n\u003ch2\u003eLes bienfaits des huiles essentielles de pin et vétiver\u003c\/h2\u003e\n\u003cp\u003eCe spray est conçu pour offrir des bienfaits à la fois olfactifs et sensoriels :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePin sylvestre :\u003c\/strong\u003e Connue pour ses propriétés purifiantes et dynamisantes, l’huile essentielle de pin aide à assainir l’air ambiant tout en procurant une sensation de vitalité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVétiver :\u003c\/strong\u003e Ce parfum racé et terreux favorise l’ancrage et procure une agréable sensation d’équilibre et de sérénité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCe mélange est idéal pour apaiser l’esprit tout en stimulant le corps, parfait pour une utilisation quotidienne ou après une journée stressante.\u003c\/p\u003e\n\u003ch2\u003eUne solution naturelle et écologique\u003c\/h2\u003e\n\u003cp\u003eAromaspray Pin Vetiver est formulé avec des ingrédients naturels et respectueux de l’environnement. Sans gaz propulseur ni additifs chimiques, ce spray privilégie une approche saine et durable pour parfumer votre intérieur. Sa composition respecte votre santé tout en minimisant son impact écologique.\u003c\/p\u003e\n\u003ch2\u003eComment utiliser votre Aromaspray ?\u003c\/h2\u003e\n\u003cp\u003eUtilisez ce spray directement dans l’air pour assainir et parfumer vos pièces ou vaporisez-le sur des tissus comme vos coussins ou rideaux pour prolonger sa diffusion. Quelques pressions suffisent pour retrouver une atmosphère fraîche et tonifiante.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir Aromaspray Pin Vetiver ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eUn mélange d’huiles essentielles de haute qualité.\u003c\/li\u003e\n\u003cli\u003eUn parfum naturel, vivifiant et équilibré.\u003c\/li\u003e\n\u003cli\u003eUne solution écologique et sans gaz propulseur.\u003c\/li\u003e\n\u003cli\u003eFacile à utiliser pour créer une ambiance fraîche et apaisante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eOffrez à votre intérieur une touche de fraîcheur naturelle et laissez-vous séduire par les bienfaits aromatiques de l’Aromaspray Pin Vetiver 100 ml.\u003c\/p\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54898125832569,"sku":"SC8585","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-pin-vetiver-100-ml-vivifiant-balsamique-ingredients.jpg?v=1766574059"},{"product_id":"aromaspray-sauge-citronnelle-100ml","title":"Aromaspray Sauge Citronnelle 100 ml - Désodorisant Vif'Protect","description":"\u003cp\u003eL’Aromaspray Sauge Citronnelle 100 ml se distingue par sa capacité à transformer l’atmosphère de votre maison en un espace pur, frais et vivifiant. Grâce à l’alliance des huiles essentielles de sauge et de citronnelle, ce désodorisant naturel neutralise efficacement les mauvaises odeurs tout en laissant un parfum léger et agréable, idéal pour protéger votre intérieur au quotidien.\u003c\/p\u003e\n\u003ch2\u003eLes bienfaits des huiles essentielles de sauge et citronnelle\u003c\/h2\u003e\n\u003cp\u003eCe spray associe deux ingrédients aux propriétés complémentaires :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSauge :\u003c\/strong\u003e Connue pour ses vertus purifiantes et antiseptiques, l’huile essentielle de sauge aide à éliminer les odeurs désagréables tout en apportant une touche herbacée apaisante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCitronnelle :\u003c\/strong\u003e Appréciée pour son parfum vif et citronné, elle possède des propriétés désodorisantes et répulsives naturelles, parfaites pour éloigner les nuisibles tout en rafraîchissant l’air.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCe duo synergique offre une solution idéale pour purifier l’air et neutraliser les mauvaises odeurs tout en créant une ambiance vivifiante.\u003c\/p\u003e\n\u003ch2\u003eUne composition saine et écologique\u003c\/h2\u003e\n\u003cp\u003eAromaspray Sauge Citronnelle est formulé avec des ingrédients naturels et respectueux de l’environnement. Sans gaz propulseur ni substances chimiques agressives, ce spray préserve votre santé tout en réduisant son impact écologique. C’est une alternative sûre et efficace pour parfumer votre maison.\u003c\/p\u003e\n\u003ch2\u003eMode d’emploi\u003c\/h2\u003e\n\u003cp\u003ePour profiter des bienfaits de l’Aromaspray Sauge Citronnelle, vaporisez directement dans l’air ou sur des tissus comme les rideaux, coussins ou tapis. Quelques pressions suffisent pour transformer votre intérieur en un espace frais et purifié.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir Aromaspray Sauge Citronnelle ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eUne solution naturelle pour désodoriser et assainir vos espaces.\u003c\/li\u003e\n\u003cli\u003eUn mélange d’huiles essentielles purifiantes et rafraîchissantes.\u003c\/li\u003e\n\u003cli\u003eSans gaz propulseur, respectueux de l’environnement et de votre santé.\u003c\/li\u003e\n\u003cli\u003eFacile à utiliser pour un intérieur frais et protégé au quotidien.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eOffrez à votre maison une protection naturelle et une fraîcheur incomparable avec l’Aromaspray Sauge Citronnelle 100 ml. Adoptez une approche écologique et efficace pour un air purifié et sain.\u003c\/p\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54898206900601,"sku":"SC8570","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-sauge-citronnelle-100-ml-desodorisant-vifprotect-ingredients.jpg?v=1766573999"},{"product_id":"aromaspray-thym-cannelle-tonique-epice","title":"Aromaspray Thym Cannelle 100 ml - Tonique Epicé","description":"\u003cp\u003eLaissez-vous transporter par la puissance des huiles essentielles avec l’Aromaspray Thym Cannelle 100 ml. Ce mélange unique associe la chaleur épicée de la cannelle à la fraîcheur vivifiante du thym pour créer une ambiance stimulante et revigorante. Idéal pour parfumer et assainir l’air de vos espaces de vie, ce spray naturel et bio vous accompagne tout au long de la journée pour une sensation de bien-être et de vitalité.\u003c\/p\u003e\n\u003ch2\u003eLes bienfaits d’un mélange naturel et bio\u003c\/h2\u003e\n\u003cp\u003eComposé exclusivement d’huiles essentielles de haute qualité, l’Aromaspray Thym Cannelle est conçu pour offrir des bienfaits à la fois olfactifs et thérapeutiques :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAction tonifiante :\u003c\/strong\u003e Le thym est reconnu pour ses propriétés revitalisantes et dynamisantes. Il aide à booster l’énergie et à combattre la fatigue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAmbiance chaleureuse :\u003c\/strong\u003e La cannelle, avec ses notes chaudes et épicées, crée une atmosphère enveloppante et réconfortante, idéale pour les journées fraîches ou les moments de relaxation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePurification de l’air :\u003c\/strong\u003e Les huiles essentielles de thym et de cannelle possèdent des propriétés assainissantes qui contribuent à éliminer les odeurs et à purifier votre intérieur.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUn geste simple pour un quotidien plus sain\u003c\/h2\u003e\n\u003cp\u003eFacile à utiliser, ce spray s’adapte à tous les environnements : maison, bureau, voiture ou même chambre à coucher. Il suffit de quelques pulvérisations pour profiter de ses bienfaits aromatiques et transformer l’ambiance de votre espace.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir Aromaspray Thym Cannelle ?\u003c\/h2\u003e\n\u003cp\u003eL’Aromaspray Thym Cannelle se distingue par sa composition 100 % naturelle, respectueuse de l’environnement et de votre santé. Fabriqué avec des ingrédients biologiques soigneusement sélectionnés, ce spray s’inscrit dans une démarche écoresponsable qui correspond parfaitement à vos valeurs.\u003c\/p\u003e\n\u003ch2\u003eMode d’emploi\u003c\/h2\u003e\n\u003cp\u003eAgitez le flacon avant utilisation. Pulvérisez 2 à 3 fois dans l’air pour diffuser son parfum et ses bienfaits. Évitez le contact direct avec les yeux et ne pas vaporiser sur la peau.\u003c\/p\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54908104966521,"sku":"SC8550","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-thym-cannelle-100-ml-tonique-epice-ingredients.jpg?v=1766575782"},{"product_id":"aromaspray-ylang-bergamotte-harmonie-tonique","title":"Aromaspray Ylang Bergamotte 100 ml - Harmonisant tonique","description":"\u003cp\u003eOffrez à vos espaces une ambiance apaisante et revitalisante grâce à l’Aromaspray Ylang Bergamotte 100 ml. Ce spray naturel combine les propriétés relaxantes de l’ylang-ylang et la fraîcheur tonifiante de la bergamote. Idéal pour créer une atmosphère harmonieuse et énergisante, il est parfait pour parfumer et purifier votre intérieur tout en vous apportant une sensation de sérénité et de bien-être.\u003c\/p\u003e\n\u003ch2\u003eLes bienfaits d’un duo équilibré\u003c\/h2\u003e\n\u003cp\u003eChaque pulvérisation de l’Aromaspray Ylang Bergamotte libère un parfum subtil et puissant, conçu pour transformer votre quotidien :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffet apaisant :\u003c\/strong\u003e L’ylang-ylang est réputé pour ses propriétés relaxantes, aidant à calmer les tensions et à favoriser une ambiance sereine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTonique naturel :\u003c\/strong\u003e La bergamote, avec son parfum frais et citronné, apporte une énergie positive et revitalise l’esprit.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePurification de l’air :\u003c\/strong\u003e Les huiles essentielles de ce spray permettent d’assainir l’air tout en laissant un sillage délicat et agréable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUn geste simple pour une ambiance naturelle\u003c\/h2\u003e\n\u003cp\u003eConçu pour s’adapter à tous vos espaces, ce spray peut être utilisé dans le salon, la chambre, le bureau ou même dans votre voiture. Quelques pulvérisations suffisent pour transformer l’atmosphère et vous apporter harmonie et énergie.\u003c\/p\u003e\n\u003ch2\u003eUn produit respectueux de la nature\u003c\/h2\u003e\n\u003cp\u003eFabriqué à partir d’huiles essentielles biologiques et de composants naturels, l’Aromaspray Ylang Bergamotte reflète un engagement envers une démarche écoresponsable. Sans substances chimiques nocives, il respecte autant votre santé que l’environnement.\u003c\/p\u003e\n\u003ch2\u003eMode d’emploi\u003c\/h2\u003e\n\u003cp\u003eAgitez bien avant chaque utilisation. Pulvérisez 2 à 3 fois dans l’air pour profiter pleinement de ses bienfaits. Évitez le contact avec les yeux et ne pas vaporiser directement sur la peau.\u003c\/p\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54908134785401,"sku":"SC8555","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-ylang-bergamotte-100-ml-harmonisant-tonique-ingredients_c8f74102-7419-4856-8f63-e57673ca7047.jpg?v=1766574026"},{"product_id":"huile-essentielle-dhelichryse-bio-5-ml-florame","title":"Huile essentielle d'Hélichryse Italienne bio – 5 ml – Florame","description":"\u003cdiv class=\"hei-premium\"\u003e\n \u003cdiv class=\"hei-hero\"\u003e\n \u003cdiv class=\"hei-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hei-hero-content\"\u003e\n \u003cdiv class=\"hei-badges-top\"\u003e\n \u003cspan class=\"hei-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n \u003cspan class=\"hei-badge\"\u003e💧 100% pure\u003c\/span\u003e\n \u003cspan class=\"hei-badge\"\u003e🇫🇷 Provence\u003c\/span\u003e\n \u003cspan class=\"hei-badge\"\u003e🧪 Chémotypée HEBBD\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hei-hero-title\"\u003eHuile Essentielle d'Hélichryse Italienne Bio\u003c\/span\u003e\n \u003cp class=\"hei-subtitle\"\u003e5 ml — Florame, Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003cp class=\"hei-description\"\u003eL'« immortelle » de Corse, trésor d'aromathérapie reconnu pour son action \u003cstrong\u003eanti-hématome incomparable\u003c\/strong\u003e, sa puissance régénérante cutanée et son soutien à la microcirculation. Distillée avec un savoir-faire provençal d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hei-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile essentielle d'Hélichryse italienne\u003c\/h2\u003e\n \u003cp class=\"hei-section-intro\"\u003eConsidérée comme l'une des huiles essentielles les plus précieuses, l'hélichryse italienne agit sur plusieurs plans :\u003c\/p\u003e\n \u003cdiv class=\"hei-grid\"\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e💥 Anti-hématome puissant\u003c\/h3\u003e\n \u003cp\u003eAide à résorber rapidement bleus, bosses et ecchymoses, même anciens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e✨ Régénérante cutanée\u003c\/h3\u003e\n \u003cp\u003eFavorise la cicatrisation des petites plaies et atténue les cicatrices et les marques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🩸 Soutien circulatoire\u003c\/h3\u003e\n \u003cp\u003eSoutient la microcirculation et apporte un confort aux jambes lourdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🌬️ Apaisante\u003c\/h3\u003e\n \u003cp\u003eSoulage les tensions musculaires et les zones inconfortables après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🌸 Soin du visage\u003c\/h3\u003e\n \u003cp\u003eAtténue les rougeurs, la couperose et redonne de l'éclat à la peau mature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🌿 Trésor d'aromathérapie\u003c\/h3\u003e\n \u003cp\u003eSurnommée « l'immortelle » pour sa fleur qui ne fane jamais, symbole de longévité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hei-section\"\u003e\n \u003ch2\u003eComposition – Ingrédients 100 % actifs\u003c\/h2\u003e\n \u003cp class=\"hei-section-intro\"\u003e\u003cstrong\u003eHelichrysum italicum (Roth) G.Don\u003c\/strong\u003e — huile essentielle de sommités fleuries d'Hélichryse italienne : 5 ml. Composants biochimiques caractéristiques (chémotype) :\u003c\/p\u003e\n \u003cdiv class=\"hei-grid\"\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🧬 Acétate de néryle\u003c\/h3\u003e\n \u003cp\u003eRégénérant cutané, favorise la disparition des marques et cicatrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🌱 Gamma-curcumène\u003c\/h3\u003e\n \u003cp\u003eAide à apaiser les zones tendues et inconfortables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e💫 Italidiones\u003c\/h3\u003e\n \u003cp\u003eMolécules emblématiques, reconnues pour leur action remarquable sur les hématomes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🌲 Alpha-pinène\u003c\/h3\u003e\n \u003cp\u003eTonique naturel, soutient activement la microcirculation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-tip\"\u003e\n \u003cspan class=\"hei-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003eContient naturellement des allergènes : \u003cstrong\u003elinalol, géraniol, limonène\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hei-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"hei-section-intro\"\u003eL'huile essentielle d'hélichryse doit toujours se faire diluée et avec parcimonie, car elle est puissante.\u003c\/p\u003e\n \u003cdiv class=\"hei-timeline\"\u003e\n \u003cdiv class=\"hei-timeline-item\"\u003e\n \u003cdiv class=\"hei-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hei-timeline-content\"\u003e\n \u003ch3\u003e🖐️ Voie cutanée (usage privilégié)\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 à 2 gouttes dans 9 gouttes d'huile végétale (arnica, calophylle, jojoba) puis appliquez localement sur la zone concernée : bleu, cicatrice, jambes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-timeline-item\"\u003e\n \u003cdiv class=\"hei-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hei-timeline-content\"\u003e\n \u003ch3\u003e🌸 Sur le visage\u003c\/h3\u003e\n \u003cp\u003e1 goutte dans votre soin habituel ou dans une huile végétale, à appliquer le soir sur les zones marquées ou les rougeurs. Effet « bonne mine » dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-timeline-item\"\u003e\n \u003cdiv class=\"hei-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hei-timeline-content\"\u003e\n \u003ch3\u003e💊 Voie orale\u003c\/h3\u003e\n \u003cp\u003e2 gouttes maximum sur un support neutre (miel, comprimé), 2 fois par jour, après avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-timeline-item\"\u003e\n \u003cdiv class=\"hei-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hei-timeline-content\"\u003e\n \u003ch3\u003e💨 En diffusion\u003c\/h3\u003e\n \u003cp\u003ePossible seule ou en synergie avec d'autres huiles essentielles, à utiliser avec parcimonie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hei-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hei-accordion\"\u003e\n \u003cdetails class=\"hei-accordion-item\"\u003e\n \u003csummary class=\"hei-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"hei-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes, allaitantes et aux enfants de moins de 8 ans. Contre-indiquée en cas de traitement anticoagulant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hei-accordion-item\"\u003e\n \u003csummary class=\"hei-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"hei-accordion-content mt-3\"\u003e\n \u003cp\u003eEffectuez un test cutané dans le pli du coude avant la première utilisation pour vérifier l'absence de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hei-accordion-item\"\u003e\n \u003csummary class=\"hei-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"hei-accordion-content mt-3\"\u003e\n \u003cp\u003eNe se substitue pas à un traitement médical. Demandez l'avis de votre médecin ou pharmacien en cas de doute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hei-accordion-item\"\u003e\n \u003csummary class=\"hei-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hei-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la lumière et de la chaleur pour préserver les principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hei-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"hei-grid-compact\"\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🌿 Certifiée AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique, sans pesticides ni solvants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e💧 100% pure \u0026amp; chémotypée\u003c\/h3\u003e\n \u003cp\u003eNaturelle et HEBBD pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e♨️ Distillation douce\u003c\/h3\u003e\n \u003cp\u003eVapeur d'eau basse pression à Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🤝 Engagé depuis 1990\u003c\/h3\u003e\n \u003cp\u003eProducteur dans une démarche éthique et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-cta-box\" style=\"margin-top:1.75rem;\"\u003e\n \u003cp\u003eOffrez-vous une huile essentielle d'hélichryse italienne d'exception, alliée précieuse de votre trousse d'aromathérapie au quotidien. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hei-cream: #f7f9f3;\n --hei-white: #ffffff;\n --hei-primary: #5ba834;\n --hei-primary-dark: #3d7322;\n --hei-primary-light: #e8f3dd;\n --hei-secondary: #c89438;\n --hei-accent: #8bc34a;\n --hei-text: #1a1a1a;\n --hei-text-light: #5a5a5a;\n --hei-border: #e0e0e0;\n --hei-shadow: 0 4px 24px rgba(0,0,0,.08);\n --hei-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --hei-radius: 20px;\n --hei-radius-sm: 12px;\n}\n\n.hei-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hei-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--hei-text);\n}\n\n.hei-hero {\n position: relative;\n background: linear-gradient(135deg, #5ba834 0%, #3d7322 50%, #2d5a18 100%);\n border-radius: var(--hei-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(--hei-shadow-lg);\n}\n\n.hei-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%), radial-gradient(circle at 80% 70%, rgba(200,148,56,.3) 0%, transparent 40%);\n opacity: .15;\n}\n\n.hei-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hei-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.hei-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.hei-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.hei-description strong {\n color: white;\n font-weight: 700;\n}\n\n.hei-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hei-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(--hei-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hei-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hei-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hei-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hei-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.hei-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(--hei-primary), var(--hei-secondary));\n border-radius: 2px;\n}\n\n.hei-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hei-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.hei-card {\n background: var(--hei-white);\n border-radius: var(--hei-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hei-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hei-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hei-shadow-lg);\n border-color: var(--hei-primary);\n}\n\n.hei-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hei-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hei-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hei-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hei-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hei-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hei-grid-compact .hei-card {\n padding: 1rem;\n}\n\n.hei-grid-compact .hei-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hei-grid-compact .hei-card p {\n font-size: 12px;\n}\n\n.hei-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.hei-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hei-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hei-primary), var(--hei-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(91,168,52,.3);\n}\n\n.hei-timeline-content {\n flex: 1;\n background: var(--hei-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hei-radius-sm);\n box-shadow: var(--hei-shadow);\n}\n\n.hei-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hei-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hei-timeline-content p {\n font-size: 14px;\n color: var(--hei-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hei-accordion {\n background: var(--hei-white);\n border-radius: var(--hei-radius);\n box-shadow: var(--hei-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.hei-accordion-item {\n border-bottom: 1px solid var(--hei-border);\n margin: 0;\n padding: 0;\n}\n\n.hei-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hei-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hei-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.hei-accordion-header:hover {\n background: var(--hei-primary-light);\n}\n\n.hei-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hei-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--hei-primary);\n transition: transform .2s ease;\n}\n\n.hei-accordion-item[open] .hei-accordion-header::after {\n content: '−';\n}\n\n.hei-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hei-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hei-accordion-content p {\n margin: 0;\n}\n\n.hei-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hei-primary-light);\n border-radius: var(--hei-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--hei-primary);\n}\n\n.hei-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hei-tip p {\n font-size: 14px;\n color: var(--hei-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.hei-cta-box {\n background: linear-gradient(135deg, var(--hei-primary) 0%, var(--hei-primary-dark) 100%);\n border-radius: var(--hei-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--hei-shadow-lg);\n}\n\n.hei-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .hei-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .hei-card {\n padding: 1.125rem;\n }\n .hei-section {\n margin-bottom: 1.75rem;\n }\n .hei-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hei-radius-sm);\n }\n .hei-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .hei-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .hei-grid-compact {\n gap: .625rem;\n }\n .hei-grid-compact .hei-card {\n padding: .75rem;\n }\n .hei-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .hei-timeline-content {\n padding: .875rem 1rem;\n }\n .hei-timeline-content h3 {\n font-size: 14px;\n }\n .hei-timeline-content p {\n font-size: 13px;\n }\n .hei-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .hei-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .hei-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hei-card:nth-child(1) { animation-delay: .05s; }\n .hei-card:nth-child(2) { animation-delay: .1s; }\n .hei-card:nth-child(3) { animation-delay: .15s; }\n .hei-card:nth-child(4) { animation-delay: .2s; }\n .hei-card:nth-child(5) { animation-delay: .25s; }\n .hei-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 .hei-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":55160769544569,"sku":"FM0075","price":35.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-dhelichryse-italienne-bio-5-ml-florame-packshothd.webp?v=1779717827"},{"product_id":"huile-essentielle-de-lavande-aspic-bio-10ml-florame","title":"Huile essentielle de Lavande aspic bio – 10 ml – Florame","description":"\u003cp\u003eDistillée dans le \u003cstrong\u003eMassif Central\u003c\/strong\u003e par la coopérative \u003cstrong\u003eSICARAPPAM\u003c\/strong\u003e, l’huile essentielle de \u003cstrong\u003eLavande aspic bio\u003c\/strong\u003e Florame est \u003cstrong\u003e100 % pure, biologique et équitable\u003c\/strong\u003e. Issue des sommités fleuries de \u003cem\u003eLavandula latifolia\u003c\/em\u003e, elle est réputée pour ses \u003cstrong\u003epropriétés calmantes, antiseptiques et apaisantes\u003c\/strong\u003e. Sa richesse aromatique en fait un incontournable aussi bien pour vos soins de peau, vos massages détente que pour sublimer vos recettes.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003cdiv style=\"background: #f7fafc; padding: 16px; border-radius: 8px; margin-bottom: 16px;\"\u003e\n\u003cstrong\u003eLe + Florame\u003c\/strong\u003e : une huile locale, équitable et artisanale, soutenant directement les producteurs français du Massif Central.\u003c\/div\u003e\n\u003ch2\u003eIngrédients clés et bienfaits de l'huile essentielle de lavande aspic\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLinalol\u003c\/strong\u003e : aux vertus relaxantes, il apaise l’esprit et favorise un sommeil de qualité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e1,8-Cinéole\u003c\/strong\u003e : contribue à la décongestion respiratoire et soutient les défenses naturelles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCamphre\u003c\/strong\u003e : reconnu pour ses propriétés anti-inflammatoires et purifiantes, il apaise les peaux irritées et les tensions musculaires.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCette synergie d’actifs confère à la lavande aspic un profil complet : détente, soin cutané et respiration libérée.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment utiliser l'huile essentielle de lavande aspic ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn diffusion\u003c\/strong\u003e : 3–5 gouttes dans un diffuseur, 10–20 min, pour une atmosphère apaisante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn cosmétique\u003c\/strong\u003e : diluer 1 goutte dans 1 c. à c. d’huile végétale pour apaiser une zone irritée ou en massage musculaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn usage alimentaire*\u003c\/strong\u003e : 1 goutte (max 2\/jour) dans une infusion, un dessert ou un plat pour une note florale.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"font-size: 0.95em; color: #4a5568;\"\u003e*Seulement si le flacon porte la mention \"aromatisation alimentaire\".\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePosologie \u0026amp; durée de vie du flacon\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eFlacon 5 ml ≈ 125 à 150 gouttes.\u003c\/li\u003e\n\u003cli\u003eEn diffusion (3–5 gouttes) : ≈ 25 à 40 utilisations.\u003c\/li\u003e\n\u003cli\u003eEn application cutanée (1 goutte diluée) : couvre plusieurs semaines d’usage ponctuel.\u003c\/li\u003e\n\u003cli\u003eEn usage oral : 1 goutte\/jour → ≈ 4 mois.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePourquoi choisir cette huile Florame ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eQualité artisanale\u003c\/strong\u003e : distillation traditionnelle vapeur douce.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBio \u0026amp; équitable\u003c\/strong\u003e : certifiée AB et labellisée Symbole des Producteurs Paysans.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePolyvalente\u003c\/strong\u003e : bien-être, peau, respiration, cuisine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrigine locale\u003c\/strong\u003e : issue de cultures françaises, dans le Massif Central.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédients\u003c\/strong\u003e : 100 % huile essentielle de Lavande aspic (\u003cem\u003eLavandula latifolia\u003c\/em\u003e), certifiée biologique et équitable.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePrécautions d’emploi\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eDéconseillée pendant la grossesse et l’allaitement, ainsi que chez l’enfant \u0026lt; 6 ans.\u003c\/li\u003e\n\u003cli\u003eNe pas appliquer pure sur la peau : toujours diluer dans une huile végétale.\u003c\/li\u003e\n\u003cli\u003eÉviter toute exposition au soleil après application cutanée.\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser 2 gouttes\/jour en usage interne.\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":55162654687609,"sku":"FM0085","price":9.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Huile-essentielle-de-Lavande-aspic-bio_10_florame.jpg?v=1760195521"},{"product_id":"huile-essentielle-de-lavandin-grosso-bio-10ml-florame","title":"Huile essentielle de Lavandin Grosso bio – 10ml – Florame","description":"\u003cp\u003eL’\u003cstrong\u003eHuile essentielle de Lavandin Grosso Bio Florame\u003c\/strong\u003e est un concentré d’authenticité, 100 % pure, naturelle, équitable et certifiée biologique. Distillée dans la \u003cstrong\u003eDrôme\u003c\/strong\u003e, au cœur d’une agriculture paysanne respectueuse, elle est reconnue pour ses \u003cstrong\u003evertus relaxantes, assainissantes et apaisantes\u003c\/strong\u003e. Conditionnée en flacon pratique de 10 ml, elle s’invite dans votre routine bien-être, vos soins ou même vos recettes.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcétate de linalyle\u003c\/strong\u003e : molécule aux vertus relaxantes, aide à apaiser le système nerveux et à calmer les tensions.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLinalol\u003c\/strong\u003e : connu pour ses propriétés antiseptiques et équilibrantes, il contribue à purifier et à instaurer une atmosphère sereine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCamphre\u003c\/strong\u003e : tonifiant et respiratoire, il facilite la respiration et soulage les inconforts musculaires ou articulaires.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eObtenue par \u003cstrong\u003edistillation à la vapeur d’eau à basse pression\u003c\/strong\u003e, cette huile conserve toute sa richesse aromatique et thérapeutique.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eBienfaits principaux\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaisement \u0026amp; relaxation\u003c\/strong\u003e : aide à réduire le stress et à favoriser un sommeil de qualité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAction purifiante\u003c\/strong\u003e : propriétés antiseptiques utiles pour l’hygiène et l’assainissement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAroma culinaire\u003c\/strong\u003e : apporte une note florale délicate dans vos plats et boissons.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003ch3\u003eUsage alimentaire\u003c\/h3\u003e\n\u003cp\u003eIntégrez-la à vos recettes pour une touche florale. \u003cstrong\u003eNe dépassez pas 2 gouttes par jour\u003c\/strong\u003e, toujours diluées dans une huile végétale ou un support adapté.\u003c\/p\u003e\n\u003ch3\u003ePrécautions d’emploi\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eNe jamais appliquer pure sur la peau, toujours diluer.\u003c\/li\u003e\n\u003cli\u003eÉvitez toute exposition au soleil après usage.\u003c\/li\u003e\n\u003cli\u003eDéconseillée aux femmes enceintes, allaitantes et aux jeunes enfants.\u003c\/li\u003e\n\u003cli\u003eÀ utiliser dans le cadre d’une alimentation variée et équilibrée.\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePourquoi choisir l’huile essentielle de lavandin grosso bio Florame ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eQualité artisanale\u003c\/strong\u003e : issue de l’agriculture bio et équitable, distillée en douceur pour préserver l’intégrité de la plante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoutien aux producteurs\u003c\/strong\u003e : cultivée et distillée par la coopérative \u003cem\u003eFrance Lavande\u003c\/em\u003e dans la Drôme, en valorisant l’agriculture paysanne.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePolyvalente\u003c\/strong\u003e : idéale pour la relaxation, la maison, les soins ou la cuisine.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eComposition INCI\u003c\/strong\u003e : Lavandula angustifolia x Lavandula latifolia (huile essentielle 100 % pure et bio).\u003c\/p\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":55163653226873,"sku":"FM0095","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/florame_he_lavandin_10ml.jpg?v=1760192428"},{"product_id":"huile-essentielle-de-tea-tree-bio-10ml-florame","title":"Huile essentielle de Tea Tree Bio et Équitable - 10ml - Florame","description":"\u003ch2\u003eUne huile essentielle de Tea Tree pas comme les autres\u003c\/h2\u003e\n\u003cp\u003eConnue pour ses multiples bienfaits, l'huile essentielle de Tea Tree (Melaleuca alternifolia) est un indispensable en aromathérapie. Celle de Florame se distingue par sa \u003cstrong\u003epureté exceptionnelle\u003c\/strong\u003e, sa \u003cstrong\u003ecertification biologique\u003c\/strong\u003e et son \u003cstrong\u003eorigine équitable\u003c\/strong\u003e. Produite dans la région du KwaZulu-Natal en Afrique du Sud, elle est issue du travail respectueux de la coopérative Oribi, engagée pour l'environnement et le développement des communautés zouloues.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eQuels sont les bienfaits de l'huile essentielle de Tea Tree ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenforce les défenses naturelles\u003c\/strong\u003e grâce à ses propriétés immunostimulantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePurifie l'organisme\u003c\/strong\u003e : aide à assainir le corps de façon naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntibactérienne et antifongique\u003c\/strong\u003e : utile en cas d'inconforts digestifs ou buccaux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUtilisable en usage alimentaire\u003c\/strong\u003e à très faible dose pour un effet ciblé.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLe Tea Tree est reconnu depuis des décennies pour son action contre les micro-organismes indésirables. En cure courte, il peut accompagner une hygiène de vie visant à stimuler naturellement l'immunité.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComposition et origine\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédient :\u003c\/strong\u003e \u003cem\u003eMelaleuca alternifolia (Tea Tree) Leaf Oil*\u003c\/em\u003e\u003cbr\u003e*Ingrédient issu de l'agriculture biologique et certifié équitable par la WFTO.\u003c\/p\u003e\n\u003cp\u003eCette huile est obtenue par \u003cstrong\u003edistillation à la vapeur des feuilles\u003c\/strong\u003e, sans aucun solvant ni additif. 100% pure, elle conserve toute la richesse des actifs naturels de la plante.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment utiliser l'huile essentielle de Tea Tree Florame ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eUsage alimentaire : \u003cstrong\u003e1 à 2 gouttes par jour maximum\u003c\/strong\u003e, diluées dans un support gras (huile, miel) ou un plat chaud.\u003c\/li\u003e\n\u003cli\u003eEn soutien saisonnier, sur des périodes courtes (5 à 7 jours).\u003c\/li\u003e\n\u003cli\u003eNe pas utiliser pure ni en continu. Toujours respecter les doses recommandées.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003ePrécaution :\u003c\/strong\u003e Déconseillée aux femmes enceintes\/allaitantes et aux enfants de moins de 6 ans. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eUn engagement éthique fort\u003c\/h2\u003e\n\u003cp\u003eEn choisissant cette huile, vous soutenez un modèle de production durable et équitable. La coopérative Oribi, partenaire de Florame, agit concrètement pour améliorer les conditions de vie des producteurs tout en préservant leur environnement naturel.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eUne huile essentielle qui fait du bien à votre corps et au monde.\u003c\/strong\u003e Avec Florame, chaque goutte de Tea Tree est un geste pour votre santé et pour la justice sociale.\u003c\/p\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":55163889123705,"sku":"FM0175","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Huile-essentielle-de-Tea-Tree-bio_10ml_florame.jpg?v=1760195650"},{"product_id":"huile-essentielle-de-ravintsara-bio-10ml-florame","title":"Huile essentielle de Ravintsara bio – 10ml – Florame","description":"\u003cp\u003eDistillée à Madagascar par une coopérative paysanne engagée, l’huile essentielle de \u003cstrong\u003eRavintsara (Cinnamomum camphora CT cinéole)\u003c\/strong\u003e Florame est \u003cstrong\u003e100 % pure\u003c\/strong\u003e, \u003cstrong\u003ebio\u003c\/strong\u003e et issue du \u003cstrong\u003ecommerce équitable\u003c\/strong\u003e. Son parfum frais, camphré et délicatement boisé en fait un indispensable de la saison froide pour \u003cstrong\u003eapporter du confort respiratoire\u003c\/strong\u003e et une sensation de \u003cstrong\u003etonus\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003cdiv style=\"background: #f7fafc; padding: 16px; border-radius: 8px; margin-bottom: 16px;\"\u003e\n\u003cstrong\u003eEn deux mots\u003c\/strong\u003e : traçabilité exemplaire, qualité d’extraction soignée (distillation vapeur douce) et une filière qui rémunère justement les producteurs.\u003c\/div\u003e\n\u003ch2\u003eQuels sont les bienfaits de l'huile essentielle ravintsara ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eQualité sensorielle\u003c\/strong\u003e : fraîche, nette, agréable en diffusion.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConfort saisonnier\u003c\/strong\u003e : idéale en période hivernale pour assainir l’air ambiant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉthique \u0026amp; origine\u003c\/strong\u003e : filière paysanne, bio et équitable (Madagascar).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePolyvalence\u003c\/strong\u003e : diffusion, inhalation sèche, massage toujours \u003cem\u003edilué\u003c\/em\u003e, et \u003cem\u003eéventuellement\u003c\/em\u003e culinaire si l’étiquetage l’autorise.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eProfil aromatique \u0026amp; principaux constituants\u003c\/h2\u003e\n\u003cp\u003eRavintsara CT cinéole (chémotype attendu) - profil majoritaire : \u003cstrong\u003e1,8-cinéole\u003c\/strong\u003e, \u003cstrong\u003esabinène\u003c\/strong\u003e, \u003cstrong\u003ealpha-terpinéol\u003c\/strong\u003e. Une synergie naturellement reconnue en aromathérapie pour son intérêt en diffusion et massages \u003cem\u003edilués\u003c\/em\u003e.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment utiliser l'huile essentielle de ravintsara ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDiffusion atmosphérique\u003c\/strong\u003e : 3-5 gouttes dans un diffuseur, 10-20 min, jusqu’à 3 fois\/jour.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInhalation sèche\u003c\/strong\u003e : 1 goutte sur un mouchoir ou l’oreiller (éloigné du visage), à respirer quelques minutes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMassage (toujours dilué)\u003c\/strong\u003e : 1 goutte dans 5 ml d’huile végétale (≈ 1-2 % de dilution), à appliquer sur le haut du dos ou la poitrine, 1-2 fois\/j.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsage culinaire\u003c\/strong\u003e : uniquement si l’étiquetage du produit le permet. 1 goutte dans une tisane\/miel ou une préparation, \u003cstrong\u003emax 2 gouttes\/jour\u003c\/strong\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"font-size: 0.95em; color: #4a5568;\"\u003eAstuce : mariez-la avec 1 goutte d’\u003cem\u003eeucalyptus radié\u003c\/em\u003e en diffusion pour une ambiance plus fraîche.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePosologie \u0026amp; durée de vie du flacon\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRepère pratique\u003c\/strong\u003e : 10 ml ≈ 250 à 300 gouttes (selon le compte-gouttes).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn diffusion\u003c\/strong\u003e : 3-5 gouttes\/séance → un flacon couvre largement plusieurs semaines d’usage régulier.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn prise orale (si autorisée)\u003c\/strong\u003e : 1-2 gouttes\/jour → environ \u003cstrong\u003e125 à 150 jours\u003c\/strong\u003e pour un flacon de 10 ml.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eSynergies simples\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRavintsara + Eucalyptus radié\u003c\/strong\u003e (diffusion) : fraîcheur et sensation de nez dégagé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRavintsara + Niaouli\u003c\/strong\u003e (massage dilué) : rituel cocooning de la saison froide.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRavintsara + Tea tree\u003c\/strong\u003e (diffusion) : ambiance “air pur” à la maison.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePrécautions \u0026amp; contre-indications\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eRéservée à l’adulte et à l’enfant ≥ 6 ans. Déconseillée pendant la grossesse et l’allaitement.\u003c\/li\u003e\n\u003cli\u003eNe pas appliquer pure : \u003cstrong\u003ediluer\u003c\/strong\u003e dans une huile végétale (1-2 % visage \/ 2-3 % corps).\u003c\/li\u003e\n\u003cli\u003eÉviter le contact avec les yeux et les muqueuses. Tenir hors de portée des enfants.\u003c\/li\u003e\n\u003cli\u003ePersonnes asthmatiques\/épileptiques : demander un avis médical préalable.\u003c\/li\u003e\n\u003cli\u003eUsage oral \u003cem\u003euniquement\u003c\/em\u003e si l’étiquette l’autorise et dans le cadre d’une alimentation équilibrée. Ne pas dépasser les doses conseillées.\u003c\/li\u003e\n\u003cli\u003eTest cutané préalable (pli du coude, 24-48 h). En cas d’irritation, rincer avec une huile végétale.\u003c\/li\u003e\n\u003cli\u003eConserver à l’abri de la lumière\/chaud. Ne pas utiliser chez l’animal sans avis vétérinaire.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":55163953676665,"sku":"FM0155","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Huile-essentielle-de-Ravintsara-bio_10ml_florame.jpg?v=1760195071"},{"product_id":"complexe-bio-citrine-romarin-genevrier-et-figuier-30-ml-ansil","title":"Complexe bio Citrine, Romarin, Genévrier et Figuier - 30 ml - Ansil","description":"\u003cdiv class=\"an10-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"an10-hero\"\u003e\n \u003cdiv class=\"an10-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"an10-hero-content\"\u003e\n \u003cdiv class=\"an10-badges-top\"\u003e\n \u003cspan class=\"an10-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"an10-badge\"\u003e💎 Élixir de cristal\u003c\/span\u003e\n \u003cspan class=\"an10-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"an10-badge\"\u003e🍃 Cure 21 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"an10-hero-title\"\u003eComplexe bio Citrine, Romarin, Genévrier \u0026amp; Figuier\u003c\/span\u003e\n \u003cp class=\"an10-subtitle\"\u003eN°10 — Ansil Gemmo — 30 ml\u003c\/p\u003e\n \u003cp class=\"an10-description\"\u003eL'alliance unique de la gemmothérapie bio et de la lithothérapie pour un confort digestif profond et un équilibre émotionnel retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"an10-section\"\u003e\n \u003ch2\u003eComplexe bio n°10 Ansil : quand gemmothérapie et lithothérapie se rencontrent\u003c\/h2\u003e\n \u003cp class=\"an10-section-intro\"\u003eVous cherchez une \u003cstrong\u003esolution naturelle pour améliorer votre digestion\u003c\/strong\u003e tout en prenant soin de votre équilibre émotionnel ?\u003c\/p\u003e\n \u003cdiv class=\"an10-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003ecomplexe bio n°10 d'Ansil\u003c\/strong\u003e associe de manière originale trois bourgeons biologiques — romarin, genévrier et figuier — aux vibrations purifiantes de la \u003cstrong\u003ecitrine\u003c\/strong\u003e, une pierre reconnue en lithothérapie. Cette synergie entre élixir de cristal et macérats de bourgeons offre une approche globale du \u003cstrong\u003econfort digestif\u003c\/strong\u003e, bien au-delà d'une simple huile essentielle pour la digestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"an10-section\"\u003e\n \u003ch2\u003eLes bienfaits de chaque ingrédient\u003c\/h2\u003e\n \u003cdiv class=\"an10-grid\"\u003e\n \u003cdiv class=\"an10-card\"\u003e\n \u003ch3\u003e💎 Citrine\u003c\/h3\u003e\n \u003cp\u003ePierre solaire réputée pour purifier les énergies négatives et favoriser la clarté mentale. En lithothérapie, elle aide à dissiper les tensions émotionnelles qui perturbent souvent le système digestif. Son élixir potentialise l'ensemble du complexe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an10-card\"\u003e\n \u003ch3\u003e🌿 Bourgeon de romarin\u003c\/h3\u003e\n \u003cp\u003eVéritable allié du foie (\u003cem\u003eRosmarinus officinalis\u003c\/em\u003e), il soutient la fonction hépatique et facilite l'élimination des toxines. Il agit en profondeur sur la sphère hépatobiliaire pour un drainage complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an10-card\"\u003e\n \u003ch3\u003e🫐 Bourgeon de genévrier\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés diurétiques et dépuratives (\u003cem\u003eJuniperus communis\u003c\/em\u003e), il stimule le drainage rénal et aide à réduire les sensations de lourdeur après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an10-card\"\u003e\n \u003ch3\u003e🌳 Bourgeon de figuier\u003c\/h3\u003e\n \u003cp\u003eLe bourgeon du stress par excellence (\u003cem\u003eFicus carica\u003c\/em\u003e). Il apaise les répercussions nerveuses sur l'estomac et l'intestin, soulageant ballonnements, acidité et digestion difficile liée au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"an10-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"an10-accordion\"\u003e\n \u003cdetails class=\"an10-accordion-item\" open\u003e\n \u003csummary class=\"an10-accordion-header\"\u003e💎 Élixir de cristal\u003c\/summary\u003e\n \u003cdiv class=\"an10-accordion-content mt-3\"\u003e\n \u003cp\u003eEau purifiée, silice végétale (prêle, ortie, bambou, millet brun, renouée des oiseaux, pissenlit), glycérine végétale, oléorésine de vanille, alcool (16 % vol.), potentialisé par des cristaux de \u003cstrong\u003ecitrine\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"an10-accordion-item\"\u003e\n \u003csummary class=\"an10-accordion-header\"\u003e🌱 Bourgeons biologiques\u003c\/summary\u003e\n \u003cdiv class=\"an10-accordion-content mt-3\"\u003e\n \u003cp\u003eEau, glycérine végétale, alcool (19 %), bourgeon de romarin*, bourgeon de genévrier*, bourgeon de figuier*.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Issus de l'agriculture biologique, certifiés FR-BIO-01, sans congélation.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"an10-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"an10-timeline\"\u003e\n \u003cdiv class=\"an10-timeline-item\"\u003e\n \u003cdiv class=\"an10-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"an10-timeline-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e30 gouttes par jour\u003c\/strong\u003e, de préférence à 18 h, en sublingual pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an10-timeline-item\"\u003e\n \u003cdiv class=\"an10-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"an10-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 30 ml correspond à une \u003cstrong\u003ecure complète de 21 jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an10-timeline-item\"\u003e\n \u003cdiv class=\"an10-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"an10-timeline-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eAgitez avant chaque utilisation. Gardez le flacon à température ambiante, à l'abri de la lumière et des champs magnétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an10-tip\"\u003e\n \u003cspan class=\"an10-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e ce produit contient de l'alcool. Déconseillé aux enfants, aux femmes enceintes ou allaitantes et aux personnes sensibles à l'alcool. Respectez la dose journalière recommandée. Ce complément alimentaire ne remplace ni un régime alimentaire varié et équilibré, ni un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"an10-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir ce complexe plutôt qu'une huile essentielle pour la digestion ?\u003c\/h2\u003e\n \u003cp class=\"an10-section-intro\"\u003eBeaucoup se demandent \u003cstrong\u003equelle huile essentielle pour la digestion\u003c\/strong\u003e choisir en cas de ballonnements ou de lourdeurs. Voici pourquoi ce complexe va plus loin.\u003c\/p\u003e\n \u003cdiv class=\"an10-grid-compact\"\u003e\n \u003cdiv class=\"an10-card\"\u003e\n \u003ch3\u003e🔬 Action profonde\u003c\/h3\u003e\n \u003cp\u003eLes bourgeons apportent enzymes, hormones de croissance, vitamines et minéraux hautement biodisponibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an10-card\"\u003e\n \u003ch3\u003e✨ Dimension énergétique\u003c\/h3\u003e\n \u003cp\u003eL'élixir de citrine enrichit la formule d'une vibration purifiante unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an10-card\"\u003e\n \u003ch3\u003e🧘 Anti-stress digestif\u003c\/h3\u003e\n \u003cp\u003eLe bourgeon de figuier cible les troubles digestifs liés au stress et aux émotions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an10-card\"\u003e\n \u003ch3\u003e🌿 100 % bio \u0026amp; naturel\u003c\/h3\u003e\n \u003cp\u003eCertifié bio, conçu en France à Sanilhac, sans congélation des bourgeons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an10-cta-box\"\u003e\n \u003cp\u003e🌟 Digestion difficile, ballonnements ou troubles liés au stress ? Ce complexe bio est fait pour vous : une alternative naturelle et holistique pour retrouver \u003cstrong\u003elégèreté et sérénité\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"an10-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --an10-cream: #f7f5f0;\n --an10-white: #ffffff;\n --an10-primary: #2b4c8c;\n --an10-primary-dark: #1a3260;\n --an10-primary-light: #e8edf6;\n --an10-secondary: #6a994e;\n --an10-accent: #d4a843;\n --an10-text: #1a1a1a;\n --an10-text-light: #5a5a5a;\n --an10-border: #e0e0e0;\n --an10-shadow: 0 4px 24px rgba(0,0,0,.08);\n --an10-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --an10-radius: 20px;\n --an10-radius-sm: 12px;\n}\n\n.an10-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--an10-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.an10-hero {\n position: relative;\n background: linear-gradient(135deg, var(--an10-primary-dark) 0%, var(--an10-primary) 45%, #3d6b9e 100%);\n border-radius: var(--an10-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(--an10-shadow-lg);\n}\n\n.an10-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-circle,\n radial-gradient(circle at 20% 80%, rgba(212,168,67,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(106,153,78,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: .6;\n}\n\n.an10-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.an10-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.an10-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: .03em;\n text-transform: uppercase;\n}\n\n.an10-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.an10-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.an10-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(--an10-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.an10-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.an10-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.an10-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--an10-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.an10-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(--an10-accent), var(--an10-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.an10-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--an10-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.an10-highlight-box {\n background: var(--an10-white);\n border-radius: var(--an10-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--an10-shadow);\n border-left: 4px solid var(--an10-accent);\n}\n\n.an10-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--an10-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.an10-card {\n background: var(--an10-white);\n border-radius: var(--an10-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--an10-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.an10-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--an10-shadow-lg);\n border-color: var(--an10-primary);\n}\n\n.an10-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--an10-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.an10-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--an10-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.an10-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.an10-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.an10-grid-compact .an10-card {\n padding: 1rem;\n}\n\n.an10-grid-compact .an10-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.an10-grid-compact .an10-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.an10-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.an10-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.an10-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--an10-primary), var(--an10-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.an10-timeline-content {\n flex: 1;\n background: var(--an10-white);\n padding: 1rem 1.25rem;\n border-radius: var(--an10-radius-sm);\n box-shadow: var(--an10-shadow);\n}\n\n.an10-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--an10-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.an10-timeline-content p {\n font-size: 14px;\n color: var(--an10-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.an10-accordion {\n background: var(--an10-white);\n border-radius: var(--an10-radius);\n box-shadow: var(--an10-shadow);\n overflow: hidden;\n}\n\n.an10-accordion-item {\n border-bottom: 1px solid var(--an10-border);\n margin: 0;\n padding: 0;\n}\n\n.an10-accordion-item:last-child {\n border-bottom: none;\n}\n\n.an10-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--an10-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.an10-accordion-header:hover {\n background: var(--an10-primary-light);\n}\n\n.an10-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.an10-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--an10-primary);\n transition: transform .2s ease;\n}\n\n.an10-accordion-item[open] .an10-accordion-header::after {\n content: '−';\n}\n\n.an10-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--an10-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.an10-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.an10-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.an10-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--an10-primary-light);\n border-radius: var(--an10-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.an10-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.an10-tip p {\n font-size: 14px;\n color: var(--an10-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.an10-cta-box {\n background: linear-gradient(135deg, var(--an10-primary) 0%, var(--an10-primary-dark) 100%);\n border-radius: var(--an10-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.an10-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.an10-disclaimer {\n font-size: 12px;\n color: var(--an10-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .an10-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .an10-card {\n padding: 1.125rem;\n }\n\n .an10-section {\n margin-bottom: 1.75rem;\n }\n\n .an10-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--an10-radius-sm);\n }\n\n .an10-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .an10-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .an10-grid-compact {\n gap: .625rem;\n }\n\n .an10-grid-compact .an10-card {\n padding: .75rem;\n }\n\n .an10-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .an10-timeline-content {\n padding: .875rem 1rem;\n }\n\n .an10-timeline-content h3 {\n font-size: 14px;\n }\n\n .an10-timeline-content p {\n font-size: 13px;\n }\n\n .an10-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .an10-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .an10-highlight-box {\n padding: 1.25rem;\n }\n\n .an10-tip {\n padding: .875rem 1rem;\n }\n\n .an10-tip-icon {\n font-size: 20px;\n }\n\n .an10-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .an10-card {\n animation: an10FadeInUp .5s ease backwards;\n }\n .an10-card:nth-child(1) { animation-delay: .05s; }\n .an10-card:nth-child(2) { animation-delay: .1s; }\n .an10-card:nth-child(3) { animation-delay: .15s; }\n .an10-card:nth-child(4) { animation-delay: .2s; }\n .an10-card:nth-child(5) { animation-delay: .25s; }\n .an10-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes an10FadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .an10-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ANSIL","offers":[{"title":"Default Title","offer_id":55178675388793,"sku":"AL4011","price":23.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/complexe-bio-citrine-romarin-genevrier-et-figuier-30-ml-ansi-packshothd.webp?v=1774774190"},{"product_id":"complexe-bio-de-cristal-de-roche-ronce-sapin-et-chene-30-ml-ansil","title":"ANSIL Complexe bio n°2 de Cristal de roche, Ronce, Sapin et Chêne","description":"\u003cdiv class=\"an-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"an-hero\"\u003e\n \u003cdiv class=\"an-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"an-hero-content\"\u003e\n \u003cdiv class=\"an-badges-top\"\u003e\n \u003cspan class=\"an-badge\"\u003e🌿 Gemmothérapie bio\u003c\/span\u003e\n \u003cspan class=\"an-badge\"\u003e💎 Lithothérapie\u003c\/span\u003e\n \u003cspan class=\"an-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"an-badge\"\u003e🫙 Flacon 30 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"an-hero-title\"\u003eComplexe bio n°2 Ansil\u003c\/span\u003e\n \u003cp class=\"an-subtitle\"\u003eCristal de roche · Ronce · Sapin · Chêne\u003c\/p\u003e\n \u003cp class=\"an-description\"\u003eL'alliance exceptionnelle de la gemmothérapie et de la lithothérapie pour soutenir votre vitalité, renforcer vos défenses naturelles et harmoniser votre énergie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"an-section\"\u003e\n \u003ch2\u003eComplexe bio n°2 Ansil : l'alliance de la gemmothérapie et de la lithothérapie\u003c\/h2\u003e\n \u003cp class=\"an-section-intro\"\u003eLe \u003cstrong\u003eComplexe bio n°2 d'Ansil\u003c\/strong\u003e associe le pouvoir harmonisant du \u003cstrong\u003ecristal de roche\u003c\/strong\u003e à trois macérats de bourgeons frais issus de l'agriculture biologique : \u003cstrong\u003eronce, sapin et chêne\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp class=\"an-section-intro\"\u003eCette synergie originale entre \u003cstrong\u003egemmothérapie bio\u003c\/strong\u003e et lithothérapie a été conçue pour soutenir votre vitalité, renforcer vos défenses naturelles et accompagner votre bien-être au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"an-section\"\u003e\n \u003ch2\u003eBienfaits de chaque ingrédient actif\u003c\/h2\u003e\n \u003cdiv class=\"an-grid\"\u003e\n \u003cdiv class=\"an-card\"\u003e\n \u003ch3\u003e💎 Cristal de roche\u003c\/h3\u003e\n \u003cp\u003ePierre maîtresse en lithothérapie, le cristal de roche est réputé pour \u003cstrong\u003eamplifier l'énergie\u003c\/strong\u003e des autres actifs et favoriser l'équilibre énergétique global. Il potentialise ici l'action des bourgeons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an-card\"\u003e\n \u003ch3\u003e🌿 Bourgeon de ronce\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRubus fructicosus\u003c\/em\u003e — Très apprécié en gemmothérapie bio, le bourgeon de ronce soutient la \u003cstrong\u003esouplesse des tissus pulmonaires\u003c\/strong\u003e et contribue au confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an-card\"\u003e\n \u003ch3\u003e🌲 Bourgeon de sapin\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eAbies pectinata\u003c\/em\u003e — Riche en minéraux, il aide à \u003cstrong\u003efortifier la structure osseuse\u003c\/strong\u003e, à renforcer les dents et à stimuler les défenses immunitaires, notamment en période hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an-card\"\u003e\n \u003ch3\u003e🌳 Bourgeon de chêne\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eQuercus pedonculata\u003c\/em\u003e — Véritable tonique naturel, il \u003cstrong\u003eredonne de l'énergie\u003c\/strong\u003e en cas de fatigue physique ou mentale et soutient les fonctions surrénaliennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an-tip\"\u003e\n \u003cspan class=\"an-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eEnsemble, ces quatre actifs créent une \u003cstrong\u003esynergie complète\u003c\/strong\u003e qui agit à la fois sur la vitalité, les défenses naturelles et l'harmonie énergétique de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"an-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"an-timeline\"\u003e\n \u003cdiv class=\"an-timeline-item\"\u003e\n \u003cdiv class=\"an-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"an-timeline-content\"\u003e\n \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n \u003cp\u003e30 gouttes le matin à jeun, en prise sublinguale pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an-timeline-item\"\u003e\n \u003cdiv class=\"an-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"an-timeline-content\"\u003e\n \u003ch3\u003eBien agiter\u003c\/h3\u003e\n \u003cp\u003eBien agiter le flacon avant chaque utilisation pour homogénéiser les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an-timeline-item\"\u003e\n \u003cdiv class=\"an-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"an-timeline-content\"\u003e\n \u003ch3\u003ePause hebdomadaire\u003c\/h3\u003e\n \u003cp\u003eNe pas prendre le dimanche, afin de laisser l'organisme intégrer les actifs en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an-timeline-item\"\u003e\n \u003cdiv class=\"an-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"an-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 30 ml permet une cure de \u003cstrong\u003e21 jours\u003c\/strong\u003e complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an-tip\"\u003e\n \u003cspan class=\"an-tip-icon\"\u003e👨‍⚕️\u003c\/span\u003e\n \u003cp\u003eSi vous suivez déjà un traitement ou si vous avez un doute, n'hésitez pas à demander l'avis d'un professionnel de santé avant de commencer votre cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"an-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"an-accordion\"\u003e\n \u003cdetails class=\"an-accordion-item\" open\u003e\n \u003csummary class=\"an-accordion-header\"\u003e💎 Élixir de cristal\u003c\/summary\u003e\n \u003cdiv class=\"an-accordion-content mt-3\"\u003e\n \u003cp\u003eEau purifiée, silice végétale (prêle, ortie, bambou, millet brun, renouée des oiseaux, pissenlit), glycérine végétale, oléorésine de vanille, alcool 16 % vol. Potentialisé par des cristaux de roche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"an-accordion-item\"\u003e\n \u003csummary class=\"an-accordion-header\"\u003e🌿 Macérat de bourgeons\u003c\/summary\u003e\n \u003cdiv class=\"an-accordion-content mt-3\"\u003e\n \u003cp\u003eEau, glycérine végétale, alcool 19 %, bourgeons frais de ronce (\u003cem\u003eRubus fructicosus\u003c\/em\u003e), de sapin (\u003cem\u003eAbies pectinata\u003c\/em\u003e) et de chêne (\u003cem\u003eQuercus pedonculata\u003c\/em\u003e). Bourgeons frais, non congelés, certifiés \u003cstrong\u003eFR-BIO-01\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!-- SECTION 5 --\u003e\n \u003csection class=\"an-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complexe de gemmothérapie bio France ?\u003c\/h2\u003e\n \u003cdiv class=\"an-grid-compact\"\u003e\n \u003cdiv class=\"an-card\"\u003e\n \u003ch3\u003e🔬 Double approche\u003c\/h3\u003e\n \u003cp\u003eAlliance unique énergétique et végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an-card\"\u003e\n \u003ch3\u003e🌱 Bourgeons frais\u003c\/h3\u003e\n \u003cp\u003eRécoltés en France, sans congélation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an-card\"\u003e\n \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n \u003cp\u003eSans pesticides ni engrais chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an-card\"\u003e\n \u003ch3\u003e💎 Lithothérapie\u003c\/h3\u003e\n \u003cp\u003ePotentialisé au cristal de roche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"an-section-intro\"\u003eContrairement à un simple macérat mono-bourgeon ou à une gemmothérapie classique, ce complexe Ansil vous offre une \u003cstrong\u003edouble approche énergétique et végétale\u003c\/strong\u003e. Les bourgeons sont récoltés frais en France, préparés sans congélation pour préserver toute leur richesse en principes actifs. La certification bio garantit des matières premières cultivées sans pesticides ni engrais chimiques.\u003c\/p\u003e\n \u003cp class=\"an-section-intro\"\u003eQue vous connaissiez déjà la \u003cstrong\u003egemmothérapie bio\u003c\/strong\u003e à travers des marques comme Vitaflor ou Alma, ou que vous découvriez cette approche, le Complexe n°2 Ansil se distingue par son association unique avec la lithothérapie.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"an-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"an-accordion\"\u003e\n \u003cdetails class=\"an-accordion-item\"\u003e\n \u003csummary class=\"an-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"an-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à température ambiante, à l'abri de la lumière, de l'humidité et des sources magnétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"an-accordion-item\"\u003e\n \u003csummary class=\"an-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"an-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eContient de l'alcool :\u003c\/strong\u003e déconseillé aux enfants, aux femmes enceintes ou allaitantes et aux personnes sensibles à l'alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"an-accordion-item\"\u003e\n \u003csummary class=\"an-accordion-header\"\u003e📋 Recommandations\u003c\/summary\u003e\n \u003cdiv class=\"an-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire \u003cstrong\u003ene remplace pas\u003c\/strong\u003e un régime alimentaire varié et équilibré ni un suivi médical adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"an-disclaimer\"\u003eLes informations présentées ne se substituent pas à un avis médical. Consultez votre professionnel de santé pour toute question relative à votre bien-être.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --an-cream: #f7f5f0;\n --an-white: #ffffff;\n --an-primary: #3b5998;\n --an-primary-dark: #2a3f6f;\n --an-primary-light: #eef2fa;\n --an-secondary: #5a9e3f;\n --an-accent: #7b68c8;\n --an-text: #1a1a1a;\n --an-text-light: #5a5a5a;\n --an-border: #e0e0e0;\n --an-shadow: 0 4px 24px rgba(0,0,0,.08);\n --an-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --an-radius: 20px;\n --an-radius-sm: 12px;\n}\n\n.an-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--an-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.an-hero {\n position: relative;\n background: linear-gradient(135deg, #2a3f6f 0%, #3b5998 35%, #5a9e3f 75%, #4a8a32 100%);\n border-radius: var(--an-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(--an-shadow-lg);\n}\n\n.an-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 70% 30%, rgba(123,104,200,.15) 0%, transparent 40%),\n radial-gradient(circle at 50% 80%, rgba(90,158,63,.1) 0%, transparent 45%);\n opacity: 1;\n}\n\n.an-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.an-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.an-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: .05em;\n}\n\n.an-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.an-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.an-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(--an-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.an-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.an-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.an-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--an-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.an-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(--an-primary), var(--an-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.an-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--an-text-light);\n margin-bottom: 1rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.an-section-intro:last-child {\n margin-bottom: 0;\n}\n\n.an-section-intro strong {\n color: var(--an-text);\n}\n\n\/* === CARDS === *\/\n.an-card {\n background: var(--an-white);\n border-radius: var(--an-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--an-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.an-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--an-shadow-lg);\n border-color: var(--an-primary);\n}\n\n.an-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--an-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.an-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--an-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.an-card p strong {\n color: var(--an-text);\n}\n\n\/* === GRILLES === *\/\n.an-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.an-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.an-grid-compact .an-card {\n padding: 1rem;\n}\n\n.an-grid-compact .an-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.an-grid-compact .an-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.an-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.an-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.an-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--an-primary), var(--an-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.an-timeline-content {\n flex: 1;\n background: var(--an-white);\n padding: 1rem 1.25rem;\n border-radius: var(--an-radius-sm);\n box-shadow: var(--an-shadow);\n}\n\n.an-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--an-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.an-timeline-content p {\n font-size: 14px;\n color: var(--an-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.an-timeline-content p strong {\n color: var(--an-text);\n}\n\n\/* === ACCORDÉON === *\/\n.an-accordion {\n background: var(--an-white);\n border-radius: var(--an-radius);\n box-shadow: var(--an-shadow);\n overflow: hidden;\n}\n\n.an-accordion-item {\n border-bottom: 1px solid var(--an-border);\n margin: 0;\n padding: 0;\n}\n\n.an-accordion-item:last-child {\n border-bottom: none;\n}\n\n.an-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--an-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.an-accordion-header:hover {\n background: var(--an-primary-light);\n}\n\n.an-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.an-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--an-primary);\n transition: transform .2s ease;\n}\n\n.an-accordion-item[open] .an-accordion-header::after {\n content: '−';\n}\n\n.an-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--an-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.an-accordion-content p {\n margin: 0;\n}\n\n.an-accordion-content p strong {\n color: var(--an-text);\n}\n\n\/* === TIP BOX === *\/\n.an-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--an-primary-light);\n border-radius: var(--an-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.an-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.an-tip p {\n font-size: 14px;\n color: var(--an-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.an-tip p strong {\n color: var(--an-primary-dark);\n}\n\n\/* === DISCLAIMER === *\/\n.an-disclaimer {\n font-size: 12px;\n color: var(--an-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 .an-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .an-card {\n padding: 1.125rem;\n }\n\n .an-section {\n margin-bottom: 1.75rem;\n }\n\n .an-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--an-radius-sm);\n }\n\n .an-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .an-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .an-grid-compact {\n gap: .625rem;\n }\n\n .an-grid-compact .an-card {\n padding: .75rem;\n }\n\n .an-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .an-timeline-content {\n padding: .875rem 1rem;\n }\n\n .an-timeline-content h3 {\n font-size: 14px;\n }\n\n .an-timeline-content p {\n font-size: 13px;\n }\n\n .an-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .an-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .an-badges-top {\n gap: 6px;\n }\n\n .an-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .an-card {\n animation: anFadeInUp .5s ease backwards;\n }\n .an-card:nth-child(1) { animation-delay: .05s; }\n .an-card:nth-child(2) { animation-delay: .1s; }\n .an-card:nth-child(3) { animation-delay: .15s; }\n .an-card:nth-child(4) { animation-delay: .2s; }\n .an-card:nth-child(5) { animation-delay: .25s; }\n .an-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes anFadeInUp {\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 .an-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ANSIL","offers":[{"title":"Default Title","offer_id":55178687152505,"sku":"AL4002","price":23.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Complexe-bio-de-Cristal-de-roche_Ronce_SapinetChene-30ml.webp?v=1746449171"},{"product_id":"huile-essentielle-de-menthe-poivree-bio-10ml-florame","title":"Huile essentielle de Menthe poivrée bio – 10 ml – Florame","description":"\u003cp\u003eL’huile essentielle de \u003cstrong\u003eMenthe Poivrée bio\u003c\/strong\u003e de Florame est un produit d’exception : \u003cstrong\u003e100% pur, naturel et certifié biologique\u003c\/strong\u003e, issu d’une production équitable. Cultivée dans le Quercy (France) par la coopérative paysanne MENTA COOP, elle est obtenue par \u003cstrong\u003edistillation à la vapeur d’eau\u003c\/strong\u003e sous basse pression, afin de préserver toutes les molécules aromatiques de la plante. Reconnue pour ses propriétés \u003cstrong\u003edigestives\u003c\/strong\u003e, \u003cstrong\u003etonifiantes\u003c\/strong\u003e et \u003cstrong\u003erafraîchissantes\u003c\/strong\u003e, cette huile essentielle s’utilise aussi bien en cuisine qu’en aromathérapie.\u003c\/p\u003e\n\u003ch2\u003eComposition et propriétés\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile essentielle de Menthe Poivrée (Mentha x Piperita)\u003c\/strong\u003e : riche en \u003cem\u003ementhol\u003c\/em\u003e et \u003cem\u003ementhone\u003c\/em\u003e, deux composés aromatiques majeurs aux effets :\n\u003cul\u003e\n\u003cli\u003e\n\u003cem\u003eDigestifs :\u003c\/em\u003e aide à apaiser les nausées, stimule la digestion et soulage les inconforts digestifs légers.\u003c\/li\u003e\n\u003cli\u003e\n\u003cem\u003eRafraîchissants :\u003c\/em\u003e procure une sensation de fraîcheur immédiate.\u003c\/li\u003e\n\u003cli\u003e\n\u003cem\u003eTonifiants :\u003c\/em\u003e soutient la concentration, dynamise l’esprit et réduit la sensation de fatigue.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLabellisée \u003cstrong\u003eBio Équitable en France\u003c\/strong\u003e, cette huile illustre un engagement fort pour une agriculture biologique locale et un commerce plus juste.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsage alimentaire :\u003c\/strong\u003e incorporez \u003cstrong\u003e2 à 3 gouttes\u003c\/strong\u003e dans vos plats ou boissons pour une note fraîche et mentholée.\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser \u003cstrong\u003e3 gouttes\u003c\/strong\u003e par préparation.\u003c\/li\u003e\n\u003cli\u003eUn flacon de 10 ml permet plusieurs semaines d’utilisation régulière.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e Ne pas utiliser pur sur la peau. Déconseillé aux enfants de moins de 6 ans, aux femmes enceintes ou allaitantes. Tenir hors de portée des enfants et éviter le contact avec les yeux.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eFiche technique\u003c\/h2\u003e\n\u003cdiv style=\"overflow: auto; -webkit-overflow-scrolling: touch; max-width: 100%;\"\u003e\n\u003ctable style=\"width: 100%; min-width: 480px; border-collapse: collapse; border: 1px solid #e5e7eb; font-size: 15px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"padding: 10px 12px; text-align: left; white-space: nowrap; background: #f8fafc; color: #111827; border-right: 1px solid #e5e7eb; width: 230px;\" scope=\"row\"\u003eNom botanique\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; border-top: 1px solid #e5e7eb;\"\u003eMentha x Piperita\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background: #fafafa;\"\u003e\n\u003cth style=\"padding: 10px 12px; text-align: left; white-space: nowrap; color: #111827; border-right: 1px solid #e5e7eb;\" scope=\"row\"\u003ePartie utilisée\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; border-top: 1px solid #e5e7eb;\"\u003eParties aériennes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth style=\"padding: 10px 12px; text-align: left; white-space: nowrap; color: #111827; border-right: 1px solid #e5e7eb;\" scope=\"row\"\u003eProcédé d’extraction\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; border-top: 1px solid #e5e7eb;\"\u003eDistillation à la vapeur d’eau sous basse pression\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background: #fafafa;\"\u003e\n\u003cth style=\"padding: 10px 12px; text-align: left; white-space: nowrap; color: #111827; border-right: 1px solid #e5e7eb;\" scope=\"row\"\u003eCertification\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; border-top: 1px solid #e5e7eb;\"\u003eBio Équitable en France\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth style=\"padding: 10px 12px; text-align: left; white-space: nowrap; color: #111827; border-right: 1px solid #e5e7eb;\" scope=\"row\"\u003eOrigine\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; border-top: 1px solid #e5e7eb;\"\u003eQuercy, France\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePourquoi choisir l’huile essentielle de Menthe Poivrée Florame ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eQualité premium :\u003c\/strong\u003e pure, bio, équitable et distillée en France.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePolyvalente :\u003c\/strong\u003e idéale en cuisine ou pour le bien-être digestif et tonifiant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEngagée :\u003c\/strong\u003e soutien aux producteurs français et à l’agriculture paysanne bio.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication artisanale :\u003c\/strong\u003e distillation préservant toutes les propriétés naturelles.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":55178762649977,"sku":"FM0110","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-menthe-poivree-10ml-florame.jpg?v=1760194749"},{"product_id":"huile-essentielle-de-cypres-bio-5ml-florame","title":"Huile essentielle de Cyprès bio - 10 ml - Florame","description":"\u003cdiv class=\"cyp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cyp-hero\"\u003e\n\u003cdiv class=\"cyp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cyp-hero-content\"\u003e\n\u003cdiv class=\"cyp-badges-top\"\u003e\n\u003cspan class=\"cyp-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e \u003cspan class=\"cyp-badge\"\u003e🇫🇷 Fabriquée en Provence\u003c\/span\u003e \u003cspan class=\"cyp-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e \u003cspan class=\"cyp-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cyp-hero-title\"\u003eHuile essentielle de Cyprès bio\u003c\/span\u003e\n\u003cp class=\"cyp-subtitle\"\u003eFlorame - Cupressus sempervirens - 10 ml\u003c\/p\u003e\n\u003cp class=\"cyp-description\"\u003eToute la puissance aromatique du cyprès toujours vert de Méditerranée, distillée à Saint-Rémy-de-Provence pour une aromathérapie authentique et responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cyp-section\"\u003e\n\u003ch2\u003eHuile essentielle de Cyprès bio Florame - Le pouvoir du Cyprès toujours vert\u003c\/h2\u003e\n\u003cp class=\"cyp-section-intro\"\u003eObtenue par distillation à la vapeur d'eau des rameaux feuillés de \u003cem\u003eCupressus sempervirens\u003c\/em\u003e, cette huile essentielle chémotypée concentre toute la puissance aromatique de cet arbre majestueux du bassin méditerranéen.\u003c\/p\u003e\n\u003cdiv class=\"cyp-grid-compact\"\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🌱 100 % biologique\u003c\/h3\u003e\n\u003cp\u003eCertifiée AB et FR-BIO-01, issue de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🧪 Chémotypée\u003c\/h3\u003e\n\u003cp\u003eChaque lot analysé pour garantir la concentration en principes actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🏔️ Origine Provence\u003c\/h3\u003e\n\u003cp\u003eConditionnée à Saint-Rémy-de-Provence, savoir-faire français\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e💧 10 ml\u003c\/h3\u003e\n\u003cp\u003eFlacon en verre ambré pour une conservation optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cyp-section\"\u003e\n\u003ch2\u003eVertus et bienfaits de l'huile essentielle de Cyprès\u003c\/h2\u003e\n\u003cp class=\"cyp-section-intro\"\u003eRiche en \u003cstrong\u003ealpha-pinène\u003c\/strong\u003e et \u003cstrong\u003edelta-3-carène\u003c\/strong\u003e, l'huile essentielle de Cyprès offre un profil aromatique et fonctionnel remarquable.\u003c\/p\u003e\n\u003cdiv class=\"cyp-grid\"\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🦵 Décongestionnante veineuse et lymphatique\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement utilisée pour favoriser la circulation sanguine et soulager la sensation de jambes lourdes, notamment en période estivale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🫁 Expectorante et antitussive\u003c\/h3\u003e\n\u003cp\u003eEn diffusion ou en inhalation, elle aide à dégager les voies respiratoires lors des épisodes de toux sèche ou de gêne bronchique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e✨ Tonifiante et astringente\u003c\/h3\u003e\n\u003cp\u003eAppliquée diluée sur la peau, elle contribue à raffermir les tissus cutanés et à resserrer les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e💧 Régulatrice de la transpiration\u003c\/h3\u003e\n\u003cp\u003eUn atout précieux pour les personnes sujettes à une sudation excessive au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🌲 Purifiante en diffusion\u003c\/h3\u003e\n\u003cp\u003eSon parfum boisé et résineux assainit l'air ambiant tout en créant une atmosphère apaisante et équilibrante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cyp-section\"\u003e\n\u003ch2\u003eComment utiliser l'huile essentielle de Cyprès de Provence ?\u003c\/h2\u003e\n\u003cp class=\"cyp-section-intro\"\u003eUne huile polyvalente qui s'adapte à tous vos besoins en aromathérapie.\u003c\/p\u003e\n\u003cdiv class=\"cyp-timeline\"\u003e\n\u003cdiv class=\"cyp-timeline-item\"\u003e\n\u003cdiv class=\"cyp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cyp-timeline-content\"\u003e\n\u003ch3\u003e💆 En massage (circulation)\u003c\/h3\u003e\n\u003cp\u003eDiluez 3 à 5 gouttes dans une cuillère à soupe d'huile végétale (calophylle ou amande douce). Massez les jambes en remontant des chevilles vers les cuisses pour stimuler le retour veineux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-timeline-item\"\u003e\n\u003cdiv class=\"cyp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cyp-timeline-content\"\u003e\n\u003ch3\u003e🌬️ En diffusion\u003c\/h3\u003e\n\u003cp\u003eVersez 5 à 8 gouttes dans votre diffuseur ultrasonique pendant 20 minutes. Idéal pour purifier l'atmosphère et faciliter la respiration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-timeline-item\"\u003e\n\u003cdiv class=\"cyp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cyp-timeline-content\"\u003e\n\u003ch3\u003e👃 En inhalation sèche\u003c\/h3\u003e\n\u003cp\u003eDéposez 1 à 2 gouttes sur un mouchoir et respirez profondément en cas de toux ou d'encombrement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-timeline-item\"\u003e\n\u003cdiv class=\"cyp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cyp-timeline-content\"\u003e\n\u003ch3\u003e🍽️ En usage alimentaire\u003c\/h3\u003e\n\u003cp\u003e1 goutte maximum par jour dans une préparation culinaire ou une boisson, pour une note boisée et résineuse subtile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cyp-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"cyp-composition-box\"\u003e\n\u003cdiv class=\"cyp-composition-main\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédient INCI :\u003c\/strong\u003e Cupressus sempervirens oil*\u003c\/p\u003e\n\u003cp class=\"cyp-composition-note\"\u003e*Issu de l'agriculture biologique et du commerce équitable - Certifié FR-BIO-01 - Origine : Tunisie (coopérative GDA EL BARAKA).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-grid-compact\"\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🌿 Partie distillée\u003c\/h3\u003e\n\u003cp\u003eRameaux feuillés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e♨️ Extraction\u003c\/h3\u003e\n\u003cp\u003eDistillation à la vapeur d'eau sous basse pression\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🔬 Chémotype\u003c\/h3\u003e\n\u003cp\u003eAlpha-pinène, delta-3-carène\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n\u003cp\u003eTunisie - commerce équitable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cyp-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'huile essentielle de Cyprès Florame ?\u003c\/h2\u003e\n\u003cdiv class=\"cyp-grid\"\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🌱 100 % pure, naturelle et biologique\u003c\/h3\u003e\n\u003cp\u003eSans ajout de solvant ni de composé synthétique. Une huile d'une pureté irréprochable pour votre bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🧪 Huile chémotypée\u003c\/h3\u003e\n\u003cp\u003eChaque lot est analysé pour garantir la concentration en principes actifs et une qualité constante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🤝 Engagement équitable\u003c\/h3\u003e\n\u003cp\u003eVotre achat soutient directement les producteurs paysans tunisiens via le Symbole des Producteurs Paysans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication provençale\u003c\/h3\u003e\n\u003cp\u003eConditionnée à Saint-Rémy-de-Provence, gage de traçabilité et de savoir-faire français d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cyp-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cyp-accordion\"\u003e\n\u003cdetails open=\"\" class=\"cyp-accordion-item\"\u003e\n\u003csummary class=\"cyp-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"cyp-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux femmes enceintes ou allaitantes, aux enfants de moins de 6 ans et aux personnes souffrant de pathologies hormono-dépendantes (effet œstrogène-like).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cyp-accordion-item\"\u003e\n\u003csummary class=\"cyp-accordion-header\"\u003e💧 Dosage et application\u003c\/summary\u003e\n\u003cdiv class=\"cyp-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas appliquer pure sur la peau. Respecter le dosage d'\u003cstrong\u003eune goutte par jour maximum\u003c\/strong\u003e en usage alimentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cyp-accordion-item\"\u003e\n\u003csummary class=\"cyp-accordion-header\"\u003e👨⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"cyp-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de doute, demandez toujours l'avis d'un professionnel de santé. Ce produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cyp-disclaimer\"\u003eLes huiles essentielles sont des actifs puissants. Respectez les dosages recommandés et conservez hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cyp-cream: #f7f5f0;\n --cyp-white: #ffffff;\n --cyp-primary: #6b7f5e;\n --cyp-primary-dark: #3d4f33;\n --cyp-primary-light: #e8eddf;\n --cyp-secondary: #8fa67a;\n --cyp-accent: #c4a95a;\n --cyp-text: #1a1a1a;\n --cyp-text-light: #5a5a5a;\n --cyp-border: #ddd8ce;\n --cyp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cyp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cyp-radius: 20px;\n --cyp-radius-sm: 12px;\n}\n\n.cyp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cyp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cyp-hero {\n position: relative;\n background: linear-gradient(135deg, #3d4f33 0%, #6b7f5e 50%, #8fa67a 100%);\n border-radius: var(--cyp-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(--cyp-shadow-lg);\n}\n\n.cyp-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(196,169,90,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.cyp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cyp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cyp-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(--cyp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cyp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cyp-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.cyp-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.cyp-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.cyp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cyp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cyp-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.cyp-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(--cyp-primary), var(--cyp-accent));\n border-radius: 2px;\n}\n\n.cyp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cyp-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.cyp-card {\n background: var(--cyp-white);\n border-radius: var(--cyp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cyp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cyp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cyp-shadow-lg);\n border-color: var(--cyp-primary);\n}\n\n.cyp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cyp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cyp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cyp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cyp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cyp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cyp-grid-compact .cyp-card {\n padding: 1rem;\n}\n\n.cyp-grid-compact .cyp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cyp-grid-compact .cyp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cyp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cyp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cyp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cyp-primary), var(--cyp-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.cyp-timeline-content {\n flex: 1;\n background: var(--cyp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cyp-radius-sm);\n box-shadow: var(--cyp-shadow);\n}\n\n.cyp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cyp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cyp-timeline-content p {\n font-size: 14px;\n color: var(--cyp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.cyp-composition-box {\n background: var(--cyp-white);\n border-radius: var(--cyp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cyp-shadow);\n}\n\n.cyp-composition-main {\n text-align: center;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 1px solid var(--cyp-border);\n}\n\n.cyp-composition-main p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cyp-text);\n margin: 0 0 .5rem 0;\n}\n\n.cyp-composition-note {\n font-size: clamp(12px, 2vw, 14px) !important;\n color: var(--cyp-text-light) !important;\n font-style: italic;\n}\n\n.cyp-composition-box .cyp-grid-compact {\n margin-top: 0;\n}\n\n.cyp-composition-box .cyp-card {\n background: var(--cyp-primary-light);\n box-shadow: none;\n border: 1px solid var(--cyp-border);\n}\n\n.cyp-composition-box .cyp-card:hover {\n border-color: var(--cyp-primary);\n transform: translateY(-3px);\n box-shadow: var(--cyp-shadow);\n}\n\n\/* === ACCORDION === *\/\n.cyp-accordion {\n background: var(--cyp-white);\n border-radius: var(--cyp-radius);\n box-shadow: var(--cyp-shadow);\n overflow: hidden;\n}\n\n.cyp-accordion-item {\n border-bottom: 1px solid var(--cyp-border);\n margin: 0;\n padding: 0;\n}\n\n.cyp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cyp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cyp-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.cyp-accordion-header:hover {\n background: var(--cyp-primary-light);\n}\n\n.cyp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cyp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cyp-primary);\n transition: transform .2s ease;\n}\n\n.cyp-accordion-item[open] .cyp-accordion-header::after {\n content: '−';\n}\n\n.cyp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cyp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cyp-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cyp-disclaimer {\n font-size: 12px;\n color: var(--cyp-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 .cyp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cyp-card {\n padding: 1.125rem;\n }\n\n .cyp-section {\n margin-bottom: 1.75rem;\n }\n\n .cyp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cyp-radius-sm);\n }\n\n .cyp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cyp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cyp-grid-compact {\n gap: .625rem;\n }\n\n .cyp-grid-compact .cyp-card {\n padding: .75rem;\n }\n\n .cyp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cyp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cyp-timeline-content h3 {\n font-size: 14px;\n }\n\n .cyp-timeline-content p {\n font-size: 13px;\n }\n\n .cyp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cyp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cyp-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cyp-card {\n animation: cypFadeInUp .5s ease backwards;\n }\n .cyp-card:nth-child(1) { animation-delay: .05s; }\n .cyp-card:nth-child(2) { animation-delay: .1s; }\n .cyp-card:nth-child(3) { animation-delay: .15s; }\n .cyp-card:nth-child(4) { animation-delay: .2s; }\n .cyp-card:nth-child(5) { animation-delay: .25s; }\n .cyp-card:nth-child(6) { animation-delay: .3s; }\n\n .cyp-timeline-item {\n animation: cypFadeInUp .5s ease backwards;\n }\n .cyp-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cyp-timeline-item:nth-child(2) { animation-delay: .1s; }\n .cyp-timeline-item:nth-child(3) { animation-delay: .15s; }\n .cyp-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes cypFadeInUp {\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 .cyp-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":55180597985657,"sku":"FM0025","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-cypres-bio-10-ml-florame-lifestyle.webp?v=1775116198"},{"product_id":"complexe-bio-magnetique-ronce-cassis-et-romarin-30-ml-ansil","title":"Complexe bio Magnétique, Ronce, Cassis et Romarin - 30 ml - Ansil","description":"\u003cdiv class=\"an12-premium\"\u003e\n\n \u003cdiv class=\"an12-hero\"\u003e\n \u003cdiv class=\"an12-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"an12-hero-content\"\u003e\n \u003cdiv class=\"an12-badges-top\"\u003e\n \u003cspan class=\"an12-badge\"\u003e🌿 100 % biologique\u003c\/span\u003e\n \u003cspan class=\"an12-badge\"\u003e💎 Gemmothérapie \u0026amp; lithothérapie\u003c\/span\u003e\n \u003cspan class=\"an12-badge\"\u003e🇫🇷 Fabrication artisanale française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"an12-hero-title\"\u003eComplexe bio n°12 Magnétite, Ronce, Cassis \u0026amp; Romarin\u003c\/span\u003e\n \u003cp class=\"an12-subtitle\"\u003eAnsil — Élixir Cristal-Bourgeons · 30 ml\u003c\/p\u003e\n \u003cp class=\"an12-description\"\u003eLa puissance synergique de trois bourgeons bio potentialisés par un élixir de cristal de Magnétite pour soutenir votre vitalité, renforcer vos défenses et rééquilibrer vos énergies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"an12-section\"\u003e\n \u003ch2\u003eComplexe bio n°12 Ansil : synergie Magnétite, Ronce, Cassis et Romarin\u003c\/h2\u003e\n \u003cp class=\"an12-section-intro\"\u003eVous cherchez une approche naturelle pour \u003cstrong\u003esoutenir votre vitalité\u003c\/strong\u003e et renforcer vos défenses ? Le \u003cstrong\u003eComplexe bio n°12 d'Ansil\u003c\/strong\u003e associe la puissance de la gemmothérapie à l'énergie subtile de la lithothérapie.\u003c\/p\u003e\n \u003cp class=\"an12-section-intro\"\u003eCette formule originale réunit trois macérats de bourgeons biologiques — Ronce, Cassis et Romarin — potentialisés par un \u003cstrong\u003eélixir de cristal de Magnétite\u003c\/strong\u003e, une pierre dont le \u003cstrong\u003emoment magnétique complexe\u003c\/strong\u003e est reconnu en lithothérapie pour ses propriétés d'ancrage et de protection énergétique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"an12-section\"\u003e\n \u003ch2\u003eLes bienfaits des ingrédients clés\u003c\/h2\u003e\n \u003cdiv class=\"an12-grid\"\u003e\n \u003cdiv class=\"an12-card\"\u003e\n \u003ch3\u003e🌿 Bourgeons de Ronce\u003c\/h3\u003e\n \u003cp class=\"an12-card-latin\"\u003eRubus fructicosus\u003c\/p\u003e\n \u003cp\u003eRiches en flavonoïdes et polyphénols, ils offrent une action antioxydante remarquable. En gemmothérapie, la ronce est traditionnellement utilisée pour protéger les cellules du stress oxydatif et soutenir le système ostéo-articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an12-card\"\u003e\n \u003ch3\u003e🫐 Bourgeons de Cassis\u003c\/h3\u003e\n \u003cp class=\"an12-card-latin\"\u003eRibes nigrum\u003c\/p\u003e\n \u003cp\u003eVéritable adaptogène végétal, le cassis est le bourgeon star de la gemmothérapie. Sa richesse en vitamine C contribue à stimuler les défenses immunitaires, réduire la fatigue et aider l'organisme à s'adapter aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an12-card\"\u003e\n \u003ch3\u003e🌱 Bourgeons de Romarin\u003c\/h3\u003e\n \u003cp class=\"an12-card-latin\"\u003eRosmarinus officinalis\u003c\/p\u003e\n \u003cp\u003eReconnus pour leurs propriétés toniques et hépatoprotectrices, ils favorisent la détoxification du foie tout en apportant un soutien antioxydant précieux pour préserver la jeunesse cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an12-card an12-card-highlight\"\u003e\n \u003ch3\u003e💎 Élixir de Magnétite\u003c\/h3\u003e\n \u003cp class=\"an12-card-latin\"\u003ePierre naturellement magnétique\u003c\/p\u003e\n \u003cp\u003eLa Magnétite possède une \u003cstrong\u003eperméabilité magnétique complexe\u003c\/strong\u003e unique. En lithothérapie, elle est réputée pour rééquilibrer les énergies du corps et amplifier les bienfaits des plantes auxquelles elle est associée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"an12-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"an12-accordion\"\u003e\n \u003cdetails class=\"an12-accordion-item\" open\u003e\n \u003csummary class=\"an12-accordion-header\"\u003e💎 Élixir de cristal\u003c\/summary\u003e\n \u003cdiv class=\"an12-accordion-content mt-3\"\u003e\n \u003cp\u003eEau purifiée, silice végétale (prêle, ortie, bambou, millet brun, renouée des oiseaux, pissenlit), glycérine végétale, oléorésine de vanille, alcool 16% vol, potentialisé par des cristaux de Magnétite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"an12-accordion-item\"\u003e\n \u003csummary class=\"an12-accordion-header\"\u003e🌿 Macérats de bourgeons\u003c\/summary\u003e\n \u003cdiv class=\"an12-accordion-content mt-3\"\u003e\n \u003cp\u003eEau, glycérine végétale, alcool 19%, bourgeons de ronce, cassis et romarin issus de l'agriculture biologique (certifié FR-BIO-01).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"an12-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"an12-timeline\"\u003e\n \u003cdiv class=\"an12-timeline-item\"\u003e\n \u003cdiv class=\"an12-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"an12-timeline-content\"\u003e\n \u003ch3\u003eBien agiter le flacon\u003c\/h3\u003e\n \u003cp\u003eAvant chaque prise, agitez vigoureusement pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an12-timeline-item\"\u003e\n \u003cdiv class=\"an12-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"an12-timeline-content\"\u003e\n \u003ch3\u003e30 gouttes par jour en sublingual\u003c\/h3\u003e\n \u003cp\u003eDéposez les gouttes sous la langue, de préférence vers 18h, pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an12-timeline-item\"\u003e\n \u003cdiv class=\"an12-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"an12-timeline-content\"\u003e\n \u003ch3\u003e6 jours sur 7\u003c\/h3\u003e\n \u003cp\u003eObservez une pause le dimanche pour laisser l'organisme intégrer les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an12-timeline-item\"\u003e\n \u003cdiv class=\"an12-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"an12-timeline-content\"\u003e\n \u003ch3\u003eCure de 21 jours\u003c\/h3\u003e\n \u003cp\u003eUn flacon de 30 ml correspond à une cure complète. Renouvelez après une semaine de pause si besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an12-tip\"\u003e\n \u003cspan class=\"an12-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical en cours, demandez conseil à votre professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"an12-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complexe Ansil n°12 ?\u003c\/h2\u003e\n \u003cdiv class=\"an12-grid-compact\"\u003e\n \u003cdiv class=\"an12-card\"\u003e\n \u003ch3\u003e🌾 Formule 100 % biologique\u003c\/h3\u003e\n \u003cp\u003eDes bourgeons récoltés dans le respect de l'agriculture biologique certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an12-card\"\u003e\n \u003ch3\u003e💎 Double approche\u003c\/h3\u003e\n \u003cp\u003eSynergie gemmothérapie et lithothérapie — une alliance végétale et minérale rare sur le marché.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an12-card\"\u003e\n \u003ch3\u003e🧴 Sans synthétiques\u003c\/h3\u003e\n \u003cp\u003eComposition transparente, naturelle et respectueuse de votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an12-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication artisanale\u003c\/h3\u003e\n \u003cp\u003eÉlaboré par Ansil à Sanilhac (Gard), dans un savoir-faire reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"an12-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complexe ?\u003c\/h2\u003e\n \u003cdiv class=\"an12-cta-box\"\u003e\n \u003cp\u003eCe complexe conviendra particulièrement aux personnes souhaitant \u003cstrong\u003erenforcer leur immunité\u003c\/strong\u003e à l'approche de l'hiver, retrouver de l'énergie en période de fatigue passagère ou simplement intégrer une routine de bien-être holistique à leur quotidien.\u003c\/p\u003e\n \u003cp style=\"margin-top:1rem;\"\u003eSon association unique entre bourgeons et élixir de cristal en fait un allié précieux pour celles et ceux qui cherchent un soutien à la fois \u003cstrong\u003ephysique et énergétique\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"an12-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. Tenir hors de portée des enfants. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --an12-cream: #f5f3ee;\n --an12-white: #ffffff;\n --an12-primary: #2e6b4f;\n --an12-primary-dark: #1b4332;\n --an12-primary-light: #e8f3ed;\n --an12-secondary: #3a5ba0;\n --an12-accent: #c9a96e;\n --an12-text: #1a1a1a;\n --an12-text-light: #5a5a5a;\n --an12-border: #ddd9d0;\n --an12-shadow: 0 4px 24px rgba(0,0,0,.08);\n --an12-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --an12-radius: 20px;\n --an12-radius-sm: 12px;\n}\n\n.an12-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--an12-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.an12-hero {\n position: relative;\n background: linear-gradient(135deg, var(--an12-primary-dark) 0%, var(--an12-primary) 45%, var(--an12-secondary) 100%);\n border-radius: var(--an12-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(--an12-shadow-lg);\n}\n\n.an12-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-circle, radial-gradient(circle at 20% 80%, rgba(201,169,110,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(58,91,160,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: .6;\n}\n\n.an12-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.an12-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.an12-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.an12-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.an12-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.an12-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(--an12-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.an12-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.an12-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.an12-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--an12-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.an12-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(--an12-primary), var(--an12-secondary));\n border-radius: 2px;\n}\n\n.an12-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--an12-text-light);\n margin-bottom: 1rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.an12-section-intro strong {\n color: var(--an12-primary-dark);\n}\n\n\/* === CARDS === *\/\n.an12-card {\n background: var(--an12-white);\n border-radius: var(--an12-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--an12-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.an12-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--an12-shadow-lg);\n border-color: var(--an12-primary);\n}\n\n.an12-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--an12-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.an12-card-latin {\n font-size: 12px;\n color: var(--an12-accent);\n font-style: italic;\n font-weight: 600;\n margin: 0 0 .5rem 0;\n}\n\n.an12-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--an12-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.an12-card-highlight {\n background: linear-gradient(135deg, var(--an12-primary-light) 0%, rgba(58,91,160,.08) 100%);\n border: 2px solid rgba(46,107,79,.15);\n}\n\n.an12-card-highlight:hover {\n border-color: var(--an12-secondary);\n}\n\n\/* === GRILLES === *\/\n.an12-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.an12-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.an12-grid-compact .an12-card {\n padding: 1rem;\n}\n\n.an12-grid-compact .an12-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.an12-grid-compact .an12-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.an12-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.an12-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.an12-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--an12-primary), var(--an12-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.an12-timeline-content {\n flex: 1;\n background: var(--an12-white);\n padding: 1rem 1.25rem;\n border-radius: var(--an12-radius-sm);\n box-shadow: var(--an12-shadow);\n}\n\n.an12-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--an12-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.an12-timeline-content p {\n font-size: 14px;\n color: var(--an12-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.an12-accordion {\n background: var(--an12-white);\n border-radius: var(--an12-radius);\n box-shadow: var(--an12-shadow);\n overflow: hidden;\n}\n\n.an12-accordion-item {\n border-bottom: 1px solid var(--an12-border);\n margin: 0;\n padding: 0;\n}\n\n.an12-accordion-item:last-child {\n border-bottom: none;\n}\n\n.an12-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--an12-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.an12-accordion-header:hover {\n background: var(--an12-primary-light);\n}\n\n.an12-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.an12-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--an12-primary);\n transition: transform .2s ease;\n}\n\n.an12-accordion-item[open] .an12-accordion-header::after {\n content: '−';\n}\n\n.an12-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--an12-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.an12-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP === *\/\n.an12-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--an12-primary-light);\n border-radius: var(--an12-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.an12-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.an12-tip p {\n font-size: 14px;\n color: var(--an12-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.an12-cta-box {\n background: linear-gradient(135deg, var(--an12-primary) 0%, var(--an12-primary-dark) 100%);\n border-radius: var(--an12-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.an12-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.an12-disclaimer {\n font-size: 12px;\n color: var(--an12-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 .an12-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .an12-card {\n padding: 1.125rem;\n }\n\n .an12-section {\n margin-bottom: 1.75rem;\n }\n\n .an12-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--an12-radius-sm);\n }\n\n .an12-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .an12-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .an12-grid-compact {\n gap: .625rem;\n }\n\n .an12-grid-compact .an12-card {\n padding: .75rem;\n }\n\n .an12-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .an12-timeline-content {\n padding: .875rem 1rem;\n }\n\n .an12-timeline-content h3 {\n font-size: 14px;\n }\n\n .an12-timeline-content p {\n font-size: 13px;\n }\n\n .an12-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .an12-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .an12-testimonial {\n padding: 1.25rem;\n }\n\n .an12-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .an12-card {\n animation: an12FadeInUp .5s ease backwards;\n }\n .an12-card:nth-child(1) { animation-delay: .05s; }\n .an12-card:nth-child(2) { animation-delay: .1s; }\n .an12-card:nth-child(3) { animation-delay: .15s; }\n .an12-card:nth-child(4) { animation-delay: .2s; }\n .an12-card:nth-child(5) { animation-delay: .25s; }\n .an12-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes an12FadeInUp {\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 .an12-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ANSIL","offers":[{"title":"Default Title","offer_id":55180719489401,"sku":"AL4013","price":23.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/complexe-bio-magnetique-ronce-cassis-et-romarin-30-ml-ansil-packshothd.webp?v=1773489774"},{"product_id":"zeolite-elixir-de-cristal-30-ml-ansil","title":"Zéolite (élixir de cristal) - 30 ml - Ansil","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Élixir de cristal à la Zéolite Ansil\nPalette détectée:\n - Primaire: #5B7BB3 (bleu azur de la fleur de vie\/mandala)\n - Secondaire: #9B6B9E (violet\/mauve du profil féminin)\n - Accent: #F7A855 (orange\/pêche du dégradé étiquette et centre mandala)\nAmbiance: Spirituel, énergétique, bien-être holistique, lithothérapie, féminin doux\nPréfixe CSS: zeo\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Qu'est-ce que la zéolite et pourquoi l'utiliser en élixir ?\"\n 2. \"Les bienfaits de l'élixir de zéolite Ansil\"\n 3. \"Composition détaillée de l'élixir\"\n 4. \"Comment utiliser l'élixir de zéolite ?\"\n 5. \"Questions fréquentes sur la zéolite\"\n 6. \"Pourquoi choisir l'élixir Ansil ?\"\n 7. \"À qui s'adresse cet élixir ?\"\n 8. \"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=\"zeo-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"zeo-hero\"\u003e\n \u003cdiv class=\"zeo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"zeo-hero-content\"\u003e\n \u003cdiv class=\"zeo-badges-top\"\u003e\n \u003cspan class=\"zeo-badge\"\u003e🔮 Lithothérapie\u003c\/span\u003e\n \u003cspan class=\"zeo-badge\"\u003e🌿 Silice végétale\u003c\/span\u003e\n \u003cspan class=\"zeo-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"zeo-hero-title\"\u003eÉlixir de Cristal Zéolite\u003c\/span\u003e\n \u003cp class=\"zeo-subtitle\"\u003eAnsil • 30 ml\u003c\/p\u003e\n \u003cp class=\"zeo-description\"\u003eRetrouvez équilibre et sérénité grâce aux propriétés vibratoires de la zéolite, combinées à un complexe de 6 plantes riches en silice naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"zeo-section\"\u003e\n \u003ch2\u003eQu'est-ce que la zéolite et pourquoi l'utiliser en élixir ?\u003c\/h2\u003e\n \u003cp class=\"zeo-section-intro\"\u003eUn minéral volcanique millénaire aux propriétés énergétiques exceptionnelles\u003c\/p\u003e\n \u003cdiv class=\"zeo-grid\"\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e🌋 Origine volcanique\u003c\/h3\u003e\n \u003cp\u003eMinéral microporeux formé par la rencontre de la lave avec l'eau de mer il y a des millions d'années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e🔬 Structure unique\u003c\/h3\u003e\n \u003cp\u003eLa zéolite clinoptilolite possède une structure cristalline en cage qui capte et retient certaines molécules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e✨ Purification énergétique\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement associée à la purification énergétique et à la stabilisation émotionnelle en lithothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-tip\"\u003e\n \u003cspan class=\"zeo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement aux compléments alimentaires en poudre, cet élixir agit sur le plan énergétique et vibratoire plutôt que biochimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"zeo-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'élixir de zéolite Ansil\u003c\/h2\u003e\n \u003cp class=\"zeo-section-intro\"\u003eUn accompagnement quotidien vers l'harmonie intérieure\u003c\/p\u003e\n \u003cdiv class=\"zeo-grid\"\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e⚓ Stabilisation émotionnelle\u003c\/h3\u003e\n \u003cp\u003eCalme les tempêtes intérieures et renforce le sentiment d'ancrage, particulièrement lors des périodes de stress ou de changement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e🧹 Purification énergétique\u003c\/h3\u003e\n \u003cp\u003eTel un filtre naturel, contribue à dissiper les énergies stagnantes qui peuvent alourdir votre quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e🔄 Circulation énergétique\u003c\/h3\u003e\n \u003cp\u003eInspirée de l'Ayurveda et de la médecine chinoise, favorise une meilleure circulation dans les méridiens et chakras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e🧘 Apaisement du mental\u003c\/h3\u003e\n \u003cp\u003eEffet apaisant sur les pensées répétitives, favorisant un état de calme intérieur et de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"zeo-section\"\u003e\n \u003ch2\u003eComposition détaillée de l'élixir\u003c\/h2\u003e\n \u003cp class=\"zeo-section-intro\"\u003eUne synergie unique entre lithothérapie et phytothérapie\u003c\/p\u003e\n \u003cdiv class=\"zeo-grid\"\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e💎 Cristaux de zéolite\u003c\/h3\u003e\n \u003cp\u003ePierre maîtresse sélectionnée pour sa pureté et sa qualité vibratoire optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e🌱 Silice végétale\u003c\/h3\u003e\n \u003cp\u003eComplexe de 6 plantes : prêle, ortie, bambou, millet brun, renouée des oiseaux, pissenlit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e🍃 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eAssure la stabilité de la préparation et facilite l'absorption sublinguale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e🍦 Oléorésine de vanille\u003c\/h3\u003e\n \u003cp\u003eNote douce et réconfortante qui soutient l'équilibre émotionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eBase neutre qui préserve l'intégrité des propriétés énergétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e🍷 Alcool 14% vol.\u003c\/h3\u003e\n \u003cp\u003eConservation naturelle de l'élixir sans ajout de conservateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-accordion\"\u003e\n \u003cdetails class=\"zeo-accordion-item\"\u003e\n \u003csummary class=\"zeo-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"zeo-accordion-content\"\u003e\n \u003cp\u003eEau purifiée, silice végétale (prêle, ortie, bambou, millet brun, renouée des oiseaux, pissenlit), glycérine végétale, oléorésine de vanille, alcool 14% vol. Potentialisé par des cristaux de Zéolite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"zeo-section\"\u003e\n \u003ch2\u003eComment utiliser l'élixir de zéolite ?\u003c\/h2\u003e\n \u003cp class=\"zeo-section-intro\"\u003eUn protocole simple pour un rééquilibrage progressif et durable\u003c\/p\u003e\n \u003cdiv class=\"zeo-timeline\"\u003e\n \u003cdiv class=\"zeo-timeline-item\"\u003e\n \u003cdiv class=\"zeo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"zeo-timeline-content\"\u003e\n \u003ch3\u003eSecouez le flacon\u003c\/h3\u003e\n \u003cp\u003eAgitez avant chaque utilisation pour réactiver les propriétés vibratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-timeline-item\"\u003e\n \u003cdiv class=\"zeo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"zeo-timeline-content\"\u003e\n \u003ch3\u003eDosez 30 gouttes\u003c\/h3\u003e\n \u003cp\u003eUtilisez le compte-gouttes pour une mesure précise et hygiénique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-timeline-item\"\u003e\n \u003cdiv class=\"zeo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"zeo-timeline-content\"\u003e\n \u003ch3\u003eDéposez sous la langue\u003c\/h3\u003e\n \u003cp\u003eAdministration sublinguale pour une absorption optimale par les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-timeline-item\"\u003e\n \u003cdiv class=\"zeo-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"zeo-timeline-content\"\u003e\n \u003ch3\u003eVers 18h, tous les jours\u003c\/h3\u003e\n \u003cp\u003eMoment idéal pour la transition journée\/soir. Pause le dimanche pour les cycles naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-tip\"\u003e\n \u003cspan class=\"zeo-tip-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cp\u003eUn flacon de 30 ml vous accompagne pendant plusieurs semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"zeo-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur la zéolite\u003c\/h2\u003e\n \u003cdiv class=\"zeo-accordion\"\u003e\n \u003cdetails class=\"zeo-accordion-item\"\u003e\n \u003csummary class=\"zeo-accordion-header\"\u003e⚠️ La zéolite présente-t-elle un danger ?\u003c\/summary\u003e\n \u003cdiv class=\"zeo-accordion-content\"\u003e\n \u003cp\u003eIl est important de distinguer les usages. La zéolite industrielle pour piscine n'est pas destinée à un usage corporel. L'élixir Ansil utilise une zéolite sélectionnée pour ses qualités vibratoires, préparée selon un procédé adapté au bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"zeo-accordion-item\"\u003e\n \u003csummary class=\"zeo-accordion-header\"\u003e🆚 Différence avec la zéolite bio en poudre ?\u003c\/summary\u003e\n \u003cdiv class=\"zeo-accordion-content\"\u003e\n \u003cp\u003eLa zéolite en poudre agit comme complément alimentaire pour la détoxification physique. L'élixir transmet l'information énergétique de la pierre sans ingestion du minéral. C'est une approche vibratoire, comparable aux élixirs floraux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"zeo-accordion-item\"\u003e\n \u003csummary class=\"zeo-accordion-header\"\u003e🫃 Utilisation pour la perméabilité intestinale ?\u003c\/summary\u003e\n \u003cdiv class=\"zeo-accordion-content\"\u003e\n \u003cp\u003eLa perméabilité zéolite fait référence aux propriétés d'adsorption du minéral sous forme physique. Cet élixir n'agit pas de la même manière sur le plan biochimique. Pour des problématiques liées au foie, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"zeo-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'élixir Ansil ?\u003c\/h2\u003e\n \u003cdiv class=\"zeo-grid-compact\"\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e🏆 Procédé exclusif\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire unique préservant les propriétés vibratoires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e💎 Pierres sélectionnées\u003c\/h3\u003e\n \u003cp\u003eChaque zéolite choisie pour sa qualité énergétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e🌿 Synergie optimale\u003c\/h3\u003e\n \u003cp\u003eAssociation plantes et minéraux pour amplifier les bienfaits\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué à Sanilhac, Gard, contrôle qualité rigoureux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"zeo-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cet élixir ?\u003c\/h2\u003e\n \u003cdiv class=\"zeo-grid\"\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e😰 Périodes de stress\u003c\/h3\u003e\n \u003cp\u003eVous traversez une période de stress ou de changement et cherchez à stabiliser vos émotions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e🔮 Passionnés de lithothérapie\u003c\/h3\u003e\n \u003cp\u003eVous vous intéressez aux cristaux et souhaitez une forme pratique d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-card\"\u003e\n \u003ch3\u003e🧘 En quête de recentrage\u003c\/h3\u003e\n \u003cp\u003eVous cherchez à purifier votre énergie et compléter votre routine bien-être avec une approche vibratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"zeo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"zeo-accordion\"\u003e\n \u003cdetails class=\"zeo-accordion-item\"\u003e\n \u003csummary class=\"zeo-accordion-header\"\u003e📌 Informations importantes\u003c\/summary\u003e\n \u003cdiv class=\"zeo-accordion-content\"\u003e\n \u003cp\u003eCet élixir de cristal est un produit de bien-être énergétique. Il \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e ni l'avis d'un professionnel de santé. En cas de problème de santé, consultez toujours votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"zeo-accordion-item\"\u003e\n \u003csummary class=\"zeo-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"zeo-accordion-content\"\u003e\n \u003cp\u003eContient de l'alcool (14% vol.) : déconseillé aux femmes enceintes et allaitantes. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"zeo-accordion-item\"\u003e\n \u003csummary class=\"zeo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"zeo-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur pour préserver les propriétés vibratoires de l'élixir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zeo-cta-box\"\u003e\n \u003cp\u003e✨ Offrez-vous un moment de sérénité avec l'élixir de cristal à la zéolite Ansil. Plusieurs semaines d'équilibre et d'harmonie intérieure, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"zeo-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Les élixirs de cristaux relèvent de la lithothérapie et des approches vibratoires du bien-être.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --zeo-cream: #f9f7f4;\n --zeo-white: #ffffff;\n --zeo-primary: #5B7BB3;\n --zeo-primary-dark: #3d5a8a;\n --zeo-primary-light: #e8eef6;\n --zeo-secondary: #9B6B9E;\n --zeo-accent: #F7A855;\n --zeo-text: #1a1a1a;\n --zeo-text-light: #5a5a5a;\n --zeo-border: #e0e0e0;\n --zeo-shadow: 0 4px 24px rgba(91,123,179,.1);\n --zeo-shadow-lg: 0 12px 48px rgba(91,123,179,.18);\n --zeo-radius: 20px;\n --zeo-radius-sm: 12px;\n}\n\n.zeo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--zeo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.zeo-hero {\n position: relative;\n background: linear-gradient(135deg, var(--zeo-primary) 0%, var(--zeo-secondary) 50%, var(--zeo-accent) 100%);\n border-radius: var(--zeo-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(--zeo-shadow-lg);\n}\n\n.zeo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.zeo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.zeo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.zeo-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(--zeo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.zeo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.zeo-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.zeo-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.zeo-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.zeo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.zeo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--zeo-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.zeo-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(--zeo-primary), var(--zeo-secondary));\n border-radius: 2px;\n}\n\n.zeo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--zeo-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === GRILLES === *\/\n.zeo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.zeo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.zeo-grid-compact .zeo-card {\n padding: 1rem;\n}\n\n.zeo-grid-compact .zeo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.zeo-grid-compact .zeo-card p {\n font-size: 12px;\n}\n\n\/* === CARDS === *\/\n.zeo-card {\n background: var(--zeo-white);\n border-radius: var(--zeo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--zeo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.zeo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--zeo-shadow-lg);\n border-color: var(--zeo-primary);\n}\n\n.zeo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--zeo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.zeo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--zeo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.zeo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.zeo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.zeo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--zeo-primary), var(--zeo-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.zeo-timeline-content {\n flex: 1;\n background: var(--zeo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--zeo-radius-sm);\n box-shadow: var(--zeo-shadow);\n}\n\n.zeo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--zeo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.zeo-timeline-content p {\n font-size: 14px;\n color: var(--zeo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.zeo-accordion {\n background: var(--zeo-white);\n border-radius: var(--zeo-radius);\n box-shadow: var(--zeo-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.zeo-accordion-item {\n border-bottom: 1px solid var(--zeo-border);\n margin: 0;\n padding: 0;\n}\n\n.zeo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.zeo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--zeo-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.zeo-accordion-header:hover {\n background: var(--zeo-primary-light);\n}\n\n.zeo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.zeo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--zeo-primary);\n transition: transform .2s ease;\n}\n\n.zeo-accordion-item[open] .zeo-accordion-header::after {\n content: '−';\n}\n\n.zeo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--zeo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.zeo-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.zeo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--zeo-primary-light);\n border-radius: var(--zeo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.zeo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.zeo-tip p {\n font-size: 14px;\n color: var(--zeo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.zeo-cta-box {\n background: linear-gradient(135deg, var(--zeo-primary) 0%, var(--zeo-secondary) 100%);\n border-radius: var(--zeo-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.zeo-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.zeo-disclaimer {\n font-size: 12px;\n color: var(--zeo-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 .zeo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .zeo-card {\n padding: 1.125rem;\n }\n \n .zeo-section {\n margin-bottom: 1.75rem;\n }\n \n .zeo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--zeo-radius-sm);\n }\n \n .zeo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .zeo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .zeo-grid-compact {\n gap: .625rem;\n }\n \n .zeo-grid-compact .zeo-card {\n padding: .75rem;\n }\n \n .zeo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .zeo-timeline-content {\n padding: .875rem 1rem;\n }\n \n .zeo-timeline-content h3 {\n font-size: 14px;\n }\n \n .zeo-timeline-content p {\n font-size: 13px;\n }\n \n .zeo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .zeo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .zeo-card {\n animation: zeoFadeInUp .5s ease backwards;\n }\n .zeo-card:nth-child(1) { animation-delay: .05s; }\n .zeo-card:nth-child(2) { animation-delay: .1s; }\n .zeo-card:nth-child(3) { animation-delay: .15s; }\n .zeo-card:nth-child(4) { animation-delay: .2s; }\n .zeo-card:nth-child(5) { animation-delay: .25s; }\n .zeo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes zeoFadeInUp {\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 .zeo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ANSIL","offers":[{"title":"Default Title","offer_id":55180818678137,"sku":"AL2524","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/zeolite-elixir-de-cristal-30-ml-ansil-ingredients_78c26fb9-e4fe-4d47-b0a2-211ad39b4932.webp?v=1769015176"},{"product_id":"kunzite-elixir-de-cristal-30-ml-ansil","title":"Kunzite Elixir de cristal - 30 ml - Ansil","description":"\u003cdiv class=\"kz-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kz-hero\"\u003e\n \u003cdiv class=\"kz-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kz-hero-content\"\u003e\n \u003cdiv class=\"kz-badges-top\"\u003e\n \u003cspan class=\"kz-badge\"\u003e💎 Cristal de Kunzite\u003c\/span\u003e\n \u003cspan class=\"kz-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"kz-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kz-hero-title\"\u003eKunzite — Élixir de cristal\u003c\/span\u003e\n \u003cp class=\"kz-subtitle\"\u003e30 ml · Ansil\u003c\/p\u003e\n \u003cp class=\"kz-description\"\u003eL'énergie vibratoire de la Kunzite au service de votre équilibre émotionnel et de l'ouverture du cœur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"kz-section\"\u003e\n \u003ch2\u003eÉlixir de cristal Kunzite Ansil : Harmonie émotionnelle et ouverture du cœur\u003c\/h2\u003e\n \u003cp class=\"kz-section-intro\"\u003eVous ressentez le besoin de vous reconnecter à vos émotions, d'apaiser d'anciennes blessures sentimentales ou simplement de retrouver une sérénité intérieure ?\u003c\/p\u003e\n \u003cdiv class=\"kz-grid-compact\"\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e💗 Chakra du cœur\u003c\/h3\u003e\n \u003cp\u003eAction douce et profonde sur le centre émotionnel pour favoriser l'amour et la compassion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e🔮 Énergie vibratoire\u003c\/h3\u003e\n \u003cp\u003ePotentialisé par des cristaux de Kunzite rose-violet selon les principes de la lithothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e🌸 Sérénité intérieure\u003c\/h3\u003e\n \u003cp\u003eAccompagne votre démarche de paix intérieure et de reconnexion émotionnelle au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e💧 Flacon 30 ml\u003c\/h3\u003e\n \u003cp\u003eEnviron 21 jours d'utilisation pour un cycle complet de rééquilibrage énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"kz-section\"\u003e\n \u003ch2\u003eQu'est-ce que la Kunzite et quels sont ses bienfaits ?\u003c\/h2\u003e\n \u003cp class=\"kz-section-intro\"\u003eLa Kunzite est un cristal de couleur violet-rose, particulièrement apprécié en lithothérapie pour sa connexion au plan émotionnel.\u003c\/p\u003e\n \u003cdiv class=\"kz-grid\"\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e💜 Ouverture affective\u003c\/h3\u003e\n \u003cp\u003eFavorise la capacité à donner et recevoir de l'amour, libère les blocages émotionnels profonds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e🔄 Transformation intérieure\u003c\/h3\u003e\n \u003cp\u003eEncourage le lâcher-prise et accompagne les phases de changement personnel avec douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e🧘 Méridiens ciblés\u003c\/h3\u003e\n \u003cp\u003eAgit sur les méridiens du cœur, du maître du cœur, de la vessie et des reins selon les traditions indiennes et chinoises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-tip\"\u003e\n \u003cspan class=\"kz-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eParmi les élixirs de cristal — aigue-marine, émeraude ou amazonite — la \u003cstrong\u003eKunzite\u003c\/strong\u003e se distingue par sa spécificité sur la sphère sentimentale et relationnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"kz-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"kz-section-intro\"\u003eUne formulation transparente alliant pureté végétale et énergie cristalline.\u003c\/p\u003e\n \u003cdiv class=\"kz-grid\"\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eBase neutre de haute qualité, socle de la formulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e🌱 Silice végétale\u003c\/h3\u003e\n \u003cp\u003eComplexe de six plantes : prêle, ortie, bambou, millet brun, renouée des oiseaux et pissenlit. Soutient l'énergie vitale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e🫧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eAssure la stabilité de la formulation et une texture agréable en bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e🍦 Oléorésine de vanille\u003c\/h3\u003e\n \u003cp\u003ePropriétés apaisantes et note douce qui favorise le bien-être global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e🍷 Alcool 14 % vol.\u003c\/h3\u003e\n \u003cp\u003eConservateur naturel présent en faible quantité pour garantir la stabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e💎 Cristaux de Kunzite\u003c\/h3\u003e\n \u003cp\u003eLe cœur de la formule : l'énergie vibratoire de la pierre est captée puis restituée dans l'élixir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"kz-section\"\u003e\n \u003ch2\u003ePosologie et conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"kz-timeline\"\u003e\n \u003cdiv class=\"kz-timeline-item\"\u003e\n \u003cdiv class=\"kz-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kz-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez bien avant chaque prise pour réactiver les principes actifs et l'énergie cristalline.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-timeline-item\"\u003e\n \u003cdiv class=\"kz-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kz-timeline-content\"\u003e\n \u003ch3\u003e30 gouttes en sublingual\u003c\/h3\u003e\n \u003cp\u003eDéposez 30 gouttes sous la langue, de préférence vers 18 h pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-timeline-item\"\u003e\n \u003cdiv class=\"kz-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kz-timeline-content\"\u003e\n \u003ch3\u003e6 jours sur 7\u003c\/h3\u003e\n \u003cp\u003ePrenez l'élixir quotidiennement avec une pause le dimanche pour respecter le cycle de la pierre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-timeline-item\"\u003e\n \u003cdiv class=\"kz-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kz-timeline-content\"\u003e\n \u003ch3\u003eCure de 21 jours\u003c\/h3\u003e\n \u003cp\u003eUn flacon de 30 ml couvre environ 21 jours d'utilisation pour un cycle complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-tip\"\u003e\n \u003cspan class=\"kz-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAvec la gamme Ansil, la préparation est déjà faite pour vous, dans le respect des protocoles de potentialisation par les cristaux. Chaque pierre possède ses propres caractéristiques et sa propre posologie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"kz-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'élixir Kunzite Ansil ?\u003c\/h2\u003e\n \u003cdiv class=\"kz-grid-compact\"\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eEau purifiée, extraits végétaux et cristaux. Aucun additif de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e🏅 Savoir-faire reconnu\u003c\/h3\u003e\n \u003cp\u003eAnsil, basé à Sanilhac (Gard), allie traditions ancestrales et exigences modernes de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e💗 Action émotionnelle\u003c\/h3\u003e\n \u003cp\u003eAction ciblée sur le plan émotionnel, idéale en complément d'un travail de développement personnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-card\"\u003e\n \u003ch3\u003e⏰ Prise unique\u003c\/h3\u003e\n \u003cp\u003eFacile à intégrer dans votre routine quotidienne grâce à sa prise unique en fin de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kz-tip\"\u003e\n \u003cspan class=\"kz-tip-icon\"\u003e⭐\u003c\/span\u003e\n \u003cp\u003eLes avis sur les élixirs de cristal soulignent régulièrement le sentiment d'\u003cstrong\u003eapaisement\u003c\/strong\u003e et de \u003cstrong\u003elégèreté\u003c\/strong\u003e ressenti après quelques jours d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"kz-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"kz-accordion\"\u003e\n \u003cdetails class=\"kz-accordion-item\"\u003e\n \u003csummary class=\"kz-accordion-header\"\u003e⚠️ Avertissement important\u003c\/summary\u003e\n \u003cdiv class=\"kz-accordion-content mt-3\"\u003e\n \u003cp\u003eCet élixir de cristal ne se substitue en aucun cas à un traitement médical. En cas de doute ou de trouble de santé, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kz-accordion-item\"\u003e\n \u003csummary class=\"kz-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"kz-accordion-content mt-3\"\u003e\n \u003cp\u003eContient de l'alcool (14 % vol.) : déconseillé aux femmes enceintes et aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kz-accordion-item\"\u003e\n \u003csummary class=\"kz-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kz-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur pour préserver l'intégrité de l'énergie cristalline et des principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"kz-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Les élixirs de cristaux relèvent d'une approche complémentaire et ne remplacent pas un suivi médical adapté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kz-cream: #f8f5f9;\n --kz-white: #ffffff;\n --kz-primary: #9b6bb0;\n --kz-primary-dark: #6a3d7d;\n --kz-primary-light: #f0e6f5;\n --kz-secondary: #d4a0c7;\n --kz-accent: #e8b4d9;\n --kz-text: #1a1a1a;\n --kz-text-light: #5a5a5a;\n --kz-border: #e8dced;\n --kz-shadow: 0 4px 24px rgba(106, 61, 125, .08);\n --kz-shadow-lg: 0 12px 48px rgba(106, 61, 125, .15);\n --kz-radius: 20px;\n --kz-radius-sm: 12px;\n}\n\n.kz-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kz-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kz-hero {\n position: relative;\n background: linear-gradient(135deg, #6a3d7d 0%, #9b6bb0 40%, #d4a0c7 75%, #e8b4d9 100%);\n border-radius: var(--kz-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(--kz-shadow-lg);\n}\n\n.kz-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.kz-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kz-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.kz-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.kz-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.kz-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kz-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(--kz-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kz-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kz-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kz-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kz-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.kz-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(--kz-primary), var(--kz-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.kz-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kz-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.kz-card {\n background: var(--kz-white);\n border-radius: var(--kz-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kz-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kz-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kz-shadow-lg);\n border-color: var(--kz-primary);\n}\n\n.kz-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kz-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kz-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kz-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kz-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kz-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kz-grid-compact .kz-card {\n padding: 1rem;\n}\n\n.kz-grid-compact .kz-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kz-grid-compact .kz-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kz-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kz-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kz-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kz-primary), var(--kz-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.kz-timeline-content {\n flex: 1;\n background: var(--kz-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kz-radius-sm);\n box-shadow: var(--kz-shadow);\n}\n\n.kz-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kz-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kz-timeline-content p {\n font-size: 14px;\n color: var(--kz-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kz-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kz-primary-light);\n border-radius: var(--kz-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kz-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kz-tip p {\n font-size: 14px;\n color: var(--kz-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.kz-accordion {\n background: var(--kz-white);\n border-radius: var(--kz-radius);\n box-shadow: var(--kz-shadow);\n overflow: hidden;\n}\n\n.kz-accordion-item {\n border-bottom: 1px solid var(--kz-border);\n margin: 0;\n padding: 0;\n}\n\n.kz-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kz-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kz-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.kz-accordion-header:hover {\n background: var(--kz-primary-light);\n}\n\n.kz-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kz-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kz-primary);\n transition: transform .2s ease;\n}\n\n.kz-accordion-item[open] .kz-accordion-header::after {\n content: '−';\n}\n\n.kz-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kz-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kz-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.kz-disclaimer {\n font-size: 12px;\n color: var(--kz-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 .kz-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kz-card {\n padding: 1.125rem;\n }\n\n .kz-section {\n margin-bottom: 1.75rem;\n }\n\n .kz-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kz-radius-sm);\n }\n\n .kz-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kz-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kz-grid-compact {\n gap: .625rem;\n }\n\n .kz-grid-compact .kz-card {\n padding: .75rem;\n }\n\n .kz-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kz-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kz-timeline-content h3 {\n font-size: 14px;\n }\n\n .kz-timeline-content p {\n font-size: 13px;\n }\n\n .kz-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kz-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kz-card {\n animation: kzFadeInUp .5s ease backwards;\n }\n .kz-card:nth-child(1) { animation-delay: .05s; }\n .kz-card:nth-child(2) { animation-delay: .1s; }\n .kz-card:nth-child(3) { animation-delay: .15s; }\n .kz-card:nth-child(4) { animation-delay: .2s; }\n .kz-card:nth-child(5) { animation-delay: .25s; }\n .kz-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kzFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .kz-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ANSIL","offers":[{"title":"Default Title","offer_id":55181495992697,"sku":"AL2513","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kunzite-elixir-de-cristal-30-ml-ansil-packshothd.webp?v=1774366571"},{"product_id":"complexe-bio-grenat-chene-marronnier-d-inde-et-sapin-30-ml-ansil","title":"Complexe bio Grenat, Chêne, Marronnier d’Inde et Sapin - 30 ml - Ansil","description":"\u003cdiv class=\"cb11-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cb11-hero\"\u003e\n \u003cdiv class=\"cb11-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cb11-hero-content\"\u003e\n \u003cdiv class=\"cb11-badges-top\"\u003e\n \u003cspan class=\"cb11-badge\"\u003e🌿 Gemmothérapie bio\u003c\/span\u003e\n \u003cspan class=\"cb11-badge\"\u003e💎 Lithothérapie\u003c\/span\u003e\n \u003cspan class=\"cb11-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cb11-hero-title\"\u003eComplexe bio Grenat, Chêne, Marronnier d'Inde et Sapin\u003c\/span\u003e\n \u003cp class=\"cb11-subtitle\"\u003eÉlixir Cristal-Bourgeons n°11 · Ansil · 30 ml\u003c\/p\u003e\n \u003cp class=\"cb11-description\"\u003eLa synergie unique de la gemmothérapie et de la lithothérapie au service de votre circulation et de votre détoxification naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cb11-section\"\u003e\n \u003ch2\u003eLe complexe bio pour la circulation et la détoxification\u003c\/h2\u003e\n \u003cp class=\"cb11-section-intro\"\u003eVous ressentez des jambes lourdes, des inconforts circulatoires ou un besoin de purifier votre organisme ?\u003c\/p\u003e\n \u003cdiv class=\"cb11-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eComplexe Élixir Cristal-Bourgeons n°11 d'Ansil\u003c\/strong\u003e associe le meilleur de la \u003cstrong\u003egemmothérapie bio\u003c\/strong\u003e et de la \u003cstrong\u003elithothérapie\u003c\/strong\u003e pour vous accompagner au quotidien. Cette synergie originale réunit l'élixir de grenat et trois macérats de bourgeons soigneusement sélectionnés, dans un flacon de 30 ml prêt à l'emploi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cb11-section\"\u003e\n \u003ch2\u003eLes bienfaits de chaque ingrédient actif\u003c\/h2\u003e\n \u003cp class=\"cb11-section-intro\"\u003eCe qui rend cette formule si intéressante, c'est la complémentarité de ses quatre composants :\u003c\/p\u003e\n \u003cdiv class=\"cb11-grid\"\u003e\n \u003cdiv class=\"cb11-card\"\u003e\n \u003ch3\u003e💎 Élixir de Grenat\u003c\/h3\u003e\n \u003cp\u003eEn lithothérapie, le grenat est traditionnellement reconnu pour \u003cstrong\u003estimuler la circulation sanguine\u003c\/strong\u003e et favoriser une meilleure oxygénation des tissus. Son énergie revitalisante soutient l'ensemble de l'organisme et contribue à l'élimination des toxines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb11-card\"\u003e\n \u003ch3\u003e🌳 Bourgeon de Chêne\u003c\/h3\u003e\n \u003cp\u003eVéritable tonique général (\u003cem\u003eQuercus pedonculata\u003c\/em\u003e), il agit en profondeur sur le \u003cstrong\u003esystème circulatoire\u003c\/strong\u003e. En gemmothérapie, il est apprécié pour renforcer la vitalité et soulager la sensation de lourdeur dans les jambes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb11-card\"\u003e\n \u003ch3\u003e🌰 Bourgeon de Marronnier d'Inde\u003c\/h3\u003e\n \u003cp\u003eL'allié incontournable de la \u003cstrong\u003ecirculation veineuse\u003c\/strong\u003e (\u003cem\u003eAesculus hippocastanum\u003c\/em\u003e). Il aide à maintenir l'élasticité et la résistance des parois vasculaires, un atout précieux pour les personnes sujettes aux inconforts veineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb11-card\"\u003e\n \u003ch3\u003e🌲 Bourgeon de Sapin\u003c\/h3\u003e\n \u003cp\u003eIl soutient les fonctions naturelles de \u003cstrong\u003edétoxification\u003c\/strong\u003e de l'organisme (\u003cem\u003eAbies pectinata\u003c\/em\u003e), en facilitant le travail d'élimination du foie et des reins. Un vrai coup de pouce pour repartir sur de bonnes bases.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cb11-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"cb11-timeline\"\u003e\n \u003cdiv class=\"cb11-timeline-item\"\u003e\n \u003cdiv class=\"cb11-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cb11-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e30 gouttes par jour\u003c\/strong\u003e, de préférence vers 18 h pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb11-timeline-item\"\u003e\n \u003cdiv class=\"cb11-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cb11-timeline-content\"\u003e\n \u003ch3\u003eMode de prise\u003c\/h3\u003e\n \u003cp\u003eDéposez les gouttes \u003cstrong\u003esous la langue\u003c\/strong\u003e (voie sublinguale) pour une assimilation optimale des principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb11-timeline-item\"\u003e\n \u003cdiv class=\"cb11-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cb11-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e21 jours\u003c\/strong\u003e à raison de 6 jours par semaine, soit un flacon complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb11-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"cb11-accordion-item\"\u003e\n \u003csummary class=\"cb11-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cb11-accordion-content mt-3\"\u003e\n \u003cp\u003eAgitez bien le flacon avant chaque utilisation. Conservez-le à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cb11-accordion-item\"\u003e\n \u003csummary class=\"cb11-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cb11-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément est déconseillé aux femmes enceintes ou allaitantes sans avis médical préalable. Il ne remplace en aucun cas un traitement médical ni un suivi par un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cb11-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"cb11-grid-compact\"\u003e\n \u003cdiv class=\"cb11-card\"\u003e\n \u003ch3\u003e💧 Base élixir de cristal\u003c\/h3\u003e\n \u003cp\u003eEau purifiée, silice végétale (prêle, ortie, bambou, millet brun, renouée des oiseaux, pissenlit), glycérine végétale, oléorésine de vanille, alcool 16 % vol., cristaux de grenat potentialisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb11-card\"\u003e\n \u003ch3\u003e🌱 Macérats de bourgeons bio\u003c\/h3\u003e\n \u003cp\u003eEau, glycérine végétale, alcool 19 %, bourgeons de chêne, bourgeons de marronnier d'Inde, bourgeons de sapin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb11-tip\"\u003e\n \u003cspan class=\"cb11-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eTous les bourgeons sont \u003cstrong\u003eissus de l'agriculture biologique\u003c\/strong\u003e, certifiée FR-BIO-01. Formule sans conservateurs artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cb11-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir ce complexe élixir cristal-bourgeons n°11 ?\u003c\/h2\u003e\n \u003cdiv class=\"cb11-grid-compact\"\u003e\n \u003cdiv class=\"cb11-card\"\u003e\n \u003ch3\u003e🔄 Double approche\u003c\/h3\u003e\n \u003cp\u003eAction physiologique de la gemmothérapie renforcée par l'énergie subtile d'un élixir de cristal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb11-card\"\u003e\n \u003ch3\u003e🩸 Confort circulatoire\u003c\/h3\u003e\n \u003cp\u003eSoutien naturel et bio pour vos jambes légères et une circulation apaisée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb11-card\"\u003e\n \u003ch3\u003e🧹 Détoxification\u003c\/h3\u003e\n \u003cp\u003eAccompagne votre organisme dans ses processus naturels de nettoyage et de régénération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb11-card\"\u003e\n \u003ch3\u003e🍂 Cure saisonnière\u003c\/h3\u003e\n \u003cp\u003eIdéale au printemps ou à l'automne, périodes propices pour purifier et revitaliser votre corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb11-cta-box\"\u003e\n \u003cp\u003e🌿 Intégrez le Complexe n°11 dans votre routine bien-être saisonnière et offrez à votre corps une synergie complète pour une \u003cstrong\u003ecirculation fluide\u003c\/strong\u003e et une \u003cstrong\u003edétoxification en profondeur\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cb11-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cb11-cream: #f7f5f0;\n --cb11-white: #ffffff;\n --cb11-primary: #2e4a8e;\n --cb11-primary-dark: #1b2f5e;\n --cb11-primary-light: #e8edf7;\n --cb11-secondary: #6b8e3a;\n --cb11-accent: #8b2e3a;\n --cb11-text: #1a1a1a;\n --cb11-text-light: #5a5a5a;\n --cb11-border: #e0e0e0;\n --cb11-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cb11-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cb11-radius: 20px;\n --cb11-radius-sm: 12px;\n}\n\n.cb11-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cb11-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cb11-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cb11-primary-dark) 0%, var(--cb11-primary) 45%, var(--cb11-secondary) 100%);\n border-radius: var(--cb11-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(--cb11-shadow-lg);\n}\n\n.cb11-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 1px, transparent 1px),\n radial-gradient(circle at 50% 80%, rgba(255,255,255,.05) 2px, transparent 2px);\n background-size: 60px 60px, 80px 80px, 100px 100px;\n opacity: .6;\n}\n\n.cb11-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cb11-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.cb11-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.cb11-description {\n color: rgba(255,255,255,.8);\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.cb11-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cb11-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(--cb11-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cb11-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cb11-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb11-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cb11-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.cb11-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(--cb11-primary), var(--cb11-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cb11-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cb11-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.cb11-highlight-box {\n background: var(--cb11-white);\n border-radius: var(--cb11-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cb11-shadow);\n border-left: 4px solid var(--cb11-secondary);\n}\n\n.cb11-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--cb11-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.cb11-card {\n background: var(--cb11-white);\n border-radius: var(--cb11-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cb11-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cb11-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cb11-shadow-lg);\n border-color: var(--cb11-primary);\n}\n\n.cb11-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cb11-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cb11-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cb11-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cb11-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cb11-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cb11-grid-compact .cb11-card {\n padding: 1rem;\n}\n\n.cb11-grid-compact .cb11-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cb11-grid-compact .cb11-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cb11-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cb11-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cb11-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cb11-primary), var(--cb11-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.cb11-timeline-content {\n flex: 1;\n background: var(--cb11-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cb11-radius-sm);\n box-shadow: var(--cb11-shadow);\n}\n\n.cb11-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cb11-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cb11-timeline-content p {\n font-size: 14px;\n color: var(--cb11-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.cb11-accordion {\n background: var(--cb11-white);\n border-radius: var(--cb11-radius);\n box-shadow: var(--cb11-shadow);\n overflow: hidden;\n}\n\n.cb11-accordion-item {\n border-bottom: 1px solid var(--cb11-border);\n margin: 0;\n padding: 0;\n}\n\n.cb11-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cb11-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cb11-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.cb11-accordion-header:hover {\n background: var(--cb11-primary-light);\n}\n\n.cb11-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cb11-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cb11-primary);\n transition: transform .2s ease;\n}\n\n.cb11-accordion-item[open] .cb11-accordion-header::after {\n content: '−';\n}\n\n.cb11-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cb11-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cb11-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cb11-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cb11-primary-light);\n border-radius: var(--cb11-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cb11-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cb11-tip p {\n font-size: 14px;\n color: var(--cb11-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cb11-cta-box {\n background: linear-gradient(135deg, var(--cb11-primary) 0%, var(--cb11-primary-dark) 100%);\n border-radius: var(--cb11-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.cb11-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.cb11-disclaimer {\n font-size: 12px;\n color: var(--cb11-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 .cb11-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cb11-card {\n padding: 1.125rem;\n }\n\n .cb11-section {\n margin-bottom: 1.75rem;\n }\n\n .cb11-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cb11-radius-sm);\n }\n\n .cb11-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cb11-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cb11-grid-compact {\n gap: .625rem;\n }\n\n .cb11-grid-compact .cb11-card {\n padding: .75rem;\n }\n\n .cb11-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cb11-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cb11-timeline-content h3 {\n font-size: 14px;\n }\n\n .cb11-timeline-content p {\n font-size: 13px;\n }\n\n .cb11-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cb11-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cb11-highlight-box {\n padding: 1.25rem;\n }\n\n .cb11-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cb11-card {\n animation: cb11FadeInUp .5s ease backwards;\n }\n .cb11-card:nth-child(1) { animation-delay: .05s; }\n .cb11-card:nth-child(2) { animation-delay: .1s; }\n .cb11-card:nth-child(3) { animation-delay: .15s; }\n .cb11-card:nth-child(4) { animation-delay: .2s; }\n .cb11-card:nth-child(5) { animation-delay: .25s; }\n .cb11-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cb11FadeInUp {\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 .cb11-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ANSIL","offers":[{"title":"Default Title","offer_id":55181838156153,"sku":"AL4012","price":24.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/complexe-bio-grenat-chene-marronnier-dinde-et-sapin-30-ml-an-packshothd.webp?v=1774709907"},{"product_id":"amethyste-huile-de-cristal-50-ml-ansil","title":"Améthyste (huile de cristal) - 50 ml - Ansil","description":"\u003cdiv class=\"amet-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"amet-hero\"\u003e\n \u003cdiv class=\"amet-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amet-hero-content\"\u003e\n \u003cdiv class=\"amet-badges-top\"\u003e\n \u003cspan class=\"amet-badge\"\u003e🔮 Lithothérapie\u003c\/span\u003e\n \u003cspan class=\"amet-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"amet-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"amet-hero-title\"\u003eHuile de Cristal Améthyste\u003c\/span\u003e\n \u003cp class=\"amet-subtitle\"\u003eL'alliance sacrée du soin et de l'énergie\u003c\/p\u003e\n \u003cp class=\"amet-description\"\u003eSynergie d'huiles végétales biologiques infusées aux vibrations apaisantes de l'améthyste pour retrouver calme intérieur et équilibre émotionnel.\u003c\/p\u003e\n \u003cdiv class=\"amet-hero-features\"\u003e\n \u003cspan class=\"amet-hero-tag\"\u003e✨ Apaisement\u003c\/span\u003e\n \u003cspan class=\"amet-hero-tag\"\u003e🧘 Méditation\u003c\/span\u003e\n \u003cspan class=\"amet-hero-tag\"\u003e😴 Sommeil\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"amet-section\"\u003e\n \u003ch2\u003eQu'est-ce qu'une huile de cristal ?\u003c\/h2\u003e\n \u003cdiv class=\"amet-intro-box\"\u003e\n \u003cp\u003eUne \u003cstrong\u003ehuile de cristal\u003c\/strong\u003e dépasse le simple soin cosmétique. Les \u003cstrong\u003epropriétés énergétiques d'une pierre\u003c\/strong\u003e sont infusées dans une huile végétale selon les principes de la lithothérapie. Le cristal transmet ses vibrations à l'huile, qui les diffuse directement sur votre peau — pour un soin qui agit autant sur le corps que sur l'esprit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"amet-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'améthyste en lithothérapie\u003c\/h2\u003e\n \u003cdiv class=\"amet-grid\"\u003e\n \u003cdiv class=\"amet-card amet-card-glow\"\u003e\n \u003ch3\u003e🧠 Apaisement du mental\u003c\/h3\u003e\n \u003cp\u003eCalme le flux des pensées et favorise une relaxation profonde au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card amet-card-glow\"\u003e\n \u003ch3\u003e🌙 Sommeil réparateur\u003c\/h3\u003e\n \u003cp\u003eRéduit les réveils nocturnes et accompagne un repos véritablement régénérant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card amet-card-glow\"\u003e\n \u003ch3\u003e⚖️ Rééquilibrage des chakras\u003c\/h3\u003e\n \u003cp\u003eAgit sur le troisième œil, le cœur et le plexus solaire pour harmoniser vos centres énergétiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card amet-card-glow\"\u003e\n \u003ch3\u003e🛡️ Protection énergétique\u003c\/h3\u003e\n \u003cp\u003eDissipe les énergies négatives et purifie l'aura pour un bouclier vibratoire au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"amet-section\"\u003e\n \u003ch2\u003eComposition de l'huile de cristal Améthyste\u003c\/h2\u003e\n \u003cdiv class=\"amet-composition\"\u003e\n \u003cdiv class=\"amet-ingredient\"\u003e\n \u003cdiv class=\"amet-ingredient-icon\"\u003e🌰\u003c\/div\u003e\n \u003cdiv class=\"amet-ingredient-content\"\u003e\n \u003ch3\u003eHuile de noisette biologique\u003c\/h3\u003e\n \u003cp\u003eLégère et pénétrante, elle hydrate sans film gras. Support idéal pour les massages énergétiques grâce à sa texture soyeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-ingredient\"\u003e\n \u003cdiv class=\"amet-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"amet-ingredient-content\"\u003e\n \u003ch3\u003eHuile de sésame biologique\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants et vitamine E, elle nourrit la peau en profondeur et renforce la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-ingredient\"\u003e\n \u003cdiv class=\"amet-ingredient-icon\"\u003e💎\u003c\/div\u003e\n \u003cdiv class=\"amet-ingredient-content\"\u003e\n \u003ch3\u003eCristal d'améthyste\u003c\/h3\u003e\n \u003cp\u003eInfusé selon un procédé artisanal respectueux des traditions lithothérapeutiques pour transmettre toute la puissance vibratoire de la pierre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-format-box\"\u003e\n \u003cspan class=\"amet-format-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"amet-format-text\"\u003e\u003cstrong\u003eFlacon spray de 50 ml\u003c\/strong\u003e – Formule 100 % naturelle et biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"amet-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de cristal Améthyste ?\u003c\/h2\u003e\n \u003cdiv class=\"amet-timeline\"\u003e\n \u003cdiv class=\"amet-timeline-item\"\u003e\n \u003cdiv class=\"amet-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"amet-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez délicatement avant chaque utilisation pour réactiver les énergies cristallines infusées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-timeline-item\"\u003e\n \u003cdiv class=\"amet-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"amet-timeline-content\"\u003e\n \u003ch3\u003eMassage énergétique\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur le plexus solaire, les tempes ou les poignets, puis massez en mouvements circulaires une à deux minutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-timeline-item\"\u003e\n \u003cdiv class=\"amet-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"amet-timeline-content\"\u003e\n \u003ch3\u003eTravail sur les chakras\u003c\/h3\u003e\n \u003cp\u003eDéposez l'huile sur le chakra du cœur ou du troisième œil avant votre séance de méditation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-timeline-item\"\u003e\n \u003cdiv class=\"amet-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"amet-timeline-content\"\u003e\n \u003ch3\u003eRituel du soir\u003c\/h3\u003e\n \u003cp\u003eMassez vos tempes et votre nuque avant le coucher pour un endormissement serein et profond\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-tip\"\u003e\n \u003cspan class=\"amet-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil synergie :\u003c\/strong\u003e associez cette huile à l'élixir d'améthyste Ansil pour amplifier les effets harmonisants et approfondir votre travail énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"amet-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile de cristal ?\u003c\/h2\u003e\n \u003cdiv class=\"amet-grid\"\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e🧘 Méditants et yogis\u003c\/h3\u003e\n \u003cp\u003eApprofondissez votre ancrage spirituel et élevez la qualité de vos pratiques quotidiennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eLibérez les tensions nerveuses accumulées et retrouvez un véritable lâcher-prise\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e😴 Sommeil difficile\u003c\/h3\u003e\n \u003cp\u003eRetrouvez un sommeil naturel et réparateur nuit après nuit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e✨ Praticiens énergétiques\u003c\/h3\u003e\n \u003cp\u003eSupport de qualité professionnelle pour le reiki, le magnétisme ou la réflexologie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"amet-section\"\u003e\n \u003ch2\u003eLes engagements qualité Ansil\u003c\/h2\u003e\n \u003cdiv class=\"amet-grid-compact\"\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e🌿 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eHuiles végétales certifiées bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication artisanale à Sanilhac\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e🚫 Sans synthétiques\u003c\/h3\u003e\n \u003cp\u003eZéro parfum ni conservateur artificiel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n \u003cp\u003eFormule pure et transparente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"amet-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"amet-accordion\"\u003e\n \u003cdetails class=\"amet-accordion-item\"\u003e\n \u003csummary class=\"amet-accordion-header\"\u003e⚠️ Usage et application\u003c\/summary\u003e\n \u003cdiv class=\"amet-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. Réalisez un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"amet-accordion-item\"\u003e\n \u003csummary class=\"amet-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"amet-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière directe et de la chaleur pour préserver les propriétés énergétiques de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"amet-accordion-item\"\u003e\n \u003csummary class=\"amet-accordion-header\"\u003e📋 Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"amet-accordion-content mt-3\"\u003e\n \u003cp\u003eLes propriétés énergétiques mentionnées relèvent de la lithothérapie traditionnelle et ne remplacent 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 \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"amet-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"amet-cta-box\"\u003e\n \u003cp\u003e✨ Offrez-vous un véritable rituel de bien-être avec l'\u003cstrong\u003eHuile de Cristal Améthyste Ansil\u003c\/strong\u003e. Méditation, sommeil apaisé ou simple moment de détente : cette huile précieuse deviendra un indispensable de votre routine énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"amet-disclaimer\"\u003eLes informations relatives à la lithothérapie sont issues de la tradition et ne constituent pas des allégations médicales.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --amet-cream: #F8F5F1;\n --amet-white: #ffffff;\n --amet-primary: #8B6AAE;\n --amet-primary-dark: #5C3D82;\n --amet-primary-light: #F0EAF5;\n --amet-secondary: #D4944A;\n --amet-accent: #4A7FB5;\n --amet-gold: #C9A84C;\n --amet-text: #1a1a1a;\n --amet-text-light: #5a5a5a;\n --amet-border: #E5DDD6;\n --amet-shadow: 0 4px 24px rgba(92, 61, 130, .08);\n --amet-shadow-lg: 0 12px 48px rgba(92, 61, 130, .15);\n --amet-radius: 20px;\n --amet-radius-sm: 12px;\n}\n\n.amet-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--amet-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.amet-hero {\n position: relative;\n background: linear-gradient(135deg, #9B7BC7 0%, #5C3D82 35%, #3D2B5C 65%, #4A6FA5 100%);\n border-radius: var(--amet-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(--amet-shadow-lg);\n}\n\n.amet-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 80%, rgba(212, 148, 74, .12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(139, 106, 174, .2) 0%, transparent 50%),\n url(\"data:image\/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M40 10L46 24L60 24L48 33L53 47L40 38L27 47L32 33L20 24L34 24Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Ccircle cx='40' cy='40' r='20' stroke='%23ffffff' stroke-opacity='0.02' fill='none' stroke-width='0.5'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.amet-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.amet-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.amet-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(--amet-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.amet-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.amet-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.amet-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.amet-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 1.5rem;\n}\n\n.amet-hero-features {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.amet-hero-tag {\n padding: 6px 14px;\n background: rgba(255,255,255,.12);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n color: white;\n font-size: 13px;\n font-weight: 600;\n transition: all .3s ease;\n}\n\n.amet-hero-tag:hover {\n background: rgba(255,255,255,.2);\n}\n\n\/* === SECTIONS === *\/\n.amet-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.amet-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--amet-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.amet-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(--amet-primary), var(--amet-secondary));\n border-radius: 2px;\n}\n\n\/* === INTRO BOX === *\/\n.amet-intro-box {\n background: var(--amet-white);\n border-radius: var(--amet-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--amet-shadow);\n border-left: 4px solid var(--amet-primary);\n}\n\n.amet-intro-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--amet-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === GRILLES === *\/\n.amet-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.amet-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.amet-card {\n background: var(--amet-white);\n border-radius: var(--amet-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--amet-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.amet-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--amet-shadow-lg);\n border-color: var(--amet-primary);\n}\n\n.amet-card-glow:hover {\n box-shadow: 0 12px 48px rgba(139, 106, 174, .28);\n}\n\n.amet-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--amet-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.amet-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--amet-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.amet-grid-compact .amet-card {\n padding: 1rem;\n}\n\n.amet-grid-compact .amet-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.amet-grid-compact .amet-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION === *\/\n.amet-composition {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.amet-ingredient {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--amet-white);\n padding: 1.25rem;\n border-radius: var(--amet-radius-sm);\n box-shadow: var(--amet-shadow);\n transition: all .3s ease;\n}\n\n.amet-ingredient:hover {\n transform: translateX(8px);\n box-shadow: var(--amet-shadow-lg);\n}\n\n.amet-ingredient-icon {\n font-size: 28px;\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: var(--amet-primary-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.amet-ingredient-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--amet-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.amet-ingredient-content p {\n font-size: 14px;\n color: var(--amet-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.amet-format-box {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n background: linear-gradient(135deg, var(--amet-primary-light) 0%, #EDE5F3 100%);\n padding: 1rem 1.5rem;\n border-radius: var(--amet-radius-sm);\n border: 2px dashed var(--amet-primary);\n}\n\n.amet-format-icon {\n font-size: 28px;\n}\n\n.amet-format-text {\n font-size: 15px;\n color: var(--amet-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.amet-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.amet-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.amet-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--amet-primary), var(--amet-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(92, 61, 130, .3);\n}\n\n.amet-timeline-content {\n flex: 1;\n background: var(--amet-white);\n padding: 1rem 1.25rem;\n border-radius: var(--amet-radius-sm);\n box-shadow: var(--amet-shadow);\n}\n\n.amet-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--amet-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.amet-timeline-content p {\n font-size: 14px;\n color: var(--amet-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.amet-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, #FFF8EE 0%, #FEF1E0 100%);\n border-radius: var(--amet-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid var(--amet-secondary);\n}\n\n.amet-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.amet-tip p {\n font-size: 14px;\n color: var(--amet-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.amet-accordion {\n background: var(--amet-white);\n border-radius: var(--amet-radius);\n box-shadow: var(--amet-shadow);\n overflow: hidden;\n}\n\n.amet-accordion-item {\n border-bottom: 1px solid var(--amet-border);\n margin: 0;\n padding: 0;\n}\n\n.amet-accordion-item:last-child {\n border-bottom: none;\n}\n\n.amet-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--amet-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.amet-accordion-header:hover {\n background: var(--amet-primary-light);\n}\n\n.amet-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.amet-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--amet-primary);\n transition: transform .2s ease;\n}\n\n.amet-accordion-item[open] .amet-accordion-header::after {\n content: '−';\n}\n\n.amet-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--amet-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.amet-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.amet-cta-box {\n background: linear-gradient(135deg, #9B7BC7 0%, var(--amet-primary-dark) 45%, #3D5A80 100%);\n border-radius: var(--amet-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.amet-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 85%, rgba(212, 148, 74, .15) 0%, transparent 40%),\n radial-gradient(circle at 85% 15%, rgba(139, 106, 174, .15) 0%, transparent 40%);\n opacity: 1;\n}\n\n.amet-cta-box p {\n position: relative;\n z-index: 1;\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,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.amet-disclaimer {\n font-size: 12px;\n color: var(--amet-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 .amet-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .amet-card {\n padding: 1.125rem;\n }\n\n .amet-section {\n margin-bottom: 1.75rem;\n }\n\n .amet-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--amet-radius-sm);\n }\n\n .amet-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .amet-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .amet-grid-compact {\n gap: .625rem;\n }\n\n .amet-grid-compact .amet-card {\n padding: .75rem;\n }\n\n .amet-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .amet-timeline-content {\n padding: .875rem 1rem;\n }\n\n .amet-timeline-content h3 {\n font-size: 14px;\n }\n\n .amet-timeline-content p {\n font-size: 13px;\n }\n\n .amet-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .amet-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .amet-intro-box {\n padding: 1.25rem;\n }\n\n .amet-ingredient {\n padding: 1rem;\n }\n\n .amet-ingredient-icon {\n width: 40px;\n height: 40px;\n font-size: 22px;\n }\n\n .amet-ingredient-content h3 {\n font-size: 14px;\n }\n\n .amet-ingredient-content p {\n font-size: 13px;\n }\n\n .amet-format-box {\n flex-direction: column;\n text-align: center;\n gap: 8px;\n padding: 1rem;\n }\n\n .amet-format-text {\n font-size: 14px;\n }\n\n .amet-testimonial {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .amet-card {\n animation: ametFadeInUp .5s ease backwards;\n }\n .amet-card:nth-child(1) { animation-delay: .05s; }\n .amet-card:nth-child(2) { animation-delay: .1s; }\n .amet-card:nth-child(3) { animation-delay: .15s; }\n .amet-card:nth-child(4) { animation-delay: .2s; }\n\n .amet-ingredient {\n animation: ametFadeInLeft .5s ease backwards;\n }\n .amet-ingredient:nth-child(1) { animation-delay: .1s; }\n .amet-ingredient:nth-child(2) { animation-delay: .2s; }\n .amet-ingredient:nth-child(3) { animation-delay: .3s; }\n\n .amet-timeline-item {\n animation: ametFadeInUp .5s ease backwards;\n }\n .amet-timeline-item:nth-child(1) { animation-delay: .1s; }\n .amet-timeline-item:nth-child(2) { animation-delay: .2s; }\n .amet-timeline-item:nth-child(3) { animation-delay: .3s; }\n .amet-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes ametFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes ametFadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .amet-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ANSIL","offers":[{"title":"Default Title","offer_id":55183827042681,"sku":"AL3004","price":34.79,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Amethyste-huile-de-cristal-50ml-Ansil.webp?v=1746606654"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/huiles-essentielles-859279.jpg?v=1767782739","url":"https:\/\/www.naturellement-bio.com\/collections\/huiles-essentielles.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}