{"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 \u003ca href=\"\/products\/huile-essentielle-de-romarin-a-cineole-bio-10-ml-florame\" title=\"Huile essentielle de Romarin à Cinéole Bio - 10 ml - Florame\" target=\"_blank\"\u003eromarin à cinéole bio de Florame\u003c\/a\u003e est plutôt orienté voies respiratoires, tandis que le romarin à verbénone 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-florame\" title=\"Huile essentielle de Menthe poivrée bio – 10 ml – Florame\" target=\"_blank\"\u003ehuile essentielle de menthe poivrée bio Florame\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":27.5,"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-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":true}],"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":true}],"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_8e810e0a-8758-4a26-9e5d-47b101e4aafd.webp?v=1786261755"},{"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":"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":"\u003cdiv class=\"lav-premium\"\u003e\n \u003cdiv class=\"lav-hero\"\u003e\n \u003cdiv class=\"lav-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lav-hero-content\"\u003e\n \u003cdiv class=\"lav-badges-top\"\u003e\n \u003cspan class=\"lav-badge\"\u003e🌿 Certifiée AB\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e🇫🇷 Massif Central\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e🤝 Filière équitable\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e💧 100% pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lav-hero-title\"\u003eHuile Essentielle de Lavande Aspic Bio\u003c\/span\u003e\n \u003cp class=\"lav-subtitle\"\u003eFlorame • 10 ml • Lavandula latifolia\u003c\/p\u003e\n \u003cp class=\"lav-description\"\u003eDistillée avec soin dans le Massif Central par la coopérative SICARAPPAM, cette huile essentielle 100% pure et biologique est issue d'une filière équitable. Polyvalente, purifiante et tonifiante, elle est la référence pour les inconforts cutanés ponctuels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eLavande aspic ou lavande vraie : quelle différence ?\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eSouvent confondues, ces deux lavandes ont pourtant des profils aromatiques et des usages bien distincts.\u003c\/p\u003e\n \u003cdiv class=\"lav-grid-compact\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e💜 Lavande vraie\u003c\/h3\u003e\n \u003cp\u003eLavandula angustifolia. Plébiscitée pour la détente et le sommeil, son profil est doux et floral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌿 Lavande aspic\u003c\/h3\u003e\n \u003cp\u003eLavandula latifolia. Riche en 1,8-cinéole et camphre, plus tonique, purifiante et idéale pour la peau.\u003c\/p\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\u003eLa lavande aspic pousse à plus basse altitude et offre un profil plus camphré, parfait pour les inconforts cutanés ponctuels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eComposition biochimique et bienfaits\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eUne synergie unique de molécules actives qui font de cette huile un allié polyvalent.\u003c\/p\u003e\n \u003cdiv class=\"lav-grid\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌸 Linalol (35–45%)\u003c\/h3\u003e\n \u003cp\u003eApaise les tensions et favorise la détente. Reconnu pour ses propriétés calmantes naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌬️ 1,8-Cinéole (25–35%)\u003c\/h3\u003e\n \u003cp\u003eSoutient le confort respiratoire et tonifie. Une molécule clé pour assainir et dégager.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e❄️ Camphre (10–15%)\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés assainissantes et décontractantes musculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e✨ Une synergie unique pour la peau, la respiration et la sphère musculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de lavande aspic ?\u003c\/h2\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🧴 Voie cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 goutte dans 4 gouttes d'huile végétale (jojoba, amande douce) et appliquez localement sur la zone concernée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e💨 En diffusion\u003c\/h3\u003e\n \u003cp\u003e3 à 5 gouttes pendant 10 à 20 minutes pour assainir l'air ambiant de 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\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En inhalation\u003c\/h3\u003e\n \u003cp\u003e2 gouttes sur un mouchoir pour libérer les voies respiratoires en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e💆 Cheveux\u003c\/h3\u003e\n \u003cp\u003eTrès appréciée comme huile essentielle anti-poux : ajoutez 2 gouttes à votre shampooing en cure ponctuelle (dès 6 ans).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile essentielle ?\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eIdéale pour les adultes et enfants de plus de 6 ans à la recherche d'une huile lavande polyvalente.\u003c\/p\u003e\n \u003cdiv class=\"lav-grid\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🦟 Peaux sensibilisées\u003c\/h3\u003e\n \u003cp\u003ePour les peaux sujettes aux désagréments cutanés : piqûres, irritations, rougeurs ponctuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003ePour détendre les muscles après l'effort et accompagner la récupération musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Familles\u003c\/h3\u003e\n \u003cp\u003ePour faire face aux petits tracas saisonniers et capillaires du quotidien (dès 6 ans).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"lav-grid-compact\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eMassif Central, filière équitable SICARAPPAM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌱 Certifiée AB\u003c\/h3\u003e\n \u003cp\u003eLabellisée Symbole des Producteurs Paysans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🔬 Chémotypée (HECT)\u003c\/h3\u003e\n \u003cp\u003eQualité biochimique garantie et traçable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e💧 Distillation douce\u003c\/h3\u003e\n \u003cp\u003eÀ la vapeur d'eau pour préserver tous les principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"lav-testimonial\"\u003e\n \u003cp class=\"lav-testimonial-text\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e 100 % huile essentielle de Lavande aspic (\u003cem\u003eLavandula latifolia\u003c\/em\u003e) biologique et équitable.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eChémotype :\u003c\/strong\u003e linalol, 1,8-cinéole, camphre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eHuile essentielle de lavande : danger et précautions\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eBien que naturelle, une huile essentielle peut présenter des risques si elle est mal utilisée. Respectez impérativement les précautions suivantes.\u003c\/p\u003e\n \u003cdiv class=\"lav-accordion\"\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e🚫 Public déconseillé\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes, allaitantes et aux enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e🧴 Application cutanée\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eNe jamais appliquer pure sur la peau : toujours diluer dans une huile végétale. Effectuez un test cutané au pli du coude 24 h avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter en cas d'épilepsie ou d'asthme (présence de camphre et 1,8-cinéole).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants, à 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=\"lav-disclaimer\"\u003eCe produit ne se substitue pas à un traitement médical. En cas de doute ou de pathologie, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lav-cream: #f8f6fb;\n --lav-white: #ffffff;\n --lav-primary: #7a5cb0;\n --lav-primary-dark: #4a3578;\n --lav-primary-light: #ede7f6;\n --lav-secondary: #f39200;\n --lav-accent: #6cb33f;\n --lav-text: #1a1a1a;\n --lav-text-light: #5a5a5a;\n --lav-border: #e0e0e0;\n --lav-shadow: 0 4px 24px rgba(74,53,120,.08);\n --lav-shadow-lg: 0 12px 48px rgba(74,53,120,.18);\n --lav-radius: 20px;\n --lav-radius-sm: 12px;\n}\n\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 color: var(--lav-text);\n line-height: 1.6;\n}\n\n.lav-hero {\n position: relative;\n background: linear-gradient(135deg, #4a3578 0%, #7a5cb0 50%, #6cb33f 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 inset: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 1px, transparent 1px), radial-gradient(circle at 70% 60%, rgba(255,255,255,.3) 1px, transparent 1px);\n background-size: 60px 60px, 40px 40px;\n opacity: .15;\n}\n\n.lav-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lav-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.lav-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.lav-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\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.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 line-height: 1.2;\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-accent));\n border-radius: 2px;\n}\n\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: 680px;\n margin-left: auto;\n margin-right: auto;\n}\n\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.lav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lav-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lav-grid-compact .lav-card {\n padding: 1rem;\n}\n\n.lav-grid-compact .lav-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lav-grid-compact .lav-card p {\n font-size: 12px;\n}\n\n.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-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(122,92,176,.3);\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.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-primary);\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 margin: 0;\n}\n\n.lav-accordion {\n background: var(--lav-white);\n border-radius: var(--lav-radius);\n box-shadow: var(--lav-shadow);\n overflow: hidden;\n}\n\n.lav-accordion-item {\n border-bottom: 1px solid var(--lav-border);\n margin: 0;\n padding: 0;\n}\n\n.lav-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lav-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lav-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.lav-accordion-header:hover {\n background: var(--lav-primary-light);\n}\n\n.lav-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lav-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lav-primary);\n transition: transform .2s ease;\n}\n\n.lav-accordion-item[open] .lav-accordion-header::after {\n content: '−';\n}\n\n.lav-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lav-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lav-accordion-content p {\n margin: 0;\n}\n\n.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-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.5rem, 3vw, 2rem);\n text-align: center;\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 margin: 0;\n}\n\n.lav-disclaimer {\n font-size: 12px;\n color: var(--lav-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .lav-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .lav-card {\n padding: 1.125rem;\n }\n .lav-section {\n margin-bottom: 1.75rem;\n }\n .lav-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lav-radius-sm);\n }\n .lav-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .lav-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .lav-grid-compact {\n gap: .625rem;\n }\n .lav-grid-compact .lav-card {\n padding: .75rem;\n }\n .lav-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .lav-timeline-content {\n padding: .875rem 1rem;\n }\n .lav-timeline-content h3 {\n font-size: 14px;\n }\n .lav-timeline-content p {\n font-size: 13px;\n }\n .lav-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .lav-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .lav-testimonial {\n padding: 1.25rem;\n }\n .lav-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .lav-card {\n animation: fadeInUp .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}\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 .lav-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":55162654687609,"sku":"FM0085","price":11.89,"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-ml-florame-packshothd.webp?v=1788596189"},{"product_id":"huile-essentielle-de-lavandin-grosso-bio-10ml-florame","title":"Huile essentielle de Lavandin Grosso bio – 10ml – Florame","description":"\u003cdiv class=\"lav-premium\"\u003e\n \u003cdiv class=\"lav-hero\"\u003e\n \u003cdiv class=\"lav-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lav-hero-content\"\u003e\n \u003cdiv class=\"lav-badges-top\"\u003e\n \u003cspan class=\"lav-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e🇫🇷 Origine Drôme\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e💜 100% Pure\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e🤝 Équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lav-hero-title\"\u003eHuile Essentielle de Lavandin Grosso Bio\u003c\/span\u003e\n \u003cp class=\"lav-subtitle\"\u003eFlorame · 10 ml · Chémotypée\u003c\/p\u003e\n \u003cp class=\"lav-description\"\u003eUn trésor de Provence distillé avec soin dans la Drôme. Son parfum floral envoûtant et ses propriétés apaisantes en font une alliée incontournable de votre routine aromathérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eUne huile essentielle de lavandin aux multiples bienfaits\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eLe lavandin (\u003cem\u003eLavandula hybrida\u003c\/em\u003e) est un hybride naturel entre la lavande vraie et la lavande aspic. Plus généreuse en huile essentielle, elle offre un parfum puissant et des propriétés reconnues en aromathérapie.\u003c\/p\u003e\n \u003cdiv class=\"lav-grid\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e😌 Relaxation \u0026amp; sommeil\u003c\/h3\u003e\n \u003cp\u003eSon arôme apaisant aide à réduire le stress, calmer les tensions nerveuses et favoriser un endormissement plus serein.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌬️ Action assainissante\u003c\/h3\u003e\n \u003cp\u003eSes molécules naturelles purifient l'air ambiant et participent à une atmosphère saine dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e💪 Confort musculaire\u003c\/h3\u003e\n \u003cp\u003eEn massage diluée, elle soulage les muscles tendus après l'effort, les courbatures et les petites raideurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🦋 Répulsif naturel\u003c\/h3\u003e\n \u003cp\u003eSon odeur éloigne efficacement les mites et certains insectes indésirables de votre maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eComposition \u0026amp; qualité chémotypée\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eObtenue par \u003cstrong\u003edistillation à la vapeur d'eau à basse pression\u003c\/strong\u003e, cette huile essentielle conserve toute la richesse aromatique de la plante.\u003c\/p\u003e\n \u003cdiv class=\"lav-grid\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌸 Acétate de linalyle\u003c\/h3\u003e\n \u003cp\u003eAux propriétés relaxantes, il apaise le système nerveux et procure une sensation de calme profond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e✨ Linalol\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses qualités assainissantes et équilibrantes, il favorise un environnement sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌿 Camphre\u003c\/h3\u003e\n \u003cp\u003eTonifiant, il contribue au confort respiratoire et musculaire au quotidien.\u003c\/p\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\u003eComposition INCI :\u003c\/strong\u003e \u003cem\u003eLavandula hybrida\u003c\/em\u003e (huile essentielle 100 % pure, naturelle et biologique). Certifiée AB – Agriculture Biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de lavandin super ?\u003c\/h2\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💨 En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez \u003cstrong\u003e5 à 10 gouttes\u003c\/strong\u003e dans votre diffuseur pour profiter d'une ambiance relaxante, parfaite en fin de journée ou avant le coucher.\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💆 En massage\u003c\/h3\u003e\n \u003cp\u003eDiluez \u003cstrong\u003e2 à 3 gouttes\u003c\/strong\u003e dans une cuillère à soupe d'huile végétale (amande douce, jojoba) et massez les zones tendues : nuque, épaules, bas du dos ou jambes après le sport.\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🛁 Dans le bain\u003c\/h3\u003e\n \u003cp\u003eMélangez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e à une base neutre ou à du sel d'Epsom, puis versez dans l'eau du bain pour un moment de détente absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e🍯 Usage alimentaire\u003c\/h3\u003e\n \u003cp\u003ePour une touche florale originale, ajoutez \u003cstrong\u003e1 à 2 gouttes maximum par jour\u003c\/strong\u003e dans vos pâtisseries, miels ou infusions, toujours diluées dans un support adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi : huile essentielle de lavandin et danger\u003c\/h2\u003e\n \u003cdiv class=\"lav-accordion\"\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e⚠️ Mode d'application\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eNe jamais appliquer pure sur la peau, toujours diluer dans une huile végétale. Effectuez un test cutané dans le pli du coude avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e🤰 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillée aux femmes enceintes ou allaitantes\u003c\/strong\u003e et aux enfants de moins de 6 ans. Également déconseillée aux personnes épileptiques ou asthmatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur, hors de portée des enfants pour préserver toutes ses qualités aromatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile essentielle ne se substitue pas à un avis ou un traitement médical. En cas de doute, consultez un professionnel de santé ou un aromathérapeute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"lav-grid-compact\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine française\u003c\/h3\u003e\n \u003cp\u003eCultivée et distillée dans la Drôme, au cœur de la Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🤝 Engagement équitable\u003c\/h3\u003e\n \u003cp\u003eFlorame soutient l'agriculture paysanne et les producteurs locaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🧪 Qualité chémotypée\u003c\/h3\u003e\n \u003cp\u003eComposition vérifiée pour garantir efficacité et sécurité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌱 Certification bio\u003c\/h3\u003e\n \u003cp\u003e100 % issue de l'agriculture biologique, sans pesticides ni additifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003eAvec son flacon pratique de \u003cstrong\u003e10 ml\u003c\/strong\u003e, cette huile essentielle de lavandin bio s'intègre facilement dans votre trousse d'aromathérapie pour une routine bien-être naturelle et authentique. 💜\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lav-cream: #f7f5fb;\n --lav-white: #ffffff;\n --lav-primary: #8b7ab8;\n --lav-primary-dark: #5d4a87;\n --lav-primary-light: #ede8f5;\n --lav-secondary: #a8c66c;\n --lav-accent: #c9b8e0;\n --lav-text: #1a1a1a;\n --lav-text-light: #5a5a5a;\n --lav-border: #e0d9ec;\n --lav-shadow: 0 4px 24px rgba(93,74,135,.10);\n --lav-shadow-lg: 0 12px 48px rgba(93,74,135,.18);\n --lav-radius: 20px;\n --lav-radius-sm: 12px;\n}\n\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 color: var(--lav-text);\n}\n\n.lav-hero {\n position: relative;\n background: linear-gradient(135deg, #8b7ab8 0%, #6b5a9a 50%, #a8c66c 100%);\n border-radius: var(--lav-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--lav-shadow-lg);\n}\n\n.lav-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, white 1px, transparent 1px), radial-gradient(circle at 80% 70%, white 1px, transparent 1px);\n background-size: 60px 60px, 90px 90px;\n opacity: .08;\n}\n\n.lav-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lav-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.lav-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.lav-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n}\n\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.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 line-height: 1.2;\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.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.75rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\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.lav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lav-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lav-grid-compact .lav-card {\n padding: 1rem;\n}\n\n.lav-grid-compact .lav-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lav-grid-compact .lav-card p {\n font-size: 12px;\n}\n\n.lav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\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-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(93,74,135,.3);\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.6;\n}\n\n.lav-accordion {\n background: var(--lav-white);\n border-radius: var(--lav-radius);\n box-shadow: var(--lav-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.lav-accordion-item {\n border-bottom: 1px solid var(--lav-border);\n}\n\n.lav-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lav-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lav-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.lav-accordion-header:hover {\n background: var(--lav-primary-light);\n}\n\n.lav-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lav-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--lav-primary);\n transition: transform .2s ease;\n}\n\n.lav-accordion-item[open] .lav-accordion-header::after {\n content: '−';\n}\n\n.lav-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lav-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lav-accordion-content p {\n margin: 0;\n}\n\n.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.5rem;\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-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, 2.5rem);\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, 18px);\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 .lav-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .lav-card {\n padding: 1.125rem;\n }\n .lav-section {\n margin-bottom: 1.75rem;\n }\n .lav-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lav-radius-sm);\n }\n .lav-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .lav-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .lav-grid-compact {\n gap: .625rem;\n }\n .lav-grid-compact .lav-card {\n padding: .75rem;\n }\n .lav-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .lav-timeline-content {\n padding: .875rem 1rem;\n }\n .lav-timeline-content h3 {\n font-size: 14px;\n }\n .lav-timeline-content p {\n font-size: 13px;\n }\n .lav-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .lav-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .lav-card {\n animation: fadeInUp .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}\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 .lav-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":55163653226873,"sku":"FM0095","price":5.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-lavandin-grosso-bio-10ml-florame-packshothd.webp?v=1789026934"},{"product_id":"huile-essentielle-de-tea-tree-bio-10ml-florame","title":"Huile essentielle de Tea Tree Bio et Équitable - 10ml - Florame","description":"\u003cdiv class=\"tt-premium\"\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é AB\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e🤝 Fair for Life\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e💧 100% Pure \u0026amp; Chémotypée\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e🇿🇦 KwaZulu-Natal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tt-hero-title\"\u003eLa référence en aromathérapie polyvalente\u003c\/span\u003e\n \u003cp class=\"tt-description\"\u003eIssue de la coopérative Oribi en Afrique du Sud, 100% pure, chémotypée et obtenue par distillation à la vapeur d'eau des feuilles de Melaleuca alternifolia. Embouteillée à Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"tt-section\"\u003e\n \u003cp class=\"tt-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle de Tea Tree\u003c\/strong\u003e (Melaleuca alternifolia), aussi appelée arbre à thé, est sans doute la plus polyvalente des huiles essentielles. Celle proposée par Florame se distingue par sa \u003cstrong\u003ecertification biologique AB\u003c\/strong\u003e, son \u003cstrong\u003elabel Fair for Life\u003c\/strong\u003e et son origine soigneusement tracée : la région du KwaZulu-Natal, en Afrique du Sud. Récoltée par la coopérative Oribi, cette huile essentielle de tea tree est 100 % pure, chémotypée et obtenue par distillation à la vapeur d'eau des feuilles.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de Tea Tree\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eRiche en terpinèn-4-ol, ses \u003cstrong\u003ebienfaits\u003c\/strong\u003e sont reconnus depuis des générations en aromathérapie.\u003c\/p\u003e\n \u003cdiv class=\"tt-grid\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🛡️ Soutien des défenses\u003c\/h3\u003e\n \u003cp\u003eIdéale en période de fatigue saisonnière ou de changement de saison pour renforcer naturellement votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✨ Peau purifiée\u003c\/h3\u003e\n \u003cp\u003eUn grand classique en cas de petits boutons, imperfections ou ongles fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌬️ Air assaini\u003c\/h3\u003e\n \u003cp\u003eParfaite en diffusion atmosphérique légère pour purifier l'air ambiant de votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e😁 Confort buccal\u003c\/h3\u003e\n \u003cp\u003eUtilisée en bain de bouche très dilué pour un confort buccal au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🍃 Senteur tonifiante\u003c\/h3\u003e\n \u003cp\u003eSon odeur fraîche et camphrée crée des ambiances toniques au bureau comme à la maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌟 Polyvalence unique\u003c\/h3\u003e\n \u003cp\u003eLa star incontournable de toute trousse d'aromathérapie, à avoir absolument chez soi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle\u003c\/h2\u003e\n \u003cdiv class=\"tt-testimonial\"\u003e\n \u003cp class=\"tt-testimonial-text\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e \u003cem\u003eMelaleuca alternifolia (Tea Tree) Leaf Oil*\u003c\/em\u003e\u003cbr\u003e*Issu de l'agriculture biologique, certifié équitable.\u003cbr\u003e\u003cbr\u003eSans solvant, sans additif, sans conservateur. \u003cstrong\u003eChémotype garanti\u003c\/strong\u003e pour une qualité thérapeutique optimale.\u003cbr\u003e\u003cbr\u003eComposants biochimiques principaux : \u003cstrong\u003eterpinèn-4-ol, gamma-terpinène, alpha-terpinène\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de Tea Tree ?\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003ePlusieurs voies sont possibles selon vos besoins. Voici comment l'utiliser 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\u003e🖐️ Voie cutanée\u003c\/h3\u003e\n \u003cp\u003e1 goutte diluée dans une huile végétale (jojoba, amande douce) sur une imperfection ciblée.\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👄 Voie orale (adulte uniquement)\u003c\/h3\u003e\n \u003cp\u003e1 à 2 gouttes maximum par jour, sur un support neutre (miel, huile, comprimé neutre), sur 5 à 7 jours.\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💨 Diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eEn mélange avec d'autres huiles essentielles plus douces (citron, lavande), 10 minutes par heure.\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👃 Inhalation sèche\u003c\/h3\u003e\n \u003cp\u003e1 goutte sur un mouchoir à respirer profondément pour une action rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eHuile essentielle de Tea Tree : danger et précautions\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eTrès bien tolérée, elle reste un produit concentré qui demande quelques précautions essentielles.\u003c\/p\u003e\n \u003cdiv class=\"tt-accordion\"\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e⚠️ Application sur la peau\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eNe jamais l'appliquer pure sur de larges zones ni sur les muqueuses. Effectuer impérativement un test cutané au pli du coude avant toute application.\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🤰 Public déconseillé\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.\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⏱️ Durée d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser en continu : privilégier des cures courtes pour préserver l'efficacité et la tolérance.\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\u003eTenir hors de portée des enfants et conserver à l'abri de la lumière et de la chaleur.\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 ne se substitue pas à un traitement médical. En cas de doute, demandez conseil à un professionnel de santé ou à un aromathérapeute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn engagement équitable avec Florame\u003c\/h2\u003e\n \u003cdiv class=\"tt-cta-box\"\u003e\n \u003cp\u003eEn choisissant cette huile essentielle, vous soutenez la coopérative Oribi et les communautés zouloues qui cultivent le Melaleuca alternifolia dans le respect de la biodiversité locale. 🌍\u003cbr\u003e\u003cbr\u003eFlorame s'engage depuis plus de \u003cstrong\u003e30 ans\u003c\/strong\u003e pour une aromathérapie de qualité, biologique et éthique, embouteillée à \u003cstrong\u003eSaint-Rémy-de-Provence\u003c\/strong\u003e.\u003cbr\u003e\u003cbr\u003e✨ \u003cem\u003eUne référence incontournable pour démarrer ou compléter votre trousse d'aromathérapie. Pure, équitable et polyvalente, elle trouvera vite sa place dans votre quotidien.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tt-cream: #f7f5f0;\n --tt-white: #ffffff;\n --tt-primary: #7ba428;\n --tt-primary-dark: #4a6b1a;\n --tt-primary-light: #eaf3d6;\n --tt-secondary: #c89b3c;\n --tt-accent: #8b6f3f;\n --tt-text: #2a2f1f;\n --tt-text-light: #5a5f4f;\n --tt-border: #e0ddd2;\n --tt-shadow: 0 4px 24px rgba(74,107,26,.08);\n --tt-shadow-lg: 0 12px 48px rgba(74,107,26,.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 color: var(--tt-text);\n}\n\n.tt-hero {\n position: relative;\n background: linear-gradient(135deg, #7ba428 0%, #4a6b1a 50%, #2d4410 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% 30%, rgba(255,255,255,.3) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(200,155,60,.3) 0%, transparent 40%);\n opacity: .15;\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, 6vw, 48px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.tt-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n}\n\n.tt-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\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-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.2;\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.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\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.tt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\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-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74,107,26,.25);\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 border-left: 3px solid var(--tt-primary);\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.tt-testimonial {\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-primary);\n max-width: 800px;\n margin: 0 auto;\n}\n\n.tt-testimonial-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--tt-text);\n line-height: 1.8;\n margin: 0;\n}\n\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: 800px;\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: 22px;\n font-weight: 400;\n color: var(--tt-primary);\n transition: transform .2s ease;\n margin-left: 10px;\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.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 box-shadow: var(--tt-shadow-lg);\n}\n\n.tt-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(200,155,60,.25) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.tt-cta-box p {\n color: white;\n font-size: clamp(15px, 2.3vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n@media (max-width: 767px) {\n .tt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .tt-card {\n padding: 1.125rem;\n }\n .tt-section {\n margin-bottom: 1.75rem;\n }\n .tt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tt-radius-sm);\n }\n .tt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .tt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .tt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .tt-timeline-content {\n padding: .875rem 1rem;\n }\n .tt-timeline-content h3 {\n font-size: 14px;\n }\n .tt-timeline-content p {\n font-size: 13px;\n }\n .tt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .tt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .tt-testimonial {\n padding: 1.25rem;\n }\n .tt-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .tt-card {\n animation: fadeInUp .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}\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 .tt-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":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-et-equitable-10ml-florame-packshothd.webp?v=1789474763"},{"product_id":"huile-essentielle-de-ravintsara-bio-10ml-florame","title":"Huile essentielle de Ravintsara bio – 10ml – Florame","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🌿 100% Pure \u0026amp; Naturelle\u003c\/span\u003e\n \u003cspan class=\"rav-badge\"\u003e🇲🇬 Madagascar\u003c\/span\u003e\n \u003cspan class=\"rav-badge\"\u003e✅ Certifiée AB\u003c\/span\u003e\n \u003cspan class=\"rav-badge\"\u003e🤝 Commerce Équitable\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\"\u003eFlorame · 10 ml · Cinnamomum camphora CT cinéole\u003c\/p\u003e\n \u003cp class=\"rav-description\"\u003eDistillée à Madagascar par une coopérative paysanne engagée, une alliée précieuse en saison froide pour le \u003cstrong\u003econfort respiratoire\u003c\/strong\u003e et le \u003cstrong\u003etonus quotidien\u003c\/strong\u003e. Parfum frais, camphré et délicatement boisé.\u003c\/p\u003e\n \u003cdiv class=\"rav-hero-note\"\u003e\n \u003cstrong\u003eEn deux mots :\u003c\/strong\u003e traçabilité exemplaire, distillation vapeur douce et une filière qui rémunère justement les producteurs malgaches.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rav-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits de l'huile essentielle de Ravintsara ?\u003c\/h2\u003e\n \u003cp class=\"rav-section-intro\"\u003eStar incontestée de l'aromathérapie, la \u003cstrong\u003eravintsara huile essentielle\u003c\/strong\u003e séduit par sa douceur d'utilisation et sa polyvalence :\u003c\/p\u003e\n \u003cdiv class=\"rav-grid\"\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eTrès appréciée en diffusion durant les périodes hivernales pour assainir l'air ambiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e⚡ Tonus \u0026amp; vitalité\u003c\/h3\u003e\n \u003cp\u003eSon parfum frais aide à retrouver énergie et clarté mentale dès le matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🍂 Bien-être saisonnier\u003c\/h3\u003e\n \u003cp\u003eUn classique pour traverser sereinement l'automne et l'hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🌱 Éthique \u0026amp; qualité\u003c\/h3\u003e\n \u003cp\u003eFilière paysanne malgache, agriculture biologique et commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rav-section\"\u003e\n \u003ch2\u003eProfil aromatique et principaux constituants\u003c\/h2\u003e\n \u003cp class=\"rav-section-intro\"\u003eRavintsara CT cinéole — une synergie naturelle reconnue en aromathérapie pour son intérêt en diffusion et en massage dilué.\u003c\/p\u003e\n \u003cdiv class=\"rav-grid-compact\"\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🧪 1,8-cinéole\u003c\/h3\u003e\n \u003cp\u003e50 à 60 % du profil moléculaire majoritaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🌿 Sabinène\u003c\/h3\u003e\n \u003cp\u003eMonoterpène frais et boisé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e💧 Alpha-terpinéol\u003c\/h3\u003e\n \u003cp\u003eNote douce et florale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🌲 Alpha-pinène\u003c\/h3\u003e\n \u003cp\u003eTouche résineuse et tonifiante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rav-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de Ravintsara ?\u003c\/h2\u003e\n \u003cp class=\"rav-section-intro\"\u003eVoici les principales utilisations de l'\u003cstrong\u003ehuile essentielle de ravintsara\u003c\/strong\u003e au quotidien :\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💨 Diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003e3 à 5 gouttes dans un diffuseur, 10 à 20 minutes, jusqu'à 3 fois par jour.\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👃 Inhalation sèche\u003c\/h3\u003e\n \u003cp\u003e1 goutte sur un mouchoir, à respirer profondément quelques minutes.\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💆 Massage dilué\u003c\/h3\u003e\n \u003cp\u003e1 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 par jour.\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🍵 Usage culinaire\u003c\/h3\u003e\n \u003cp\u003eUniquement si l'étiquetage l'autorise, 1 goutte dans une tisane ou avec du miel, maximum 2 gouttes par jour.\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\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e associez-la à 1 goutte d'\u003cem\u003eeucalyptus radié\u003c\/em\u003e en diffusion pour une ambiance encore plus fraîche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rav-section\"\u003e\n \u003ch2\u003eSynergies simples et efficaces\u003c\/h2\u003e\n \u003cdiv class=\"rav-grid\"\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🌬️ Ravintsara + Eucalyptus radié\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eEn diffusion\u003c\/strong\u003e — Sensation de nez dégagé et fraîcheur immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🛁 Ravintsara + Niaouli\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eEn massage dilué\u003c\/strong\u003e — Rituel cocooning idéal pour la saison froide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🍃 Ravintsara + Tea tree\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eEn diffusion\u003c\/strong\u003e — Ambiance \"air pur\" à la maison.\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 et caractéristiques\u003c\/h2\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\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-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=\"rav-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eMadagascar (commerce équitable)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAB Agriculture Biologique (FR-BIO-01)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml (≈ 250 à 300 gouttes)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rav-section\" style=\"margin-bottom:0px!important;\"\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👶 Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservée à l'adulte et à l'enfant de plus de 6 ans. \u003cstrong\u003eDéconseillée\u003c\/strong\u003e pendant la grossesse et l'allaitement.\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💧 Dilution obligatoire\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003eNe jamais appliquer pure : \u003cstrong\u003ediluer\u003c\/strong\u003e dans une huile végétale (1-2 % visage \/ 2-3 % corps).\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👁️ Zones à éviter\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter 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=\"rav-accordion-item\"\u003e\n \u003csummary class=\"rav-accordion-header\"\u003e⚠️ Cas particuliers\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003ePersonnes asthmatiques ou épileptiques : demander l'avis d'un professionnel de santé.\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🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003eTest cutané préalable (pli du coude, 24-48 h). En cas d'irritation, rincer avec une huile végétale.\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🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à 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=\"rav-disclaimer\"\u003e\u003cem\u003eCe produit ne remplace en aucun cas un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rav-cream: #f6f9f2;\n --rav-white: #ffffff;\n --rav-primary: #8bc34a;\n --rav-primary-dark: #4a7c2a;\n --rav-primary-light: #eaf4dc;\n --rav-secondary: #6ba83a;\n --rav-accent: #c8e08f;\n --rav-text: #1a2e10;\n --rav-text-light: #5a6b50;\n --rav-border: #d8e5c5;\n --rav-shadow: 0 4px 24px rgba(74,124,42,.08);\n --rav-shadow-lg: 0 12px 48px rgba(74,124,42,.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 line-height: 1.6;\n}\n\n.rav-hero {\n position: relative;\n background: linear-gradient(135deg, #8bc34a 0%, #6ba83a 50%, #4a7c2a 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% 20%, white 1px, transparent 1px), radial-gradient(circle at 80% 60%, white 1px, transparent 1px);\n background-size: 60px 60px, 90px 90px;\n opacity: .08;\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(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.rav-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 font-style: italic;\n}\n\n.rav-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n}\n\n.rav-description strong {\n color: white;\n font-weight: 700;\n}\n\n.rav-hero-note {\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: var(--rav-radius-sm);\n padding: 1rem 1.5rem;\n color: white;\n font-size: clamp(13px, 2vw, 15px);\n max-width: 700px;\n margin: 0 auto;\n border: 1px solid rgba(255,255,255,.2);\n}\n\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.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-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\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-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.rav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\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-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(139,195,74,.3);\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.5;\n}\n\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.25rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\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.rav-accordion {\n background: var(--rav-white);\n border-radius: var(--rav-radius);\n box-shadow: var(--rav-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\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 background: transparent;\n border: none;\n margin: 0;\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: 20px;\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 {\n margin: 0;\n}\n\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 max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .rav-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .rav-card {\n padding: 1.125rem;\n }\n \n .rav-section {\n margin-bottom: 1.75rem;\n }\n \n .rav-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rav-radius-sm);\n }\n \n .rav-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .rav-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .rav-grid-compact {\n gap: .625rem;\n }\n \n .rav-grid-compact .rav-card {\n padding: .75rem;\n }\n \n .rav-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .rav-timeline-content {\n padding: .875rem 1rem;\n }\n \n .rav-timeline-content h3 {\n font-size: 14px;\n }\n \n .rav-timeline-content p {\n font-size: 13px;\n }\n \n .rav-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .rav-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\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":"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-packshothd.webp?v=1789485671"},{"product_id":"huile-essentielle-de-menthe-poivree-bio-10ml-florame","title":"Huile essentielle de Menthe poivrée bio – 10 ml – Florame","description":"\u003cdiv class=\"fmp-premium\"\u003e\n\n \u003cdiv class=\"fmp-hero\"\u003e\n \u003cdiv class=\"fmp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fmp-hero-content\"\u003e\n \u003cdiv class=\"fmp-badges-top\"\u003e\n \u003cspan class=\"fmp-badge\"\u003e🌿 100% Bio \u0026amp; Naturel\u003c\/span\u003e\n \u003cspan class=\"fmp-badge\"\u003e🇫🇷 Origine Quercy\u003c\/span\u003e\n \u003cspan class=\"fmp-badge\"\u003e💧 10 ml\u003c\/span\u003e\n \u003cspan class=\"fmp-badge\"\u003e🏆 Expertise depuis 1990\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fmp-hero-title\"\u003eLa fraîcheur mentholée du Quercy en une goutte\u003c\/span\u003e\n \u003cp class=\"fmp-subtitle\"\u003eHuile essentielle de Menthe poivrée bio – Florame\u003c\/p\u003e\n \u003cp class=\"fmp-description\"\u003eUne véritable pépite aromatique issue d'une production française équitable, 100% pure et naturelle, obtenue par distillation à la vapeur d'eau des parties aériennes de \u003cem\u003eMentha x Piperita\u003c\/em\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fmp-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile essentielle de menthe poivrée\u003c\/h2\u003e\n \u003cp class=\"fmp-section-intro\"\u003eRiche en \u003cstrong\u003ementhol\u003c\/strong\u003e (35 à 50 %) et en \u003cstrong\u003ementhone\u003c\/strong\u003e, la menthe poivrée est l'une des huiles essentielles les plus polyvalentes en aromathérapie.\u003c\/p\u003e\n \u003cdiv class=\"fmp-grid\"\u003e\n \u003cdiv class=\"fmp-card\"\u003e\n \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eElle contribue à apaiser les sensations de lourdeur après un repas copieux, les ballonnements et les petites nausées passagères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fmp-card\"\u003e\n \u003ch3\u003e❄️ Effet rafraîchissant\u003c\/h3\u003e\n \u003cp\u003eSon parfum mentholé procure une sensation de fraîcheur immédiate, idéale en été ou en cas de coup de chaud.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fmp-card\"\u003e\n \u003ch3\u003e⚡ Tonus et concentration\u003c\/h3\u003e\n \u003cp\u003eRespirée, elle stimule la vigilance et aide à chasser la sensation de fatigue mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fmp-card\"\u003e\n \u003ch3\u003e🍃 Fraîcheur de l'haleine\u003c\/h3\u003e\n \u003cp\u003eDiluée, elle parfume agréablement les préparations buccales pour une haleine tonique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fmp-section\"\u003e\n \u003ch2\u003eUtilisation de l'huile essentielle de menthe poivrée\u003c\/h2\u003e\n \u003cp class=\"fmp-section-intro\"\u003eComment utiliser cette huile essentielle de menthe poivrée au quotidien ? Voici les principales voies d'utilisation :\u003c\/p\u003e\n \u003cdiv class=\"fmp-timeline\"\u003e\n \u003cdiv class=\"fmp-timeline-item\"\u003e\n \u003cdiv class=\"fmp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fmp-timeline-content\"\u003e\n \u003ch3\u003e🍫 En cuisine\u003c\/h3\u003e\n \u003cp\u003eAjoutez \u003cstrong\u003e1 à 3 gouttes\u003c\/strong\u003e maximum dans une mousse au chocolat, une infusion, une salade de fruits ou une boisson fraîche. Commencez toujours par une seule goutte diluée dans un support gras (miel, huile, sucre).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fmp-timeline-item\"\u003e\n \u003cdiv class=\"fmp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fmp-timeline-content\"\u003e\n \u003ch3\u003e💨 En diffusion\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans un diffuseur, en mélange avec du citron ou de la lavande, pour assainir l'atmosphère et favoriser la concentration. Évitez la diffusion prolongée et en présence d'enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fmp-timeline-item\"\u003e\n \u003cdiv class=\"fmp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fmp-timeline-content\"\u003e\n \u003ch3\u003e🤲 En application cutanée\u003c\/h3\u003e\n \u003cp\u003eUniquement \u003cstrong\u003ediluée à 5 % maximum\u003c\/strong\u003e dans une huile végétale (amande douce, jojoba), en massage très localisé sur les tempes ou le bas du ventre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fmp-timeline-item\"\u003e\n \u003cdiv class=\"fmp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"fmp-timeline-content\"\u003e\n \u003ch3\u003e👃 En olfaction\u003c\/h3\u003e\n \u003cp\u003e1 goutte sur un mouchoir, à respirer en cas de coup de fatigue ou de mal des transports.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fmp-section\"\u003e\n \u003ch2\u003eComposition et fiche technique\u003c\/h2\u003e\n \u003cdiv class=\"fmp-grid-compact\"\u003e\n \u003cdiv class=\"fmp-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eMentha x Piperita\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fmp-card\"\u003e\n \u003ch3\u003e🍃 Partie utilisée\u003c\/h3\u003e\n \u003cp\u003eParties aériennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fmp-card\"\u003e\n \u003ch3\u003e💨 Procédé\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau sous basse pression\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fmp-card\"\u003e\n \u003ch3\u003e🧪 Molécules principales\u003c\/h3\u003e\n \u003cp\u003eMenthol, menthone, 1,8-cinéole\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fmp-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eBio – AB \/ Bio Équitable en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fmp-card\"\u003e\n \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n \u003cp\u003eQuercy, France (coopérative MENTA COOP)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fmp-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fmp-card\"\u003e\n \u003ch3\u003e🔬 Qualité\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle chémotypée (HECT)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fmp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"fmp-accordion\"\u003e\n \u003cdetails class=\"fmp-accordion-item\"\u003e\n \u003csummary class=\"fmp-accordion-header\"\u003e🚫 Publics déconseillés\u003c\/summary\u003e\n \u003cdiv class=\"fmp-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fmp-accordion-item\"\u003e\n \u003csummary class=\"fmp-accordion-header\"\u003e⚠️ Application cutanée\u003c\/summary\u003e\n \u003cdiv class=\"fmp-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer pure sur la peau, ni près des yeux et des muqueuses. Toujours diluer dans une huile végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fmp-accordion-item\"\u003e\n \u003csummary class=\"fmp-accordion-header\"\u003e❤️ Contre-indications médicales\u003c\/summary\u003e\n \u003cdiv class=\"fmp-accordion-content mt-3\"\u003e\n \u003cp\u003eContre-indiquée en cas d'épilepsie, d'hypertension ou de troubles cardiaques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fmp-accordion-item\"\u003e\n \u003csummary class=\"fmp-accordion-header\"\u003e👨‍⚕️ Avis professionnel\u003c\/summary\u003e\n \u003cdiv class=\"fmp-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis d'un professionnel de santé en cas de doute. 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 \u003c\/section\u003e\n\n \u003csection class=\"fmp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"fmp-cta-box\"\u003e\n \u003cp\u003ePionnier de l'aromathérapie bio depuis 1990, \u003cstrong\u003eFlorame\u003c\/strong\u003e garantit une traçabilité totale, une distillation respectueuse de la plante et un soutien direct aux producteurs français. Choisir cette huile essentielle de menthe poivrée bio, c'est faire le pari de la qualité, du goût et d'une agriculture paysanne engagée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fmp-disclaimer\"\u003eProduit certifié Agriculture Biologique – Bio Équitable en France 🇫🇷\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fmp-cream: #f5faf3;\n --fmp-white: #ffffff;\n --fmp-primary: #7cba3d;\n --fmp-primary-dark: #2d5a1e;\n --fmp-primary-light: #eaf5e0;\n --fmp-secondary: #4a8f2a;\n --fmp-accent: #a8d97a;\n\n --fmp-text: #1a2f14;\n --fmp-text-light: #5a6a52;\n\n --fmp-border: #d8e8ca;\n --fmp-shadow: 0 4px 24px rgba(45, 90, 30, .08);\n --fmp-shadow-lg: 0 12px 48px rgba(45, 90, 30, .18);\n --fmp-radius: 20px;\n --fmp-radius-sm: 12px;\n}\n\n.fmp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fmp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--fmp-text);\n}\n\n.fmp-hero {\n position: relative;\n background: linear-gradient(135deg, #4a8f2a 0%, #7cba3d 50%, #a8d97a 100%);\n border-radius: var(--fmp-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(--fmp-shadow-lg);\n}\n\n.fmp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .5;\n}\n\n.fmp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fmp-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.fmp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.fmp-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 720px;\n}\n\n.fmp-description em {\n font-style: italic;\n font-weight: 600;\n}\n\n.fmp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fmp-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(--fmp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fmp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fmp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fmp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fmp-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.fmp-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(--fmp-primary), var(--fmp-secondary));\n border-radius: 2px;\n}\n\n.fmp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fmp-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.fmp-section-intro strong {\n color: var(--fmp-primary-dark);\n}\n\n.fmp-card {\n background: var(--fmp-white);\n border-radius: var(--fmp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fmp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fmp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fmp-shadow-lg);\n border-color: var(--fmp-primary);\n}\n\n.fmp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fmp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fmp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fmp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fmp-card p strong {\n color: var(--fmp-primary-dark);\n}\n\n.fmp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.fmp-grid-compact {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n}\n\n.fmp-grid-compact .fmp-card {\n padding: 1rem;\n}\n\n.fmp-grid-compact .fmp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fmp-grid-compact .fmp-card p {\n font-size: 12px;\n}\n\n.fmp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.fmp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fmp-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--fmp-primary), var(--fmp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(74,143,42,.35);\n}\n\n.fmp-timeline-content {\n flex: 1;\n background: var(--fmp-white);\n padding: 1.125rem 1.375rem;\n border-radius: var(--fmp-radius-sm);\n box-shadow: var(--fmp-shadow);\n border-left: 3px solid var(--fmp-primary);\n}\n\n.fmp-timeline-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--fmp-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.fmp-timeline-content p {\n font-size: 14px;\n color: var(--fmp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fmp-timeline-content p strong {\n color: var(--fmp-primary-dark);\n}\n\n.fmp-accordion {\n background: var(--fmp-white);\n border-radius: var(--fmp-radius);\n box-shadow: var(--fmp-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.fmp-accordion-item {\n border-bottom: 1px solid var(--fmp-border);\n margin: 0;\n padding: 0;\n}\n\n.fmp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fmp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fmp-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.fmp-accordion-header:hover {\n background: var(--fmp-primary-light);\n}\n\n.fmp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fmp-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--fmp-primary);\n transition: transform .2s ease;\n}\n\n.fmp-accordion-item[open] .fmp-accordion-header::after {\n content: '−';\n}\n\n.fmp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fmp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fmp-accordion-content p {\n margin: 0;\n}\n\n.fmp-accordion-content p strong {\n color: var(--fmp-primary-dark);\n}\n\n.fmp-cta-box {\n background: linear-gradient(135deg, var(--fmp-primary) 0%, var(--fmp-primary-dark) 100%);\n border-radius: var(--fmp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--fmp-shadow-lg);\n}\n\n.fmp-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.fmp-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.fmp-cta-box p strong {\n font-weight: 800;\n}\n\n.fmp-disclaimer {\n font-size: 12px;\n color: var(--fmp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .fmp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .fmp-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .fmp-grid-compact .fmp-card {\n padding: .75rem;\n }\n \n .fmp-card {\n padding: 1.125rem;\n }\n \n .fmp-section {\n margin-bottom: 1.75rem;\n }\n \n .fmp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fmp-radius-sm);\n }\n \n .fmp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .fmp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .fmp-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .fmp-timeline-content {\n padding: .875rem 1rem;\n }\n \n .fmp-timeline-content h3 {\n font-size: 14px;\n }\n \n .fmp-timeline-content p {\n font-size: 13px;\n }\n \n .fmp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .fmp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fmp-card {\n animation: fadeInUp .5s ease backwards;\n }\n .fmp-card:nth-child(1) { animation-delay: .05s; }\n .fmp-card:nth-child(2) { animation-delay: .1s; }\n .fmp-card:nth-child(3) { animation-delay: .15s; }\n .fmp-card:nth-child(4) { animation-delay: .2s; }\n .fmp-card:nth-child(5) { animation-delay: .25s; }\n .fmp-card:nth-child(6) { animation-delay: .3s; }\n .fmp-card:nth-child(7) { animation-delay: .35s; }\n .fmp-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fmp-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":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-de-menthe-poivree-bio-10-ml-florame-packshothd.webp?v=1789820609"},{"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":"lavande-fine-bio-10ml-florame","title":"Huile essentielle de Lavande Fine bio – 10 ml – Florame","description":"\u003cdiv class=\"lav-premium\"\u003e\n \u003cdiv class=\"lav-hero\"\u003e\n \u003cdiv class=\"lav-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lav-hero-content\"\u003e\n \u003cdiv class=\"lav-badges-top\"\u003e\n \u003cspan class=\"lav-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e🇫🇷 Origine Drôme\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e💜 100% Pure\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e⚖️ Équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lav-hero-title\"\u003eHuile Essentielle de Lavande Fine Bio\u003c\/span\u003e\n \u003cp class=\"lav-subtitle\"\u003eFlorame • 10 ml • Lavandula angustifolia\u003c\/p\u003e\n \u003cp class=\"lav-description\"\u003eVéritable trésor de la Provence, cette huile essentielle chémotypée est reconnue pour ses vertus apaisantes et son parfum floral incomparable. Issue de lavande cultivée dans la Drôme, 100% pure, naturelle et certifiée biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile essentielle de lavande vraie\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eSouvent appelée \u003cstrong\u003elavande vraie\u003c\/strong\u003e, \u003cstrong\u003elavande fine\u003c\/strong\u003e ou \u003cstrong\u003elavande officinale\u003c\/strong\u003e, cette huile essentielle est la plus polyvalente et la plus douce de la famille des lavandes. À ne pas confondre avec la \u003cstrong\u003elavande aspic\u003c\/strong\u003e (\u003cem\u003eLavandula latifolia\u003c\/em\u003e), plus tonique et davantage utilisée pour les piqûres ou brûlures légères.\u003c\/p\u003e\n \u003cdiv class=\"lav-grid\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e😴 Détente \u0026amp; sommeil\u003c\/h3\u003e\n \u003cp\u003eFavorise un sommeil réparateur en cas de stress, nervosité ou agitation au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e💆 Tensions apaisées\u003c\/h3\u003e\n \u003cp\u003eApaise les petites tensions musculaires et les inconforts du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌸 Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eApplication ciblée sur petites irritations cutanées, rougeurs ou imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌺 Parfum délicat\u003c\/h3\u003e\n \u003cp\u003eParfume délicatement le linge, l'intérieur ou vos préparations cosmétiques maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eComposition biochimique (chémotype)\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eFlorame garantit une huile \u003cstrong\u003echémotypée\u003c\/strong\u003e, gage de qualité thérapeutique. Distillée à la \u003cstrong\u003evapeur d'eau sous basse pression\u003c\/strong\u003e, elle conserve toute la richesse aromatique de la plante.\u003c\/p\u003e\n \u003cdiv class=\"lav-grid-compact\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🧪 Acétate de linalyle\u003c\/h3\u003e\n \u003cp\u003eMolécule calmante qui contribue à réduire l'anxiété et favorise la relaxation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌙 Linalol\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés relaxantes et son action bénéfique sur le sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de lavande essentielle ?\u003c\/h2\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💨 En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003e5 à 10 gouttes dans un diffuseur, 15 minutes avant le coucher, pour une ambiance apaisante et propice au sommeil.\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🤲 En application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 goutte dans une huile végétale (amande douce, jojoba) et massez la nuque, les poignets ou la plante des pieds. Idéale aussi en complément d'un soin capillaire maison.\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🍯 En usage alimentaire\u003c\/h3\u003e\n \u003cp\u003e1 à 2 gouttes (maximum 2 par jour) pour parfumer une infusion, un miel ou un dessert raffiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Lavande et poux\u003c\/h3\u003e\n \u003cp\u003eL'huile essentielle de lavande pour les poux est traditionnellement utilisée pour son odeur répulsive. Quelques gouttes derrière les oreilles ou sur le col, après dilution, peuvent compléter une routine préventive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi : attention aux dangers\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eBien que douce, cette huile essentielle nécessite quelques précautions. Voici les principaux points concernant le \u003cstrong\u003edanger éventuel de l'huile essentielle de lavande\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"lav-accordion\"\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e🤰 Public déconseillé\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes (surtout durant les 3 premiers mois), allaitantes et aux enfants de moins de 3 ans sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e🧪 Test cutané préalable\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eFaire un test cutané dans le pli du coude avant toute application, et ne jamais appliquer pure sur une peau sensible ou sur les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e🔒 Conservation \u0026amp; sécurité\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants et conserver à l'abri de la lumière, dans un endroit frais et sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace en aucun cas un traitement médical. En cas de doute, de pathologie ou de prise de médicaments, demandez conseil à 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 \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003ePourquoi choisir la lavande fine bio Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"lav-grid-compact\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eCultivée dans la Drôme par la coopérative France Lavande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌿 Certifiée AB \u0026amp; équitable\u003c\/h3\u003e\n \u003cp\u003ePour une aromathérapie responsable et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e💎 100% pure \u0026amp; naturelle\u003c\/h3\u003e\n \u003cp\u003eChémotypée, sans additif ni conservateur ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🍶 Flacon ambré 10 ml\u003c\/h3\u003e\n \u003cp\u003eAvec compte-gouttes sécurisé pour un dosage précis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"lav-cta-box\"\u003e\n \u003cp\u003e100% huile essentielle de Lavande fine (\u003cem\u003eLavandula angustifolia\u003c\/em\u003e) biologique et équitable. Issue de l'agriculture biologique — FR-BIO-01.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lav-disclaimer\"\u003eCe produit ne se substitue pas à un traitement médical. Demandez conseil à un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lav-cream: #f7f4fb;\n --lav-white: #ffffff;\n --lav-primary: #8b6fbf;\n --lav-primary-dark: #5d4585;\n --lav-primary-light: #ede6f7;\n --lav-secondary: #a8c66c;\n --lav-accent: #d4b8e8;\n --lav-text: #1a1a1a;\n --lav-text-light: #5a5a5a;\n --lav-border: #e0d6ec;\n --lav-shadow: 0 4px 24px rgba(93, 69, 133, .08);\n --lav-shadow-lg: 0 12px 48px rgba(93, 69, 133, .18);\n --lav-radius: 20px;\n --lav-radius-sm: 12px;\n}\n\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 color: var(--lav-text);\n line-height: 1.6;\n}\n\n.lav-hero {\n position: relative;\n background: linear-gradient(135deg, #8b6fbf 0%, #a888d1 50%, #a8c66c 100%);\n border-radius: var(--lav-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--lav-shadow-lg);\n}\n\n.lav-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .15;\n}\n\n.lav-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lav-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.lav-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n}\n\n.lav-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\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.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 line-height: 1.2;\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.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.75rem;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\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.lav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lav-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lav-grid-compact .lav-card {\n padding: 1rem;\n}\n\n.lav-grid-compact .lav-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lav-grid-compact .lav-card p {\n font-size: 12px;\n}\n\n.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 box-shadow: 0 4px 12px rgba(139, 111, 191, .3);\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.lav-accordion {\n background: var(--lav-white);\n border-radius: var(--lav-radius);\n box-shadow: var(--lav-shadow);\n overflow: hidden;\n}\n\n.lav-accordion-item {\n border-bottom: 1px solid var(--lav-border);\n margin: 0;\n padding: 0;\n}\n\n.lav-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lav-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lav-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.lav-accordion-header:hover {\n background: var(--lav-primary-light);\n}\n\n.lav-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lav-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--lav-primary);\n transition: transform .2s ease;\n}\n\n.lav-accordion-item[open] .lav-accordion-header::after {\n content: '−';\n}\n\n.lav-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lav-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lav-accordion-content p {\n margin: 0;\n}\n\n.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 box-shadow: var(--lav-shadow-lg);\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.lav-disclaimer {\n font-size: 12px;\n color: var(--lav-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .lav-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .lav-card {\n padding: 1.125rem;\n }\n .lav-section {\n margin-bottom: 1.75rem;\n }\n .lav-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lav-radius-sm);\n }\n .lav-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .lav-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .lav-grid-compact {\n gap: .625rem;\n }\n .lav-grid-compact .lav-card {\n padding: .75rem;\n }\n .lav-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .lav-timeline-content {\n padding: .875rem 1rem;\n }\n .lav-timeline-content h3 {\n font-size: 14px;\n }\n .lav-timeline-content p {\n font-size: 13px;\n }\n .lav-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .lav-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\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\n@keyframes lavFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\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":"FLORAME","offers":[{"title":"Default Title","offer_id":55183922430329,"sku":"FM0090","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/florame_he_lavande-fine.jpg?v=1763626227"},{"product_id":"aigue-marine-elixir-de-cristal-30ml-ansil","title":"Aigue-Marine (élixir de cristal) - 30ml - Ansil","description":"\u003cdiv class=\"am-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"am-hero\"\u003e\n \u003cdiv class=\"am-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"am-hero-content\"\u003e\n \u003cdiv class=\"am-badges-top\"\u003e\n \u003cspan class=\"am-badge\"\u003e💎 Élixir de cristal\u003c\/span\u003e\n \u003cspan class=\"am-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"am-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"am-hero-title\"\u003eAigue-Marine — Élixir de cristal 30 ml\u003c\/span\u003e\n \u003cp class=\"am-subtitle\"\u003ePar Ansil — Élixirs \u0026amp; Huiles de cristaux\u003c\/p\u003e\n \u003cp class=\"am-description\"\u003eUne préparation vibratoire d'exception pour retrouver calme intérieur, clarté mentale et équilibre émotionnel au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"am-section\"\u003e\n \u003ch2\u003eÉlixir de cristal d'Aigue-Marine Ansil : sérénité et clarté émotionnelle\u003c\/h2\u003e\n \u003cp class=\"am-section-intro\"\u003eL'\u003cstrong\u003eélixir de cristal d'Aigue-Marine\u003c\/strong\u003e d'Ansil est une préparation vibratoire élaborée selon les principes de la lithothérapie. Il associe l'énergie subtile de la pierre d'aigue-marine à des extraits végétaux soigneusement sélectionnés pour vous accompagner vers un état de \u003cstrong\u003ecalme intérieur\u003c\/strong\u003e et d'équilibre émotionnel.\u003c\/p\u003e\n \u003cdiv class=\"am-grid-compact\"\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🧘 Apaisement profond\u003c\/h3\u003e\n \u003cp\u003eCalme les tensions nerveuses et le stress accumulé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n \u003cp\u003eDissipe la surcharge mentale et favorise la concentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e💬 Communication sereine\u003c\/h3\u003e\n \u003cp\u003eAgit sur le chakra de la gorge pour une expression fluide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🌊 Lâcher-prise\u003c\/h3\u003e\n \u003cp\u003eInvite à retrouver un flux intérieur harmonieux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"am-section\"\u003e\n \u003ch2\u003ePourquoi l'aigue-marine en lithothérapie ?\u003c\/h2\u003e\n \u003cdiv class=\"am-testimonial\"\u003e\n \u003cp class=\"am-testimonial-text\"\u003eEn lithothérapie, l'aigue-marine est considérée comme une \u003cstrong\u003epierre d'apaisement par excellence\u003c\/strong\u003e. On lui attribue la capacité de calmer les émotions intenses, de favoriser la clarté mentale et d'encourager une communication plus sereine. À l'image de l'eau de mer dont elle tire sa teinte bleutée, cette pierre invite à lâcher prise et à retrouver un flux intérieur harmonieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-tip\"\u003e\n \u003cspan class=\"am-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à un \u003cstrong\u003eélixir de cristal de roche\u003c\/strong\u003e, dont les propriétés sont davantage orientées vers la revitalisation globale, l'élixir d'aigue-marine cible spécifiquement la \u003cstrong\u003esphère émotionnelle\u003c\/strong\u003e et le \u003cstrong\u003echakra de la gorge\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"am-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"am-section-intro\"\u003eUne formule \u003cstrong\u003e100 % naturelle\u003c\/strong\u003e, sans colorant ni additif de synthèse, aux ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"am-grid\"\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eBase de la préparation, servant de support aux informations vibratoires du cristal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🌾 Silice végétale\u003c\/h3\u003e\n \u003cp\u003eExtraite de prêle, ortie, bambou, millet brun, renouée des oiseaux et pissenlit. Ce complexe végétal apporte une reminéralisation douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🫧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eAssure l'onctuosité et la bonne cohésion de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🍦 Oléorésine de vanille\u003c\/h3\u003e\n \u003cp\u003eApporte une note apaisante et rend la prise sublinguale agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🍷 Alcool 14 % vol.\u003c\/h3\u003e\n \u003cp\u003eStabilise la préparation et garantit une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e💎 Cristaux d'Aigue-Marine\u003c\/h3\u003e\n \u003cp\u003eLe cœur même de l'élixir, qui transmet les vibrations énergétiques de la pierre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"am-section\"\u003e\n \u003ch2\u003ePosologie et conseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"am-section-intro\"\u003ePour tirer le meilleur parti de cet élixir de cristal d'aigue-marine, suivez ce protocole simple :\u003c\/p\u003e\n \u003cdiv class=\"am-timeline\"\u003e\n \u003cdiv class=\"am-timeline-item\"\u003e\n \u003cdiv class=\"am-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"am-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez vigoureusement avant chaque prise afin de réactiver les propriétés énergétiques de l'élixir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-timeline-item\"\u003e\n \u003cdiv class=\"am-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"am-timeline-content\"\u003e\n \u003ch3\u003e30 gouttes sous la langue\u003c\/h3\u003e\n \u003cp\u003eDéposez \u003cstrong\u003e30 gouttes par jour\u003c\/strong\u003e, de préférence vers 18 h, sous la langue pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-timeline-item\"\u003e\n \u003cdiv class=\"am-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"am-timeline-content\"\u003e\n \u003ch3\u003eCure de 21 jours\u003c\/h3\u003e\n \u003cp\u003eSuivez une cure de \u003cstrong\u003e21 jours consécutifs\u003c\/strong\u003e, en observant une pause chaque dimanche. Le flacon de 30 ml couvre exactement une cure complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-timeline-item\"\u003e\n \u003cdiv class=\"am-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"am-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eVous pouvez renouveler la cure après \u003cstrong\u003eune semaine de pause\u003c\/strong\u003e si vous en ressentez le besoin.\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=\"am-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cet élixir ?\u003c\/h2\u003e\n \u003cdiv class=\"am-grid\"\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e😌 Apaiser le stress et l'anxiété\u003c\/h3\u003e\n \u003cp\u003eUn soutien naturel pour retrouver la sérénité au quotidien et dissiper les tensions émotionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🗣️ Expression personnelle\u003c\/h3\u003e\n \u003cp\u003eUne aide précieuse pour améliorer votre communication et vous exprimer avec confiance et fluidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🕯️ Méditation et relaxation\u003c\/h3\u003e\n \u003cp\u003eUn complément idéal à votre pratique de méditation, de yoga ou de relaxation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-tip\"\u003e\n \u003cspan class=\"am-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eIl s'intègre parfaitement dans une approche plus large de la lithothérapie, aux côtés d'autres élixirs de la gamme Ansil comme l'\u003cstrong\u003eélixir de cristal d'émeraude\u003c\/strong\u003e ou l'\u003cstrong\u003eélixir de cristal d'amazonite\u003c\/strong\u003e, chacun ayant ses propriétés spécifiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"am-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions importantes\u003c\/h2\u003e\n \u003cdiv class=\"am-accordion\"\u003e\n \u003cdetails class=\"am-accordion-item\"\u003e\n \u003csummary class=\"am-accordion-header\"\u003e⚠️ Avertissement médical\u003c\/summary\u003e\n \u003cdiv class=\"am-accordion-content mt-3\"\u003e\n \u003cp\u003eCet élixir est un produit de bien-être qui \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e. En cas de maladie, de traitement en cours ou de grossesse, consultez votre médecin avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"am-accordion-item\"\u003e\n \u003csummary class=\"am-accordion-header\"\u003e📜 Tradition lithothérapeutique\u003c\/summary\u003e\n \u003cdiv class=\"am-accordion-content mt-3\"\u003e\n \u003cp\u003eLes bienfaits décrits relèvent de la tradition lithothérapeutique et ne constituent pas des allégations médicales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"am-accordion-item\"\u003e\n \u003csummary class=\"am-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"am-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"am-disclaimer\"\u003eLes informations présentées relèvent de la tradition lithothérapeutique et ne constituent pas des conseils médicaux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --am-cream: #f5f0f7;\n --am-white: #ffffff;\n --am-primary: #7b6fa0;\n --am-primary-dark: #4a3f6b;\n --am-primary-light: #ede8f3;\n --am-secondary: #5da5c4;\n --am-accent: #c7a4d8;\n --am-text: #1a1a1a;\n --am-text-light: #5a5a5a;\n --am-border: #e0d8ea;\n --am-shadow: 0 4px 24px rgba(75, 63, 107, .08);\n --am-shadow-lg: 0 12px 48px rgba(75, 63, 107, .15);\n --am-radius: 20px;\n --am-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.am-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--am-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.am-hero {\n position: relative;\n background: linear-gradient(135deg, #4a3f6b 0%, #6b5d94 35%, #5da5c4 70%, #8ec5d9 100%);\n border-radius: var(--am-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(--am-shadow-lg);\n}\n\n.am-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(199,164,216,.15) 0%, transparent 40%),\n radial-gradient(circle at 50% 80%, rgba(93,165,196,.1) 0%, transparent 45%);\n opacity: 1;\n}\n\n.am-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.am-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.am-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.am-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.am-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.am-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(--am-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.am-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.am-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.am-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--am-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.am-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(--am-primary), var(--am-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.am-card {\n background: var(--am-white);\n border-radius: var(--am-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--am-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.am-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--am-shadow-lg);\n border-color: var(--am-primary);\n}\n\n.am-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--am-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.am-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--am-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.am-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.am-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.am-grid-compact .am-card {\n padding: 1rem;\n}\n\n.am-grid-compact .am-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.am-grid-compact .am-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.am-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.am-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.am-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--am-primary), var(--am-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.am-timeline-content {\n flex: 1;\n background: var(--am-white);\n padding: 1rem 1.25rem;\n border-radius: var(--am-radius-sm);\n box-shadow: var(--am-shadow);\n}\n\n.am-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--am-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.am-timeline-content p {\n font-size: 14px;\n color: var(--am-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.am-testimonial {\n background: var(--am-white);\n border-radius: var(--am-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--am-shadow);\n border-left: 4px solid var(--am-primary);\n}\n\n.am-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--am-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.am-accordion {\n background: var(--am-white);\n border-radius: var(--am-radius);\n box-shadow: var(--am-shadow);\n overflow: hidden;\n}\n\n.am-accordion-item {\n border-bottom: 1px solid var(--am-border);\n margin: 0;\n padding: 0;\n}\n\n.am-accordion-item:last-child {\n border-bottom: none;\n}\n\n.am-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--am-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.am-accordion-header:hover {\n background: var(--am-primary-light);\n}\n\n.am-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.am-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--am-primary);\n transition: transform .2s ease;\n}\n\n.am-accordion-item[open] .am-accordion-header::after {\n content: '−';\n}\n\n.am-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--am-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.am-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.am-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--am-primary-light);\n border-radius: var(--am-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.am-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.am-tip p {\n font-size: 14px;\n color: var(--am-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.am-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--am-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === DISCLAIMER === *\/\n.am-disclaimer {\n font-size: 12px;\n color: var(--am-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 .am-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .am-card {\n padding: 1.125rem;\n }\n\n .am-section {\n margin-bottom: 1.75rem;\n }\n\n .am-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--am-radius-sm);\n }\n\n .am-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .am-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .am-grid-compact {\n gap: .625rem;\n }\n\n .am-grid-compact .am-card {\n padding: .75rem;\n }\n\n .am-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .am-timeline-content {\n padding: .875rem 1rem;\n }\n\n .am-timeline-content h3 {\n font-size: 14px;\n }\n\n .am-timeline-content p {\n font-size: 13px;\n }\n\n .am-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .am-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .am-testimonial {\n padding: 1.25rem;\n }\n\n .am-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .am-card {\n animation: amFadeInUp .5s ease backwards;\n }\n .am-card:nth-child(1) { animation-delay: .05s; }\n .am-card:nth-child(2) { animation-delay: .1s; }\n .am-card:nth-child(3) { animation-delay: .15s; }\n .am-card:nth-child(4) { animation-delay: .2s; }\n .am-card:nth-child(5) { animation-delay: .25s; }\n .am-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes amFadeInUp {\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 .am-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":55184007528825,"sku":"AL2501","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Aigue-Marine-elixir-de-cristal-30ml-Ansil.webp?v=1746610152"},{"product_id":"huile-essentielle-eucalyptus-globulus-10-ml-florame","title":"Huile Essentielle Eucalyptus Globulus - 10ml - Florame","description":"\u003cdiv class=\"flo-premium\"\u003e\n \u003cdiv class=\"flo-hero\"\u003e\n \u003cdiv class=\"flo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"flo-hero-content\"\u003e\n \u003cdiv class=\"flo-badges-top\"\u003e\n \u003cspan class=\"flo-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"flo-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"flo-badge\"\u003e🇹🇳 Origine Tunisie\u003c\/span\u003e\n \u003cspan class=\"flo-badge\"\u003e💧 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"flo-hero-title\"\u003eHuile Essentielle Eucalyptus Globulus\u003c\/span\u003e\n \u003cp class=\"flo-subtitle\"\u003eL'incontournable de l'aromathérapie hivernale\u003c\/p\u003e\n \u003cp class=\"flo-description\"\u003eUne huile essentielle 100 % pure et naturelle, chémotypée, riche en 1,8-cinéole, traditionnellement reconnue pour son action sur le confort respiratoire et la purification de l'air ambiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003cp class=\"flo-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle d'eucalyptus globulus\u003c\/strong\u003e de Florame est issue de l'agriculture biologique et du commerce équitable. Obtenue par distillation à la vapeur d'eau des feuilles fraîches d'\u003cem\u003eEucalyptus globulus\u003c\/em\u003e, elle est cultivée en Tunisie par la coopérative GDA EL BARAKA.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'eucalyptus globulus ?\u003c\/h2\u003e\n \u003cp class=\"flo-section-intro\"\u003eParmi les nombreuses variétés d'eucalyptus (radié, citronné, globulus), le \u003cstrong\u003eglobulus\u003c\/strong\u003e se distingue par sa puissance et sa concentration élevée en 1,8-cinéole (souvent supérieure à 70 %). C'est l'huile la plus indiquée pour les adultes en cas de désagréments hivernaux : nez encombré, gorge irritée, sensation de poitrine prise.\u003c\/p\u003e\n \u003cdiv class=\"flo-grid\"\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌬️ Eucalyptus Globulus\u003c\/h3\u003e\n \u003cp\u003eLe plus puissant. Action intense sur les voies respiratoires basses, idéal pour les adultes en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🍃 Eucalyptus Radié\u003c\/h3\u003e\n \u003cp\u003ePlus doux et adapté aux usages prolongés, recommandé pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🍋 Eucalyptus Citronné\u003c\/h3\u003e\n \u003cp\u003eUtilisé pour le confort articulaire et son action répulsive sur les insectes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003eBienfaits et utilisations\u003c\/h2\u003e\n \u003cdiv class=\"flo-grid\"\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eAide à dégager les voies respiratoires, particulièrement appréciée en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e✨ Purification de l'air\u003c\/h3\u003e\n \u003cp\u003eAssainit l'atmosphère des pièces de vie en diffusion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e⚡ Tonus et vitalité\u003c\/h3\u003e\n \u003cp\u003eSon parfum frais et camphré stimule l'esprit et favorise la concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e💆 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eDiluée dans un shampoing, elle peut contribuer à un cuir chevelu sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"flo-grid-compact\"\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌿 Plante\u003c\/h3\u003e\n \u003cp\u003e100 % \u003cem\u003eEucalyptus globulus\u003c\/em\u003e bio, chémotypée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles fraîches\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eTunisie — coopérative GDA EL BARAKA\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🧪 Biochimie\u003c\/h3\u003e\n \u003cp\u003e1,8-cinéole, alpha-pinène, limonène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003eFlacon verre teinté 10 ml, compte-gouttes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🏷️ Certification\u003c\/h3\u003e\n \u003cp\u003eAB Bio · Commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"flo-timeline\"\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003e💨 En diffusion\u003c\/h3\u003e\n \u003cp\u003e5 à 8 gouttes dans un diffuseur, 15 à 20 minutes par pièce, idéalement le matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003e🌫️ En inhalation\u003c\/h3\u003e\n \u003cp\u003e2 gouttes dans un bol d'eau chaude, respirer les vapeurs sous une serviette pendant 5 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003e🤲 En application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluer 1 goutte dans 9 gouttes d'huile végétale (amande douce, noyau d'abricot) et masser le thorax ou le haut du dos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003e👄 Voie orale\u003c\/h3\u003e\n \u003cp\u003e1 à 2 gouttes par jour maximum, diluées dans une cuillère de miel ou sur un comprimé neutre, sur conseil d'un professionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-tip\"\u003e\n \u003cspan class=\"flo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUn flacon de 10 ml permet plusieurs semaines d'utilisation régulière selon le mode choisi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"flo-accordion\"\u003e\n \u003cdetails class=\"flo-accordion-item\"\u003e\n \u003csummary class=\"flo-accordion-header\"\u003e🚫 Publics déconseillés\u003c\/summary\u003e\n \u003cdiv class=\"flo-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes, allaitantes et aux enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"flo-accordion-item\"\u003e\n \u003csummary class=\"flo-accordion-header\"\u003e💧 Application cutanée\u003c\/summary\u003e\n \u003cdiv class=\"flo-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer pure sur la peau : toujours diluer dans une huile végétale. Éviter le contact avec les yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"flo-accordion-item\"\u003e\n \u003csummary class=\"flo-accordion-header\"\u003e⚠️ Avis médical requis\u003c\/summary\u003e\n \u003cdiv class=\"flo-accordion-content mt-3\"\u003e\n \u003cp\u003ePersonnes asthmatiques ou épileptiques : demander un avis médical avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"flo-accordion-item\"\u003e\n \u003csummary class=\"flo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"flo-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=\"flo-disclaimer\"\u003eCette huile essentielle ne se substitue pas à un traitement médical. En cas de doute ou de symptômes persistants, consultez votre médecin ou un pharmacien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement Florame\u003c\/h2\u003e\n \u003cdiv class=\"flo-cta-box\"\u003e\n \u003cp\u003ePionnier de l'aromathérapie biologique depuis 1990, Florame sélectionne ses plantes auprès de producteurs engagés. L'eucalyptus globulus utilisé ici provient d'une filière équitable qui valorise le savoir-faire local et préserve la biodiversité tunisienne. Un choix éthique, pour une efficacité au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --flo-cream: #f5f8f0;\n --flo-white: #ffffff;\n --flo-primary: #8bc24a;\n --flo-primary-dark: #4a7c2a;\n --flo-primary-light: #e8f3d9;\n --flo-secondary: #5a8f3a;\n --flo-accent: #c8e090;\n --flo-text: #1a2810;\n --flo-text-light: #5a6b4a;\n --flo-border: #d8e5c5;\n --flo-shadow: 0 4px 24px rgba(74,124,42,.08);\n --flo-shadow-lg: 0 12px 48px rgba(74,124,42,.18);\n --flo-radius: 20px;\n --flo-radius-sm: 12px;\n }\n\n .flo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--flo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--flo-text);\n }\n\n .flo-hero {\n position: relative;\n background: linear-gradient(135deg, #8bc24a 0%, #5a8f3a 50%, #4a7c2a 100%);\n border-radius: var(--flo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--flo-shadow-lg);\n }\n\n .flo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, white 1px, transparent 2px),\n radial-gradient(circle at 80% 70%, white 1px, transparent 2px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\n background-size: 80px 80px, 120px 120px, 60px 60px;\n }\n\n .flo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .flo-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n }\n\n .flo-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n }\n\n .flo-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 700px;\n opacity: .92;\n }\n\n .flo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .flo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--flo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .flo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .flo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .flo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--flo-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n }\n\n .flo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--flo-primary), var(--flo-secondary));\n border-radius: 2px;\n }\n\n .flo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--flo-text-light);\n margin: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n }\n\n .flo-card {\n background: var(--flo-white);\n border-radius: var(--flo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--flo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .flo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--flo-shadow-lg);\n border-color: var(--flo-primary);\n }\n\n .flo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--flo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .flo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--flo-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .flo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .flo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .flo-grid-compact .flo-card {\n padding: 1rem;\n }\n\n .flo-grid-compact .flo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .flo-grid-compact .flo-card p {\n font-size: 12px;\n }\n\n .flo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .flo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .flo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--flo-primary), var(--flo-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74,124,42,.3);\n }\n\n .flo-timeline-content {\n flex: 1;\n background: var(--flo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--flo-radius-sm);\n box-shadow: var(--flo-shadow);\n }\n\n .flo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--flo-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .flo-timeline-content p {\n font-size: 14px;\n color: var(--flo-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .flo-accordion {\n background: var(--flo-white);\n border-radius: var(--flo-radius);\n box-shadow: var(--flo-shadow);\n overflow: hidden;\n }\n\n .flo-accordion-item {\n border-bottom: 1px solid var(--flo-border);\n margin: 0;\n padding: 0;\n }\n\n .flo-accordion-item:last-child {\n border-bottom: none;\n }\n\n .flo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--flo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n }\n\n .flo-accordion-header:hover {\n background: var(--flo-primary-light);\n }\n\n .flo-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .flo-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--flo-primary);\n transition: transform .2s ease;\n }\n\n .flo-accordion-item[open] .flo-accordion-header::after {\n content: '−';\n }\n\n .flo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--flo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .flo-accordion-content p {\n margin: 0;\n }\n\n .flo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--flo-primary-light);\n border-radius: var(--flo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--flo-primary);\n }\n\n .flo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .flo-tip p {\n font-size: 14px;\n color: var(--flo-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .flo-disclaimer {\n font-size: 12px;\n color: var(--flo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n }\n\n .flo-cta-box {\n background: linear-gradient(135deg, var(--flo-primary) 0%, var(--flo-primary-dark) 100%);\n border-radius: var(--flo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--flo-shadow-lg);\n }\n\n .flo-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n }\n\n @media (max-width: 767px) {\n .flo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .flo-card { padding: 1.125rem; }\n .flo-section { margin-bottom: 1.75rem; }\n .flo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--flo-radius-sm);\n }\n .flo-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .flo-premium h2::after { width: 40px; height: 3px; }\n .flo-grid-compact { gap: .625rem; }\n .flo-grid-compact .flo-card { padding: .75rem; }\n .flo-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .flo-timeline-content { padding: .875rem 1rem; }\n .flo-timeline-content h3 { font-size: 14px; }\n .flo-timeline-content p { font-size: 13px; }\n .flo-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .flo-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .flo-card {\n animation: floFadeInUp .5s ease backwards;\n }\n .flo-card:nth-child(1) { animation-delay: .05s; }\n .flo-card:nth-child(2) { animation-delay: .1s; }\n .flo-card:nth-child(3) { animation-delay: .15s; }\n .flo-card:nth-child(4) { animation-delay: .2s; }\n .flo-card:nth-child(5) { animation-delay: .25s; }\n .flo-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes floFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .flo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":55184007954809,"sku":"FM0045","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-eucalyptus-globulus-10ml-florame-packshothd.webp?v=1779374738"},{"product_id":"deodorant-pour-pieds-et-chaussures-100-ml-deovert","title":"Déodorant pour Pieds et Chaussures - 100 ml - Déovert","description":"\u003cdiv class=\"podo-premium\"\u003e\n\n\u003cdiv class=\"podo-hero\"\u003e\n\u003cdiv class=\"podo-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"podo-hero-content\"\u003e\n\u003cdiv class=\"podo-badges-top\"\u003e\n\u003cspan class=\"podo-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n\u003cspan class=\"podo-badge\"\u003e🚫 Sans Aluminium\u003c\/span\u003e\n\u003cspan class=\"podo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"podo-badge\"\u003e❄️ Fraîcheur immédiate\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"podo-hero-title\"\u003eDes pieds au sec, une confiance retrouvée à chaque pas\u003c\/span\u003e\n\u003cp class=\"podo-subtitle\"\u003eDéodorant pieds \u0026amp; chaussures aux huiles essentielles\u003c\/p\u003e\n\u003cp class=\"podo-description\"\u003eUn spray 100 % naturel signé Laboratoire Saint Côme, formulé pour neutraliser les mauvaises odeurs, réguler la transpiration et rafraîchir instantanément vos pieds comme l'intérieur de vos chaussures. Une solution deux-en-un respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"podo-section\"\u003e\n\u003ch2\u003ePourquoi les pieds transpirent-ils autant ?\u003c\/h2\u003e\n\u003cp class=\"podo-section-intro\"\u003eNos pieds comptent près de \u003cstrong\u003e250 000 glandes sudoripares\u003c\/strong\u003e, ce qui en fait l'une des zones du corps qui transpire le plus. Enfermée dans les chaussures, cette humidité favorise le développement bactérien, à l'origine des mauvaises odeurs.\u003c\/p\u003e\n\u003cdiv class=\"podo-grid-compact\"\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e💧 250 000 glandes\u003c\/h3\u003e\n\u003cp\u003eLa densité la plus élevée du corps humain, concentrée sous vos pieds.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e👟 Milieu confiné\u003c\/h3\u003e\n\u003cp\u003eEnfermée dans les chaussures, la transpiration ne s'évapore plus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🦠 Bactéries actives\u003c\/h3\u003e\n\u003cp\u003eL'humidité et la chaleur favorisent la prolifération bactérienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e👃 Odeurs tenaces\u003c\/h3\u003e\n\u003cp\u003eRésultat : des mauvaises odeurs persistantes, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-tip\"\u003e\n\u003cspan class=\"podo-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eUn bon déodorant pour les pieds doit agir sur \u003cstrong\u003edeux fronts\u003c\/strong\u003e : assainir la peau ET purifier l'intérieur des chaussures. C'est exactement la promesse du spray Déovert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"podo-section\"\u003e\n\u003ch2\u003eUne synergie d'huiles essentielles 100 % naturelles\u003c\/h2\u003e\n\u003cp class=\"podo-section-intro\"\u003eCinq huiles essentielles pures unissent leurs pouvoirs pour une efficacité prolongée, \u003cstrong\u003esans agresser la peau\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"podo-grid\"\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🌿 Menthe poivrée\u003c\/h3\u003e\n\u003cp\u003eEffet glaçon immédiat et sensation de fraîcheur intense qui dure toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🍃 Menthe verte\u003c\/h3\u003e\n\u003cp\u003eAction tonifiante qui prolonge naturellement l'effet rafraîchissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🍋 Citron\u003c\/h3\u003e\n\u003cp\u003ePurifiant et assainissant, il neutralise efficacement les odeurs les plus tenaces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e💜 Lavande vraie\u003c\/h3\u003e\n\u003cp\u003eApaise la peau, réduit les petites irritations et laisse un parfum délicat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🌱 Camphre\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement reconnu pour ses vertus assainissantes et purifiantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"podo-section\"\u003e\n\u003ch2\u003eLes atouts du spray Déovert\u003c\/h2\u003e\n\u003cdiv class=\"podo-grid-compact\"\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🚫 Sans aluminium\u003c\/h3\u003e\n\u003cp\u003eNi parabens, silicones, gaz propulseur ou colorants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🔄 Double action\u003c\/h3\u003e\n\u003cp\u003ePieds \u0026amp; chaussures : un geste, deux zones traitées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e💨 500 pulvérisations\u003c\/h3\u003e\n\u003cp\u003eFormat 100 ml, idéal à glisser dans un sac de sport.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in Bourgogne\u003c\/h3\u003e\n\u003cp\u003eFabrication française selon les standards cosmétiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e❄️ Fraîcheur immédiate\u003c\/h3\u003e\n\u003cp\u003eSensation glaçon dès la première pulvérisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-card\"\u003e\n\u003ch3\u003e🌿 Formule naturelle\u003c\/h3\u003e\n\u003cp\u003eRespectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"podo-section\"\u003e\n\u003ch2\u003eComment utiliser votre déodorant pieds et chaussures ?\u003c\/h2\u003e\n\u003cdiv class=\"podo-timeline\"\u003e\n\u003cdiv class=\"podo-timeline-item\"\u003e\n\u003cdiv class=\"podo-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"podo-timeline-content\"\u003e\n\u003ch3\u003eNettoyer les pieds\u003c\/h3\u003e\n\u003cp\u003eLavez soigneusement vos pieds et séchez-les bien avant application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-timeline-item\"\u003e\n\u003cdiv class=\"podo-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"podo-timeline-content\"\u003e\n\u003ch3\u003ePulvériser sur la peau\u003c\/h3\u003e\n\u003cp\u003eVaporisez 3 à 4 fois à environ 20 cm sur peau propre et sèche, matin ou après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-timeline-item\"\u003e\n\u003cdiv class=\"podo-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"podo-timeline-content\"\u003e\n\u003ch3\u003eLaisser sécher 30 secondes\u003c\/h3\u003e\n\u003cp\u003eAttendez quelques instants que le spray pénètre pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-timeline-item\"\u003e\n\u003cdiv class=\"podo-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"podo-timeline-content\"\u003e\n\u003ch3\u003eVaporiser à l'intérieur des chaussures\u003c\/h3\u003e\n\u003cp\u003ePulvérisez dans vos chaussures et laissez agir quelques minutes avant de les enfiler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"podo-tip\"\u003e\n\u003cspan class=\"podo-tip-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eFréquence :\u003c\/strong\u003e utilisation quotidienne, ou selon vos besoins (sport, chaleur, longues journées debout).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"podo-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cp class=\"podo-section-intro\"\u003eUne formule transparente, sans compromis sur la qualité.\u003c\/p\u003e\n\u003cdiv class=\"podo-accordion\"\u003e\n\u003cdetails class=\"podo-accordion-item\"\u003e\n\u003csummary class=\"podo-accordion-header\"\u003e💧 Base déodorante\u003c\/summary\u003e\n\u003cdiv class=\"podo-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eEthanol, Aqua, Triethyl citrate\u003c\/strong\u003e — Support naturel qui assure la diffusion et l'efficacité de la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"podo-accordion-item\"\u003e\n\u003csummary class=\"podo-accordion-header\"\u003e🌿 Huiles essentielles actives\u003c\/summary\u003e\n\u003cdiv class=\"podo-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eCinnamomum camphora bark oil\u003c\/strong\u003e — HE de camphre\u003cbr\u003e\n\u003cstrong\u003eLavandula vera oil\u003c\/strong\u003e — HE de lavande vraie\u003cbr\u003e\n\u003cstrong\u003eCitrus limonum peel oil\u003c\/strong\u003e — HE de citron\u003cbr\u003e\n\u003cstrong\u003eMentha viridis leaf oil\u003c\/strong\u003e — HE de menthe verte\u003cbr\u003e\n\u003cstrong\u003eMentha piperita leaf oil\u003c\/strong\u003e — HE de menthe poivrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"podo-accordion-item\"\u003e\n\u003csummary class=\"podo-accordion-header\"\u003e🍃 Composants naturels\u003c\/summary\u003e\n\u003cdiv class=\"podo-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eLimonene, Linalool\u003c\/strong\u003e — Composants naturellement présents dans les huiles essentielles utilisées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"podo-accordion-item\"\u003e\n\u003csummary class=\"podo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"podo-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas utiliser sur peau lésée ou irritée. Éviter le contour des yeux. Ce produit cosmétique ne remplace pas un avis médical en cas de mycose ou d'hyperhidrose sévère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"podo-section\"\u003e\n\u003ch2\u003eQuestions fréquentes sur le déodorant pieds Déovert\u003c\/h2\u003e\n\u003cdiv class=\"podo-accordion\"\u003e\n\u003cdetails class=\"podo-accordion-item\"\u003e\n\u003csummary class=\"podo-accordion-header\"\u003eEst-ce un spray anti-transpirant pour pieds ?\u003c\/summary\u003e\n\u003cdiv class=\"podo-accordion-content mt-3\"\u003e\n\u003cp\u003eDéovert \u003cstrong\u003erégule la transpiration\u003c\/strong\u003e grâce aux huiles essentielles, sans bloquer les pores comme le feraient les sels d'aluminium. Il respecte le fonctionnement naturel de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"podo-accordion-item\"\u003e\n\u003csummary class=\"podo-accordion-header\"\u003ePeut-on l'utiliser dans les chaussures de sport ?\u003c\/summary\u003e\n\u003cdiv class=\"podo-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, il est \u003cstrong\u003eparticulièrement recommandé\u003c\/strong\u003e pour les baskets, chaussures fermées et chaussures de sécurité qui favorisent l'accumulation d'humidité et d'odeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"podo-accordion-item\"\u003e\n\u003csummary class=\"podo-accordion-header\"\u003eConvient-il aux peaux sensibles ?\u003c\/summary\u003e\n\u003cdiv class=\"podo-accordion-content mt-3\"\u003e\n\u003cp\u003eSa \u003cstrong\u003eformule douce\u003c\/strong\u003e est bien tolérée, mais nous recommandons de faire un test dans le pli du coude en cas de doute ou d'antécédents allergiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"podo-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"podo-cta-box\"\u003e\n\u003cp\u003eAdoptez une routine podologique naturelle et redécouvrez le plaisir de pieds légers, sains et parfumés, du matin au soir. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --podo-cream: #f4f9f2;\n --podo-white: #ffffff;\n --podo-primary: #4a9b3f;\n --podo-primary-dark: #2d6a26;\n --podo-primary-light: #e6f4e3;\n --podo-secondary: #7fc26d;\n --podo-accent: #f5d547;\n --podo-text: #1a2e17;\n --podo-text-light: #5a6b57;\n --podo-border: #d7e8d3;\n --podo-shadow: 0 4px 24px rgba(45,106,38,.08);\n --podo-shadow-lg: 0 12px 48px rgba(45,106,38,.18);\n --podo-radius: 20px;\n --podo-radius-sm: 12px;\n}\n\n.podo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--podo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--podo-text);\n line-height: 1.6;\n}\n\n.podo-hero {\n position: relative;\n background: linear-gradient(135deg, #2d6a26 0%, #4a9b3f 50%, #7fc26d 100%);\n border-radius: var(--podo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--podo-shadow-lg);\n}\n\n.podo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .3;\n}\n\n.podo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.podo-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 6vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.podo-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.podo-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.podo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.podo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--podo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.podo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.podo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.podo-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--podo-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.podo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--podo-primary), var(--podo-secondary));\n border-radius: 2px;\n}\n\n.podo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--podo-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.podo-card {\n background: var(--podo-white);\n border-radius: var(--podo-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--podo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.podo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--podo-shadow-lg);\n border-color: var(--podo-primary);\n}\n\n.podo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--podo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.podo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--podo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.podo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.podo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.podo-grid-compact .podo-card {\n padding: 1rem;\n}\n\n.podo-grid-compact .podo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.podo-grid-compact .podo-card p {\n font-size: 12.5px;\n line-height: 1.5;\n}\n\n.podo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.podo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.podo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--podo-primary), var(--podo-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74,155,63,.3);\n}\n\n.podo-timeline-content {\n flex: 1;\n background: var(--podo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--podo-radius-sm);\n box-shadow: var(--podo-shadow);\n}\n\n.podo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--podo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.podo-timeline-content p {\n font-size: 14px;\n color: var(--podo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.podo-accordion {\n background: var(--podo-white);\n border-radius: var(--podo-radius);\n box-shadow: var(--podo-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.podo-accordion-item {\n border-bottom: 1px solid var(--podo-border);\n margin: 0;\n padding: 0;\n}\n\n.podo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.podo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--podo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n gap: 1rem;\n}\n\n.podo-accordion-header:hover {\n background: var(--podo-primary-light);\n}\n\n.podo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.podo-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--podo-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.podo-accordion-item[open] .podo-accordion-header::after {\n content: '−';\n}\n\n.podo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--podo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.podo-accordion-content p {\n margin: 0;\n}\n\n.podo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--podo-primary-light);\n border-radius: var(--podo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--podo-primary);\n}\n\n.podo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.podo-tip p {\n font-size: 14px;\n color: var(--podo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.podo-cta-box {\n background: linear-gradient(135deg, var(--podo-primary) 0%, var(--podo-primary-dark) 100%);\n border-radius: var(--podo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--podo-shadow-lg);\n}\n\n.podo-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.podo-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n@media (max-width: 767px) {\n .podo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .podo-card {\n padding: 1.125rem;\n }\n .podo-section {\n margin-bottom: 1.75rem;\n }\n .podo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--podo-radius-sm);\n }\n .podo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .podo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .podo-grid-compact {\n gap: .625rem;\n }\n .podo-grid-compact .podo-card {\n padding: .75rem;\n }\n .podo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .podo-timeline-content {\n padding: .875rem 1rem;\n }\n .podo-timeline-content h3 {\n font-size: 14px;\n }\n .podo-timeline-content p {\n font-size: 13px;\n }\n .podo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .podo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .podo-card {\n animation: podoFadeInUp .5s ease backwards;\n }\n .podo-card:nth-child(1) { animation-delay: .05s; }\n .podo-card:nth-child(2) { animation-delay: .1s; }\n .podo-card:nth-child(3) { animation-delay: .15s; }\n .podo-card:nth-child(4) { animation-delay: .2s; }\n .podo-card:nth-child(5) { animation-delay: .25s; }\n .podo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes podoFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .podo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE SAINT CÔME","offers":[{"title":"Default Title","offer_id":55202251112825,"sku":"SC8605","price":11.25,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-pour-pieds-et-chaussures-100-ml-deovert-packshothd.webp?v=1789477889"},{"product_id":"antheya-baume-resphiver-75-g","title":"Baume resp'hiver - 75 g - Antheya","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Baume Resp'hiver Antheya\nPalette détectée:\n - Primaire: #2B5C9E (bleu du bandeau \"Baume Fondant Resp'hiver\")\n - Secondaire: #D4A84B (jaune\/doré du baume et accents)\n - Accent: #4A7C3F (vert du label Nature \u0026 Progrès)\nAmbiance: Naturel\/Bio, artisanal français, bien-être hivernal, simplicité authentique\nPréfixe CSS: rh\n--\u003e\n\n\u003cdiv class=\"rh-premium\"\u003e\n\n \u003cdiv class=\"rh-hero\"\u003e\n \u003cdiv class=\"rh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rh-hero-content\"\u003e\n \u003cdiv class=\"rh-badges-top\"\u003e\n \u003cspan class=\"rh-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"rh-badge\"\u003e🌿 100% bio\u003c\/span\u003e\n \u003cspan class=\"rh-badge\"\u003e♻️ Boîte inox réutilisable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rh-hero-title\"\u003eBaume Resp'hiver\u003c\/span\u003e\n \u003cp class=\"rh-subtitle\"\u003eVotre allié naturel pour mieux respirer en hiver\u003c\/p\u003e\n \u003cp class=\"rh-description\"\u003eUn baume fondant aux huiles essentielles bio qui libère vos voies respiratoires en douceur. Formulé avec seulement 7 ingrédients, il fond au contact de la peau pour une sensation de confort immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rh-section\"\u003e\n \u003ch2\u003ePourquoi le choisir ?\u003c\/h2\u003e\n \u003cdiv class=\"rh-grid\"\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e📋 Formule courte\u003c\/h3\u003e\n \u003cp\u003eSeulement 7 ingrédients, tous issus de l'agriculture biologique. Transparence totale sur ce que vous appliquez sur votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🫠 Texture fondante\u003c\/h3\u003e\n \u003cp\u003eLe baume se transforme en huile soyeuse au contact de votre peau pour une application agréable et une pénétration optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🌬️ Triple action\u003c\/h3\u003e\n \u003cp\u003eEucalyptus, ravintsara et pin sylvestre : un trio d'huiles essentielles reconnues pour dégager les voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🏠 Artisanat breton\u003c\/h3\u003e\n \u003cp\u003eÉlaboré avec soin en Bretagne par Antheya, une entreprise engagée dans une démarche éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rh-section\"\u003e\n \u003ch2\u003eComposition 100% naturelle\u003c\/h2\u003e\n \u003cdiv class=\"rh-ingredients-grid\"\u003e\n \u003cdiv class=\"rh-ingredient-card rh-ingredient-main\"\u003e\n \u003cdiv class=\"rh-ingredient-icon\"\u003e🧈\u003c\/div\u003e\n \u003cdiv class=\"rh-ingredient-content\"\u003e\n \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eBase nourrissante qui fond à la chaleur corporelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-ingredient-card\"\u003e\n \u003cdiv class=\"rh-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"rh-ingredient-content\"\u003e\n \u003ch3\u003eHuile de colza bio\u003c\/h3\u003e\n \u003cp\u003ePénétration optimale des actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-ingredient-card\"\u003e\n \u003cdiv class=\"rh-ingredient-icon\"\u003e🌽\u003c\/div\u003e\n \u003cdiv class=\"rh-ingredient-content\"\u003e\n \u003ch3\u003eAmidon de maïs bio\u003c\/h3\u003e\n \u003cp\u003eTexture onctueuse sans effet gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-ingredient-card rh-ingredient-highlight\"\u003e\n \u003cdiv class=\"rh-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"rh-ingredient-content\"\u003e\n \u003ch3\u003eHE eucalyptus radié bio\u003c\/h3\u003e\n \u003cp\u003ePropriétés respiratoires reconnues\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-ingredient-card rh-ingredient-highlight\"\u003e\n \u003cdiv class=\"rh-ingredient-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv class=\"rh-ingredient-content\"\u003e\n \u003ch3\u003eHE ravintsara bio\u003c\/h3\u003e\n \u003cp\u003eL'alliée incontournable de l'hiver\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-ingredient-card rh-ingredient-highlight\"\u003e\n \u003cdiv class=\"rh-ingredient-icon\"\u003e🌲\u003c\/div\u003e\n \u003cdiv class=\"rh-ingredient-content\"\u003e\n \u003ch3\u003eHE pin sylvestre bio\u003c\/h3\u003e\n \u003cp\u003eLibère les voies respiratoires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-ingredient-card\"\u003e\n \u003cdiv class=\"rh-ingredient-icon\"\u003e🌼\u003c\/div\u003e\n \u003cdiv class=\"rh-ingredient-content\"\u003e\n \u003ch3\u003eCalendula bio\u003c\/h3\u003e\n \u003cp\u003eApaise et protège la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-allergens-note\"\u003e\n \u003cspan\u003e⚠️\u003c\/span\u003e Allergènes présents naturellement : Limonène, Linalool, Citral, Geraniol\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rh-section\"\u003e\n \u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"rh-steps\"\u003e\n \u003cdiv class=\"rh-step\"\u003e\n \u003cdiv class=\"rh-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rh-step-content\"\u003e\n \u003ch3\u003ePrélevez\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité de baume avec les doigts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-step\"\u003e\n \u003cdiv class=\"rh-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rh-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eAu niveau du thorax en mouvements circulaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-step\"\u003e\n \u003cdiv class=\"rh-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rh-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eDoucement jusqu'à pénétration complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-step\"\u003e\n \u003cdiv class=\"rh-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rh-step-content\"\u003e\n \u003ch3\u003eRespirez\u003c\/h3\u003e\n \u003cp\u003eProfondément pour profiter des bienfaits aromatiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-tip-box\"\u003e\n \u003cspan class=\"rh-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eRenouvelez l'application 2 à 3 fois par jour selon vos besoins, notamment \u003cstrong\u003ele soir avant le coucher\u003c\/strong\u003e pour une nuit plus sereine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rh-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"rh-info-grid\"\u003e\n \u003cdiv class=\"rh-info-item\"\u003e\n \u003cspan class=\"rh-info-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"rh-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"rh-info-value\"\u003e75 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-info-item\"\u003e\n \u003cspan class=\"rh-info-icon\"\u003e🥫\u003c\/span\u003e\n \u003cspan class=\"rh-info-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"rh-info-value\"\u003eBoîte inox réutilisable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-info-item\"\u003e\n \u003cspan class=\"rh-info-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"rh-info-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"rh-info-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-info-item\"\u003e\n \u003cspan class=\"rh-info-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"rh-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"rh-info-value\"\u003e100% bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-info-item\"\u003e\n \u003cspan class=\"rh-info-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cspan class=\"rh-info-label\"\u003eConservation\u003c\/span\u003e\n \u003cspan class=\"rh-info-value\"\u003e\u0026lt; 25°C, à l'abri de la chaleur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-info-item\"\u003e\n \u003cspan class=\"rh-info-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan class=\"rh-info-label\"\u003eDLUO\u003c\/span\u003e\n \u003cspan class=\"rh-info-value\"\u003e18 mois après fabrication\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rh-section\"\u003e\n \u003cdiv class=\"rh-warning-box\"\u003e\n \u003cdiv class=\"rh-warning-header\"\u003e\n \u003cspan class=\"rh-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cul class=\"rh-warning-list\"\u003e\n \u003cli\u003e\u003cstrong\u003eDéconseillé aux femmes enceintes et allaitantes\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eNe convient pas aux enfants de moins de 6 ans\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003eÉvitez le contact avec les yeux et les muqueuses\u003c\/li\u003e\n \u003cli\u003eEn cas de doute, effectuez un test cutané au creux du coude\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"rh-warning-disclaimer\"\u003eCe produit cosmétique ne constitue pas un médicament et ne remplace en aucun cas un avis médical. En cas de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rh-cta-box\"\u003e\n \u003cdiv class=\"rh-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rh-cta-content\"\u003e\n \u003cp\u003eUne alternative naturelle et artisanale aux baumes respiratoires traditionnels, avec une formule plus douce et 100% végétale.\u003c\/p\u003e\n \u003cdiv class=\"rh-cta-badges\"\u003e\n \u003cspan class=\"rh-cta-badge\"\u003e🌿 7 ingrédients bio\u003c\/span\u003e\n \u003cspan class=\"rh-cta-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e\n \u003cspan class=\"rh-cta-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rh-cream: #F8F6F1;\n --rh-white: #ffffff;\n --rh-primary: #2B5C9E;\n --rh-primary-dark: #1E4276;\n --rh-primary-light: #E8EEF6;\n --rh-secondary: #D4A84B;\n --rh-secondary-light: #FDF6E8;\n --rh-accent: #4A7C3F;\n --rh-accent-light: #EDF5EB;\n --rh-text: #1a1a1a;\n --rh-text-light: #5a5a5a;\n --rh-border: #e0e0e0;\n --rh-shadow: 0 4px 24px rgba(43,92,158,.08);\n --rh-shadow-lg: 0 12px 48px rgba(43,92,158,.15);\n --rh-radius: 20px;\n --rh-radius-sm: 12px;\n}\n\n.rh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rh-text);\n line-height: 1.6;\n}\n\n.rh-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.rh-hero {\n position: relative;\n background: linear-gradient(135deg, var(--rh-primary) 0%, var(--rh-primary-dark) 50%, #152F4A 100%);\n border-radius: var(--rh-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--rh-shadow-lg);\n}\n\n.rh-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,168,75,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(74,124,63,.1) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15 45 20 45 30 C45 40 35 50 30 55 C25 50 15 40 15 30 C15 20 25 15 30 5' fill='none' stroke='%23ffffff' stroke-width='.5' opacity='.08'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.rh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.rh-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(--rh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rh-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 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.rh-subtitle {\n color: var(--rh-secondary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.02em;\n}\n\n.rh-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.rh-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.rh-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--rh-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rh-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(--rh-primary), var(--rh-secondary));\n border-radius: 2px;\n}\n\n\/* === GRID \u0026 CARDS === *\/\n.rh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.rh-card {\n background: var(--rh-white);\n border-radius: var(--rh-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--rh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rh-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--rh-shadow-lg);\n border-color: var(--rh-primary);\n}\n\n.rh-card-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.rh-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--rh-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.rh-card p {\n font-size: 14px;\n color: var(--rh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.rh-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n}\n\n.rh-ingredient-card {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--rh-white);\n border-radius: var(--rh-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--rh-shadow);\n transition: all .3s ease;\n border-left: 4px solid var(--rh-border);\n}\n\n.rh-ingredient-card:hover {\n transform: translateX(8px);\n box-shadow: var(--rh-shadow-lg);\n}\n\n.rh-ingredient-main {\n border-left-color: var(--rh-secondary);\n background: var(--rh-secondary-light);\n}\n\n.rh-ingredient-highlight {\n border-left-color: var(--rh-accent);\n background: var(--rh-accent-light);\n}\n\n.rh-ingredient-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.rh-ingredient-content h3 {\n font-size: 15px;\n font-weight: 700;\n color: var(--rh-text);\n margin: 0 0 .25rem 0;\n}\n\n.rh-ingredient-content p {\n font-size: 13px;\n color: var(--rh-text-light);\n margin: 0;\n}\n\n.rh-allergens-note {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-top: 1.5rem;\n padding: 1rem 1.5rem;\n background: #FFF8E7;\n border-radius: var(--rh-radius-sm);\n font-size: 13px;\n color: #8B6914;\n border: 1px solid #F0E0B0;\n}\n\n\/* === STEPS === *\/\n.rh-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.rh-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--rh-white);\n border-radius: var(--rh-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--rh-shadow);\n transition: all .3s ease;\n}\n\n.rh-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--rh-shadow-lg);\n}\n\n.rh-step-number {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--rh-primary), var(--rh-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 800;\n flex-shrink: 0;\n box-shadow: 0 4px 12px rgba(43,92,158,.3);\n}\n\n.rh-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--rh-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.rh-step-content p {\n font-size: 14px;\n color: var(--rh-text-light);\n margin: 0;\n}\n\n.rh-tip-box {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--rh-primary-light), #D6E4F5);\n border-radius: var(--rh-radius-sm);\n border: 1px solid rgba(43,92,158,.15);\n}\n\n.rh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rh-tip-box p {\n margin: 0;\n font-size: 15px;\n color: var(--rh-primary-dark);\n}\n\n\/* === INFO GRID === *\/\n.rh-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.rh-info-item {\n background: var(--rh-white);\n border-radius: var(--rh-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--rh-shadow);\n transition: all .3s ease;\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n.rh-info-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--rh-shadow-lg);\n}\n\n.rh-info-icon {\n font-size: 28px;\n}\n\n.rh-info-label {\n font-size: 12px;\n font-weight: 600;\n color: var(--rh-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.rh-info-value {\n font-size: 15px;\n font-weight: 700;\n color: var(--rh-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.rh-warning-box {\n background: var(--rh-white);\n border-radius: var(--rh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border-left: 5px solid #E8A838;\n box-shadow: var(--rh-shadow);\n}\n\n.rh-warning-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1rem;\n}\n\n.rh-warning-icon {\n font-size: 24px;\n}\n\n.rh-warning-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: #B8860B;\n margin: 0;\n}\n\n.rh-warning-list {\n margin: 0 0 1.5rem 0;\n padding-left: 1.25rem;\n}\n\n.rh-warning-list li {\n padding: .5rem 0;\n color: var(--rh-text);\n font-size: 14px;\n}\n\n.rh-warning-disclaimer {\n font-size: 13px;\n color: var(--rh-text-light);\n font-style: italic;\n margin: 0;\n padding-top: 1rem;\n border-top: 1px solid var(--rh-border);\n}\n\n\/* === CTA BOX === *\/\n.rh-cta-box {\n background: linear-gradient(135deg, var(--rh-primary) 0%, var(--rh-primary-dark) 100%);\n border-radius: var(--rh-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rh-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 10% 90%, rgba(212,168,75,.2) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(74,124,63,.15) 0%, transparent 40%);\n}\n\n.rh-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.rh-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.rh-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.rh-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: .5rem;\n padding: .6rem 1.2rem;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(8px);\n border: 1px solid rgba(255,255,255,.3);\n border-radius: 999px;\n color: white;\n font-size: 13px;\n font-weight: 600;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rh-card,\n .rh-ingredient-card,\n .rh-step,\n .rh-info-item {\n animation: rhFadeInUp .6s ease backwards;\n }\n .rh-card:nth-child(1), .rh-ingredient-card:nth-child(1), .rh-step:nth-child(1), .rh-info-item:nth-child(1) { animation-delay: .1s; }\n .rh-card:nth-child(2), .rh-ingredient-card:nth-child(2), .rh-step:nth-child(2), .rh-info-item:nth-child(2) { animation-delay: .15s; }\n .rh-card:nth-child(3), .rh-ingredient-card:nth-child(3), .rh-step:nth-child(3), .rh-info-item:nth-child(3) { animation-delay: .2s; }\n .rh-card:nth-child(4), .rh-ingredient-card:nth-child(4), .rh-step:nth-child(4), .rh-info-item:nth-child(4) { animation-delay: .25s; }\n .rh-card:nth-child(5), .rh-ingredient-card:nth-child(5), .rh-info-item:nth-child(5) { animation-delay: .3s; }\n .rh-card:nth-child(6), .rh-ingredient-card:nth-child(6), .rh-info-item:nth-child(6) { animation-delay: .35s; }\n .rh-ingredient-card:nth-child(7) { animation-delay: .4s; }\n}\n\n@keyframes rhFadeInUp {\n from { \n opacity: 0; \n transform: translateY(30px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rh-grid,\n .rh-ingredients-grid,\n .rh-steps,\n .rh-info-grid {\n grid-template-columns: 1fr;\n }\n \n .rh-badges-top {\n gap: 8px;\n }\n \n .rh-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n \n .rh-cta-badges {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rh-premium * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .rh-premium {\n --rh-text: #000000;\n --rh-text-light: #333333;\n }\n \n .rh-card,\n .rh-ingredient-card,\n .rh-step,\n .rh-info-item {\n border: 2px solid var(--rh-text);\n }\n}\n\u003c\/style\u003e","brand":"ANTHEYA","offers":[{"title":"Default Title","offer_id":56455331578233,"sku":"NBAIANT0070","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/antheya-baume-resphiver-75-g-benefits.jpg?v=1767773592"},{"product_id":"huile-essentielle-tea-tree-bio-10-ml-eolesens","title":"Huile essentielle tea tree bio - 10 ml - Eolesens","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile essentielle Tea Tree bio - 10 ml - Eolesens\nPalette détectée:\n - Primaire: #5B9A3D (vert vif du packaging Tea Tree)\n - Primaire foncé: #3D6B29 (vert foncé)\n - Primaire clair: #E8F5E0 (vert très pâle pour backgrounds)\n - Secondaire: #8BC34A (vert lime\/clair du bandeau)\n - Accent: #2E7D32 (vert profond pour contraste)\nAmbiance: Naturel\/Bio, fraîcheur végétale, simplicité, pureté, aromathérapie\nPréfixe CSS: tt\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"L'huile essentielle Tea Tree bio Eolesens : votre alliée naturelle au quotidien\"\n 2. \"Qu'est-ce que le Tea Tree ?\"\n 3. \"Bienfaits de l'huile essentielle Tea Tree bio\"\n 4. \"Composition de l'huile essentielle Tea Tree Eolesens\"\n 5. \"Utilisation de l'huile essentielle Tea Tree\"\n 6. \"Précautions d'emploi et huile essentielle Tea Tree danger\"\n 7. \"Pourquoi choisir l'huile essentielle Tea Tree bio Eolesens ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tt-premium\"\u003e\n \n \u003c!-- HERO SECTION --\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🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e🇦🇺 Origine Australie\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e💧 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tt-hero-title\"\u003eHuile Essentielle Tea Tree Bio\u003c\/span\u003e\n \u003cp class=\"tt-subtitle\"\u003eEolesens • Melaleuca alternifolia\u003c\/p\u003e\n \u003cp class=\"tt-description\"\u003eL'incontournable de l'aromathérapie : purifiante, assainissante et polyvalente. Certifiée Agriculture Biologique.\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\u003eL'huile essentielle Tea Tree bio Eolesens : votre alliée naturelle au quotidien\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eVous recherchez une huile essentielle de tea tree de qualité, certifiée biologique et polyvalente ? L'huile essentielle Tea Tree bio Eolesens, issue de la \u003cem\u003eMelaleuca alternifolia\u003c\/em\u003e, est un indispensable à avoir dans votre trousse d'aromathérapie.\u003c\/p\u003e\n \u003cdiv class=\"tt-highlight-box\"\u003e\n \u003cp\u003e🌏 Originaire d'Australie, cette huile essentielle est reconnue depuis des siècles pour ses remarquables propriétés purifiantes et assainissantes.\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\u003eQu'est-ce que le Tea Tree ?\u003c\/h2\u003e\n \u003cdiv class=\"tt-info-card\"\u003e\n \u003cdiv class=\"tt-info-icon\"\u003e🌳\u003c\/div\u003e\n \u003cdiv class=\"tt-info-content\"\u003e\n \u003cp\u003eLe Tea Tree, également appelé \u003cstrong\u003earbre à thé\u003c\/strong\u003e, est un arbuste australien dont les feuilles sont distillées pour obtenir une huile essentielle aux vertus exceptionnelles.\u003c\/p\u003e\n \u003cp\u003eLes peuples aborigènes l'utilisaient traditionnellement pour ses propriétés assainissantes et purifiantes. Aujourd'hui, l'huile essentielle tea tree fait partie des huiles les plus étudiées et appréciées en aromathérapie.\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\u003eBienfaits de l'huile essentielle Tea Tree bio\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eLes bienfaits de l'huile essentielle tea tree sont nombreux et scientifiquement documentés :\u003c\/p\u003e\n \u003cdiv class=\"tt-grid\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🛡️ Renforce les défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eAide à augmenter la résistance physiologique de l'organisme, particulièrement utile lors des périodes de refroidissements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🦴 Soutient le confort articulaire\u003c\/h3\u003e\n \u003cp\u003eContribue à maintenir la mobilité et la flexibilité des articulations au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌬️ Propriétés assainissantes\u003c\/h3\u003e\n \u003cp\u003eIdéale pour purifier l'air de votre intérieur en diffusion atmosphérique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✨ Polyvalente\u003c\/h3\u003e\n \u003cp\u003eS'intègre facilement dans vos routines bien-être quotidiennes et préparations maison.\u003c\/p\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\u003eComposition de l'huile essentielle Tea Tree Eolesens\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eCette huile essentielle se distingue par sa pureté et sa certification biologique :\u003c\/p\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\u003eMelaleuca alternifolia\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🏷️ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (AB)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-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 \u003cdiv class=\"tt-tip\"\u003e\n \u003cspan class=\"tt-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEn choisissant une huile essentielle certifiée bio, vous avez l'assurance d'un produit sans pesticides ni produits chimiques de synthèse, respectueux de l'environnement et de votre santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eUtilisation de l'huile essentielle Tea Tree\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eVous vous demandez comment utiliser l'huile essentielle tea tree ? Voici quelques conseils pratiques :\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 diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans votre diffuseur pour assainir et purifier l'air ambiant.\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 application cutanée\u003c\/h3\u003e\n \u003cp\u003eToujours diluée dans une huile végétale (1 à 2 gouttes dans une cuillère à café d'huile végétale).\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\u003eDans vos préparations cosmétiques\u003c\/h3\u003e\n \u003cp\u003ePour enrichir vos soins purifiants et préparations maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et huile essentielle Tea Tree danger\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eComme toute huile essentielle, l'huile essentielle tea tree nécessite quelques précautions d'usage pour une utilisation en toute sécurité :\u003c\/p\u003e\n \u003cdiv class=\"tt-accordion\"\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e🚫 Ne pas utiliser pure\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content\"\u003e\n \u003cp\u003eToujours diluer dans une huile végétale avant application sur la peau.\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⚠️ Personnes sensibles\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content\"\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=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e👁️ Éviter le contact\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content\"\u003e\n \u003cp\u003eNe pas mettre en contact avec les yeux et les muqueuses.\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é\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content\"\u003e\n \u003cp\u003eRéaliser un test cutané dans le pli du coude 24h avant la première utilisation.\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\"\u003e\n \u003cp\u003eConserver à 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 \u003cdiv class=\"tt-tip\"\u003e\n \u003cspan class=\"tt-tip-icon\"\u003e👨‍⚕️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eEn cas de doute\u003c\/strong\u003e, demandez toujours l'avis d'un professionnel de santé ou d'un aromathérapeute qualifié avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"tt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile essentielle Tea Tree bio Eolesens ?\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eLa marque Eolesens s'engage à vous proposer des huiles essentielles de haute qualité, issues de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"tt-grid-compact\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌱 100% pure\u003c\/h3\u003e\n \u003cp\u003ePure et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🏅 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eSans résidus chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e📏 Format pratique\u003c\/h3\u003e\n \u003cp\u003e10 ml à emporter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e💰 Qualité-prix\u003c\/h3\u003e\n \u003cp\u003eExcellent rapport\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez l'huile essentielle Tea Tree bio Eolesens et découvrez tous les bienfaits de l'aromathérapie naturelle !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tt-disclaimer\"\u003eCe produit est un complément de bien-être et ne remplace en aucun cas un traitement médical. En cas de problème de santé, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tt-cream: #F9FBF7;\n --tt-white: #ffffff;\n --tt-primary: #5B9A3D;\n --tt-primary-dark: #3D6B29;\n --tt-primary-light: #E8F5E0;\n --tt-secondary: #8BC34A;\n --tt-accent: #2E7D32;\n --tt-text: #1a1a1a;\n --tt-text-light: #5a5a5a;\n --tt-border: #e0e0e0;\n --tt-shadow: 0 4px 24px rgba(91,154,61,.08);\n --tt-shadow-lg: 0 12px 48px rgba(91,154,61,.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, #3D6B29 0%, #5B9A3D 50%, #8BC34A 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: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 Q35 15 30 25 Q25 15 30 5' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3Cpath d='M10 35 Q15 45 10 55 Q5 45 10 35' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3Cpath d='M50 35 Q55 45 50 55 Q45 45 50 35' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .08;\n}\n\n.tt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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-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.tt-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 font-style: italic;\n}\n\n.tt-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === 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.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.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\/* === INFO CARD === *\/\n.tt-info-card {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\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-primary);\n}\n\n.tt-info-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.tt-info-content p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--tt-text);\n line-height: 1.7;\n margin: 0 0 1rem 0;\n}\n\n.tt-info-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.tt-highlight-box {\n background: linear-gradient(135deg, var(--tt-primary-light) 0%, rgba(139,195,74,.15) 100%);\n border-radius: var(--tt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n border: 2px solid var(--tt-primary);\n}\n\n.tt-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tt-primary-dark);\n margin: 0;\n font-weight: 600;\n line-height: 1.6;\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 box-shadow: 0 4px 12px rgba(91,154,61,.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.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}\n\n.tt-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.tt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tt-primary-light);\n border-radius: var(--tt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tt-tip p {\n font-size: 14px;\n color: var(--tt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\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 margin-top: 1.5rem;\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}\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-info-card {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n padding: 1.25rem;\n }\n \n .tt-info-icon {\n font-size: 40px;\n }\n \n .tt-tip {\n padding: .875rem 1rem;\n }\n \n .tt-tip-icon {\n font-size: 20px;\n }\n \n .tt-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tt-card {\n animation: fadeInUp .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}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tt-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":56542769873273,"sku":"NBAISEN0021","price":7.45,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-tea-tree-bio-10-ml-eolesens-lifestyle.webp?v=1769075122"},{"product_id":"huile-essentielle-orange-douce-bio-10ml-florame","title":"Huile Essentielle Orange Douce Bio - 10ml - Florame","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 orange douce\u003c\/span\u003e\n \u003cspan class=\"od-badge\"\u003e🌿 Certifiée AB Bio\u003c\/span\u003e\n \u003cspan class=\"od-badge\"\u003e🇫🇷 Saint-Rémy-de-Provence\u003c\/span\u003e\n \u003cspan class=\"od-badge\"\u003e🧪 Chémotypée limonène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"od-hero-title\"\u003eHuile essentielle orange douce bio\u003c\/span\u003e\n \u003cp class=\"od-subtitle\"\u003eFlorame - 10 ml d'aromathérapie provençale certifiée\u003c\/p\u003e\n \u003cp class=\"od-description\"\u003eSérénité, bonne humeur et douceur hespéridée : redécouvrez le pouvoir apaisant de \u003cem\u003eCitrus sinensis\u003c\/em\u003e, extrait à froid du zeste et certifié FR-BIO-01.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003eHuile essentielle orange douce bio Florame – Sérénité et bonne humeur au naturel\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eVous cherchez une huile essentielle orange douce de qualité biologique, à la fois apaisante et délicieusement parfumée ? Celle proposée par \u003cstrong\u003eFlorame\u003c\/strong\u003e, maison provençale experte en aromathérapie, coche toutes les cases.\u003c\/p\u003e\n \u003cp class=\"od-section-intro\"\u003eIssue de l'expression à froid du zeste de \u003cem\u003eCitrus sinensis\u003c\/em\u003e, cette huile essentielle chémotypée concentre le meilleur de l'orange douce dans un flacon de \u003cstrong\u003e10 ml\u003c\/strong\u003e, certifié AB et Agriculture UE (FR-BIO-01).\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\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\"\u003eL'orange douce huile essentielle est avant tout reconnue pour ses propriétés apaisantes et rééquilibrantes. Ses bienfaits les plus appréciés :\u003c\/p\u003e\n \u003cdiv class=\"od-grid\"\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e😌 Calmante et relaxante\u003c\/h3\u003e\n \u003cp\u003eElle aide à apaiser les tensions nerveuses, le stress et les petites anxiétés du quotidien. Un véritable cocon de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e☀️ Bonne humeur et optimisme\u003c\/h3\u003e\n \u003cp\u003eSes notes fruitées et chaleureuses véhiculent instantanément une sensation de bien-être et d'énergie positive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🌸 Profil olfactif remarquable\u003c\/h3\u003e\n \u003cp\u003eDes notes douces, fraîches et hespéridées, très appréciées en diffusion atmosphérique comme en parfumerie naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-tip\"\u003e\n \u003cspan class=\"od-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eVous vous demandez quels sont les bienfaits de l'huile essentielle orange par rapport à l'huile essentielle orange amère ? L'orange douce offre un profil plus doux et sucré, idéal pour la détente, tandis que l'orange amère (petit grain bigarade) possède un caractère plus herbacé et soutenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle orange douce ?\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eVous souhaitez savoir comment utiliser l'huile essentielle orange douce au quotidien ? Voici les recommandations du fabricant :\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\u003eVoie orale\u003c\/h3\u003e\n \u003cp\u003e2 à 6 gouttes par jour (soit 90 à 270 mg), à diluer dans une cuillerée à café d'huile végétale (olive, colza, etc.).\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\u003eDurée d'utilisation\u003c\/h3\u003e\n \u003cp\u003eNe pas dépasser 2 à 3 jours consécutifs pour un usage par voie orale.\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\u003eEn diffusion\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans votre diffuseur pour créer une atmosphère relaxante et parfumée dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-tip\"\u003e\n \u003cspan class=\"od-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce concrète :\u003c\/strong\u003e en période de stress ou avant le coucher, diffusez 5 à 6 gouttes pendant 20 minutes dans la pièce. L'ambiance change radicalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003eComposition et chémotype\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eCette huile essentielle orange douce Florame se distingue par sa traçabilité complète :\u003c\/p\u003e\n \u003cdiv class=\"od-grid-compact\"\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🍊 Ingrédient\u003c\/h3\u003e\n \u003cp\u003e100 % huile essentielle d'orange douce (\u003cem\u003eCitrus sinensis \/ Citrus Aurantium Dulcis\u003c\/em\u003e)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🧬 Partie utilisée\u003c\/h3\u003e\n \u003cp\u003eZeste (expression à froid)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🔬 Chémotype\u003c\/h3\u003e\n \u003cp\u003eLimonène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e📊 Synéphrine\u003c\/h3\u003e\n \u003cp\u003eTraces (\u0026lt;0,1 %)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAB – Agriculture Biologique, FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n \u003cp\u003eFlorame, Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et sécurité\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eConcernant le sujet fréquent de l'huile essentielle orange danger, voici les précautions indispensables à respecter :\u003c\/p\u003e\n \u003cdiv class=\"od-accordion\"\u003e\n \u003cdetails class=\"od-accordion-item\"\u003e\n \u003csummary class=\"od-accordion-header\"\u003e👤 Qui peut l'utiliser ?\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage strictement réservé à l'\u003cstrong\u003eadulte\u003c\/strong\u003e. Déconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e et aux enfants de moins de 12 ans.\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⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eConsultez votre médecin si vous souffrez d'\u003cstrong\u003ehypertension\u003c\/strong\u003e. Ne dépassez jamais la dose journalière recommandée.\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\u003eTenir hors de portée des jeunes enfants. Conservez le flacon à l'abri de la chaleur et de la lumière.\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💊 Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile essentielle est un complément de bien-être et ne remplace en aucun cas un traitement médical. En cas de doute, demandez toujours l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"od-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"od-cta-box\"\u003e\n \u003cp\u003e🍊 Avec cette huile essentielle orange douce bio Florame, vous disposez d'un allié naturel, certifié et chémotypé pour retrouver calme et sérénité au quotidien. Un indispensable de votre trousse d'aromathérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"od-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Réservé à l'adulte. Demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --od-cream: #fdf8f3;\n --od-white: #ffffff;\n --od-primary: #e8870e;\n --od-primary-dark: #a45d08;\n --od-primary-light: #fef3e2;\n --od-secondary: #5a9a2f;\n --od-accent: #d4a24e;\n --od-text: #1a1a1a;\n --od-text-light: #5a5a5a;\n --od-border: #e8e0d6;\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.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, #c96e06 0%, #e8870e 40%, #5a9a2f 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(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,200,50,.06) 0%, transparent 60%);\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,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.od-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.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\/* === SECTION INTRO TEXT === *\/\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: 650px;\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\/* === GRILLE COMPACTE === *\/\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\/* === 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\/* === 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\/* === CTA FINAL === *\/\n.od-cta-box {\n background: linear-gradient(135deg, var(--od-primary) 0%, var(--od-primary-dark) 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 .od-tip {\n padding: .875rem 1rem;\n }\n\n .od-tip-icon {\n font-size: 20px;\n }\n\n .od-tip p {\n font-size: 13px;\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":"FLORAME","offers":[{"title":"Default Title","offer_id":56783443951993,"sku":"FM0125","price":5.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-orange-douce-florame-10-ml_11zon.jpg?v=1772616107"},{"product_id":"huile-essentielle-deucalyptus-radie-bio-10ml-eolesens","title":"Huile Essentielle d'Eucalyptus Radie Bio - 10ml - Eolesens","description":"\u003cdiv class=\"er-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"er-hero\"\u003e\n\u003cdiv class=\"er-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"er-hero-content\"\u003e\n\u003cdiv class=\"er-badges-top\"\u003e\n\u003cspan class=\"er-badge\"\u003e🌿 Certifiée AB\u003c\/span\u003e \u003cspan class=\"er-badge\"\u003e🇫🇷 Marque française\u003c\/span\u003e \u003cspan class=\"er-badge\"\u003e💧 100 % pure \u0026amp; naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"er-hero-title\"\u003eHuile essentielle d'eucalyptus radié bio\u003c\/span\u003e\n\u003cp class=\"er-subtitle\"\u003eÉolésens · Flacon 10 ml\u003c\/p\u003e\n\u003cp class=\"er-description\"\u003eL'incontournable de l'aromathérapie pour le confort respiratoire, l'immunité et la vitalité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003cp class=\"er-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle d'eucalyptus radié\u003c\/strong\u003e de qualité biologique pour affronter sereinement la saison froide ?\u003c\/p\u003e\n\u003cdiv class=\"er-grid-compact\"\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🌱 Bio certifiée AB\u003c\/h3\u003e\n\u003cp\u003eIssue d'eucalyptus cultivé en Australie, certifiée Agriculture Biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🧪 100 % pure\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur chimique, aucun parfum de synthèse ni colorant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🌿 Eucalyptus radiata\u003c\/h3\u003e\n\u003cp\u003eL'une des huiles essentielles incontournables de l'aromathérapie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e❄️ Saison froide\u003c\/h3\u003e\n\u003cp\u003eVotre alliée naturelle pour traverser l'hiver en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'eucalyptus radié plutôt qu'une autre variété ?\u003c\/h2\u003e\n\u003cp class=\"er-section-intro\"\u003eIl existe plusieurs types d'huile essentielle d'eucalyptus, et il est essentiel de bien les distinguer.\u003c\/p\u003e\n\u003cdiv class=\"er-grid\"\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🍃 Eucalyptus radié\u003c\/h3\u003e\n\u003cp\u003eRéputé pour sa \u003cstrong\u003edouceur\u003c\/strong\u003e et sa meilleure tolérance. Chémotype riche en \u003cstrong\u003e1,8-cinéole et en alpha-terpinéol\u003c\/strong\u003e, idéal pour la sphère respiratoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e💨 Eucalyptus globulus\u003c\/h3\u003e\n\u003cp\u003ePlus puissant mais \u003cstrong\u003eréservé aux adultes\u003c\/strong\u003e en bonne santé. À ne pas confondre avec le radié.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🍋 Eucalyptus citronné\u003c\/h3\u003e\n\u003cp\u003ePropriétés davantage orientées vers le \u003cstrong\u003econfort articulaire et musculaire\u003c\/strong\u003e. Profil aromatique très différent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-tip\"\u003e\n\u003cspan class=\"er-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eL'eucalyptus radié se distingue par son \u003cstrong\u003eprofil aromatique frais\u003c\/strong\u003e et ses vertus reconnues sur la sphère respiratoire, grâce à ses deux composés clés : le 1,8-cinéole et l'alpha-terpinéol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003ch2\u003eBienfaits et utilisations de cette huile essentielle\u003c\/h2\u003e\n\u003cp class=\"er-section-intro\"\u003eL'huile essentielle d'eucalyptus radié bio Éolésens est appréciée pour ses multiples usages :\u003c\/p\u003e\n\u003cdiv class=\"er-grid\"\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🫁 Confort respiratoire\u003c\/h3\u003e\n\u003cp\u003eContribue à \u003cstrong\u003edégager les voies respiratoires\u003c\/strong\u003e et à lutter contre les inconforts hivernaux typiques : nez encombré, gêne à la respiration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n\u003cp\u003eGrâce à ses propriétés \u003cstrong\u003eantibactériennes et antivirales\u003c\/strong\u003e, elle favorise le bon fonctionnement du système immunitaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e⚡ Effet énergisant\u003c\/h3\u003e\n\u003cp\u003eSon parfum frais et pénétrant \u003cstrong\u003erevigore l'esprit\u003c\/strong\u003e, aide à clarifier les idées et agit comme un véritable tonique général.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🌬️ Purification de l'air\u003c\/h3\u003e\n\u003cp\u003eEn diffusion, elle contribue à \u003cstrong\u003eassainir et purifier\u003c\/strong\u003e l'air ambiant de votre intérieur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003ch2\u003eComment utiliser l'eucalyptus radié au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"er-section-intro\"\u003eCette huile essentielle d'eucalyptus s'utilise de trois façons complémentaires :\u003c\/p\u003e\n\u003cdiv class=\"er-timeline\"\u003e\n\u003cdiv class=\"er-timeline-item\"\u003e\n\u003cdiv class=\"er-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"er-timeline-content\"\u003e\n\u003ch3\u003e💧 Voie interne (adultes uniquement)\u003c\/h3\u003e\n\u003cp\u003e2 gouttes, 2 fois par jour, pendant 3 à 4 jours maximum. Prenez-les sur un support neutre : miel, comprimé neutre ou huile végétale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-timeline-item\"\u003e\n\u003cdiv class=\"er-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"er-timeline-content\"\u003e\n\u003ch3\u003e🤲 Voie externe\u003c\/h3\u003e\n\u003cp\u003eEn massage ou en onction, pure ou légèrement diluée dans une huile végétale sur les zones sensibles : thorax, dos, plante des pieds.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-timeline-item\"\u003e\n\u003cdiv class=\"er-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"er-timeline-content\"\u003e\n\u003ch3\u003e🌫️ Diffusion atmosphérique\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes dans votre diffuseur pour purifier l'air et profiter de ses notes fraîches et vivifiantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n\u003cdiv class=\"er-grid-compact\"\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e💧 10 ml\u003c\/h3\u003e\n\u003cp\u003eHuile essentielle d'Eucalyptus radiata bio, pure, sans aucun ajout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🟤 Verre brun\u003c\/h3\u003e\n\u003cp\u003eFlacon protégeant le contenu de la lumière pour préserver les propriétés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🔒 Sécurité enfants\u003c\/h3\u003e\n\u003cp\u003eBouchon de sécurité enfants pour un usage en toute tranquillité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🌡️ Conservation\u003c\/h3\u003e\n\u003cp\u003eEndroit sec et frais, à l'abri de la chaleur, pour préserver toutes les propriétés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n\u003cp class=\"er-section-intro\"\u003eVous vous interrogez sur l'huile essentielle d'eucalyptus et ses dangers éventuels ? Comme toute huile essentielle, celle-ci demande quelques précautions :\u003c\/p\u003e\n\u003cdiv class=\"er-accordion\"\u003e\n\u003cdetails class=\"er-accordion-item\"\u003e\n\u003csummary class=\"er-accordion-header\"\u003e🚫 Enfants de moins de 3 ans\u003c\/summary\u003e\n\u003cdiv class=\"er-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eDéconseillée aux enfants de moins de 3 ans.\u003c\/strong\u003e Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"er-accordion-item\"\u003e\n\u003csummary class=\"er-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"er-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eDéconseillée aux femmes enceintes ou allaitantes.\u003c\/strong\u003e Demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"er-accordion-item\"\u003e\n\u003csummary class=\"er-accordion-header\"\u003e💊 Traitement en cours\u003c\/summary\u003e\n\u003cdiv class=\"er-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de doute, de traitement en cours ou de pathologie particulière, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"er-accordion-item\"\u003e\n\u003csummary class=\"er-accordion-header\"\u003e⚠️ Avertissement médical\u003c\/summary\u003e\n\u003cdiv class=\"er-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e. L'huile essentielle d'eucalyptus citronné présente également ses propres contre-indications : ne confondez pas les variétés et vérifiez toujours le nom botanique sur l'étiquette avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"er-section\"\u003e\n\u003cdiv class=\"er-cta-box\"\u003e\n\u003cp\u003eFabriquée par \u003cstrong\u003eÉolésens\u003c\/strong\u003e, marque française engagée dans une aromathérapie biologique et responsable, cette huile essentielle d'eucalyptus radié est un choix sûr pour enrichir votre trousse d'aromathérapie naturelle. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"er-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\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --er-cream: #f4f7f2;\n --er-white: #ffffff;\n --er-primary: #2d6a34;\n --er-primary-dark: #1b4722;\n --er-primary-light: #e8f0e4;\n --er-secondary: #5a9e3e;\n --er-accent: #8cc63f;\n --er-text: #1a1a1a;\n --er-text-light: #5a5a5a;\n --er-border: #d6e0d2;\n --er-shadow: 0 4px 24px rgba(45,106,52,.08);\n --er-shadow-lg: 0 12px 48px rgba(27,71,34,.15);\n --er-radius: 20px;\n --er-radius-sm: 12px;\n}\n\n.er-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--er-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.er-hero {\n position: relative;\n background: linear-gradient(135deg, #1b4722 0%, #2d6a34 45%, #5a9e3e 100%);\n border-radius: var(--er-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(--er-shadow-lg);\n}\n\n.er-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(140,198,63,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 60%, rgba(90,158,62,.1) 0%, transparent 35%);\n opacity: 1;\n}\n\n.er-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.er-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.er-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.er-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.er-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.er-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(--er-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.er-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.er-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.er-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--er-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.er-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(--er-primary), var(--er-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.er-card {\n background: var(--er-white);\n border-radius: var(--er-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--er-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.er-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--er-shadow-lg);\n border-color: var(--er-primary);\n}\n\n.er-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--er-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.er-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--er-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.er-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.er-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.er-grid-compact .er-card {\n padding: 1rem;\n}\n\n.er-grid-compact .er-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.er-grid-compact .er-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.er-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.er-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.er-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--er-primary), var(--er-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.er-timeline-content {\n flex: 1;\n background: var(--er-white);\n padding: 1rem 1.25rem;\n border-radius: var(--er-radius-sm);\n box-shadow: var(--er-shadow);\n}\n\n.er-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--er-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.er-timeline-content p {\n font-size: 14px;\n color: var(--er-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.er-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--er-primary-light);\n border-radius: var(--er-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.er-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.er-tip p {\n font-size: 14px;\n color: var(--er-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.er-testimonial {\n background: var(--er-white);\n border-radius: var(--er-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--er-shadow);\n border-left: 4px solid var(--er-primary);\n}\n\n.er-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--er-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.er-accordion {\n background: var(--er-white);\n border-radius: var(--er-radius);\n box-shadow: var(--er-shadow);\n overflow: hidden;\n}\n\n.er-accordion-item {\n border-bottom: 1px solid var(--er-border);\n margin: 0;\n padding: 0;\n}\n\n.er-accordion-item:last-child {\n border-bottom: none;\n}\n\n.er-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--er-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.er-accordion-header:hover {\n background: var(--er-primary-light);\n}\n\n.er-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.er-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--er-primary);\n transition: transform .2s ease;\n}\n\n.er-accordion-item[open] .er-accordion-header::after {\n content: '−';\n}\n\n.er-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--er-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.er-accordion-content p {\n margin: 0;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.er-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--er-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\/* === CTA FINAL === *\/\n.er-cta-box {\n background: linear-gradient(135deg, var(--er-primary) 0%, var(--er-primary-dark) 100%);\n border-radius: var(--er-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.er-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.er-disclaimer {\n font-size: 12px;\n color: var(--er-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 .er-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .er-card {\n padding: 1.125rem;\n }\n\n .er-section {\n margin-bottom: 1.75rem;\n }\n\n .er-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--er-radius-sm);\n }\n\n .er-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .er-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .er-grid-compact {\n gap: .625rem;\n }\n\n .er-grid-compact .er-card {\n padding: .75rem;\n }\n\n .er-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .er-timeline-content {\n padding: .875rem 1rem;\n }\n\n .er-timeline-content h3 {\n font-size: 14px;\n }\n\n .er-timeline-content p {\n font-size: 13px;\n }\n\n .er-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .er-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .er-testimonial {\n padding: 1.25rem;\n }\n\n .er-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .er-card {\n animation: erFadeInUp .5s ease backwards;\n }\n .er-card:nth-child(1) { animation-delay: .05s; }\n .er-card:nth-child(2) { animation-delay: .1s; }\n .er-card:nth-child(3) { animation-delay: .15s; }\n .er-card:nth-child(4) { animation-delay: .2s; }\n .er-card:nth-child(5) { animation-delay: .25s; }\n .er-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes erFadeInUp {\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 .er-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":56783720677753,"sku":"NBAISEN0036","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-deucalyptus-radie-bio-10ml-eolesens-lifestyle.webp?v=1772619341"},{"product_id":"huile-essentielle-de-laurier-noble-bio-5ml-florame","title":"Huile essentielle de Laurier noble bio – 5ml – Florame","description":"\u003cdiv class=\"ln-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ln-hero\"\u003e\n \u003cdiv class=\"ln-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ln-hero-content\"\u003e\n \u003cdiv class=\"ln-badges-top\"\u003e\n \u003cspan class=\"ln-badge\"\u003e🌿 100 % bio certifié\u003c\/span\u003e\n \u003cspan class=\"ln-badge\"\u003e🇫🇷 Marque française\u003c\/span\u003e\n \u003cspan class=\"ln-badge\"\u003e💧 Flacon 5 ml\u003c\/span\u003e\n \u003cspan class=\"ln-badge\"\u003e♻️ Verre recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ln-hero-title\"\u003eHuile essentielle de Laurier noble bio - Florame\u003c\/span\u003e\n \u003cp class=\"ln-subtitle\"\u003eL'excellence de l'aromathérapie certifiée Ecocert\u003c\/p\u003e\n \u003cp class=\"ln-description\"\u003ePurifiante, assainissante et revitalisante : redécouvrez les vertus ancestrales du laurier noble dans un flacon compte-gouttes de précision.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ln-section\"\u003e\n \u003ch2\u003eHuile essentielle de Laurier noble bio - Florame : purifiante et assainissante\u003c\/h2\u003e\n \u003cp class=\"ln-section-intro\"\u003eReconnue depuis l'Antiquité pour ses vertus exceptionnelles, l'\u003cstrong\u003ehuile essentielle de laurier noble\u003c\/strong\u003e (\u003cem\u003eLaurus nobilis\u003c\/em\u003e) est un incontournable de l'aromathérapie.\u003c\/p\u003e\n \u003cdiv class=\"ln-grid-compact\"\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🌱 Pure et naturelle\u003c\/h3\u003e\n \u003cp\u003e100 % pure, 100 % naturelle, sans aucun ajout ni modification chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🏅 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eCertification Ecocert FR-BIO-01, gage de traçabilité et de qualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🍃 Distillation soignée\u003c\/h3\u003e\n \u003cp\u003eObtenue par distillation des feuilles de laurier pour en extraire le meilleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e💧 Flacon compte-gouttes\u003c\/h3\u003e\n \u003cp\u003eDosage précis et conservation optimale grâce au flacon en verre de 5 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ln-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de Laurier noble\u003c\/h2\u003e\n \u003cp class=\"ln-section-intro\"\u003eSi vous cherchez une huile essentielle polyvalente, le laurier noble mérite toute votre attention. Voici ses principaux atouts :\u003c\/p\u003e\n \u003cdiv class=\"ln-grid\"\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e✨ Purifiante et assainissante\u003c\/h3\u003e\n \u003cp\u003eEn diffusion atmosphérique, elle contribue à assainir l'air de votre intérieur et à créer une atmosphère plus saine, notamment en période hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🌬️ Soutien du confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa richesse en \u003cstrong\u003e1,8-cinéole\u003c\/strong\u003e, elle aide à dégager les voies respiratoires et favorise une respiration plus libre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🧠 Parfum frais et revigorant\u003c\/h3\u003e\n \u003cp\u003eSes notes camphrées et verdoyantes aident à retrouver clarté d'esprit et sérénité. Idéale pour gérer les périodes de \u003cstrong\u003estress\u003c\/strong\u003e et retrouver confiance en soi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🧴 Propriétés purifiantes cutanées\u003c\/h3\u003e\n \u003cp\u003eDiluée dans une huile végétale, elle est traditionnellement utilisée pour prendre soin des peaux à imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ln-section\"\u003e\n \u003ch2\u003eComposition et chémotype\u003c\/h2\u003e\n \u003cp class=\"ln-section-intro\"\u003eCette huile essentielle de laurier noble bio Florame se distingue par un profil biochimique complet et bien identifié.\u003c\/p\u003e\n \u003cdiv class=\"ln-grid-compact\"\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🌿 Espèce botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eLaurus nobilis\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🔬 Chémotype\u003c\/h3\u003e\n \u003cp\u003e1,8-cinéole, acétate de terpényle, sabinène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e✅ Qualité\u003c\/h3\u003e\n \u003cp\u003e100 % pure, 100 % naturelle, 100 % biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-tip\"\u003e\n \u003cspan class=\"ln-tip-icon\"\u003e🔍\u003c\/span\u003e\n \u003cp\u003eCe chémotype précis vous garantit une huile essentielle aux propriétés constantes et fiables, lot après lot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ln-section\"\u003e\n \u003ch2\u003eUtilisation de l'huile essentielle de Laurier noble\u003c\/h2\u003e\n \u003cp class=\"ln-section-intro\"\u003eVous vous demandez comment utiliser l'huile essentielle de laurier noble au quotidien ? Voici les modes d'emploi les plus courants :\u003c\/p\u003e\n \u003cdiv class=\"ln-timeline\"\u003e\n \u003cdiv class=\"ln-timeline-item\"\u003e\n \u003cdiv class=\"ln-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ln-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans votre diffuseur pour purifier l'air ambiant et profiter de son parfum frais et tonifiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-timeline-item\"\u003e\n \u003cdiv class=\"ln-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ln-timeline-content\"\u003e\n \u003ch3\u003eEn application cutanée\u003c\/h3\u003e\n \u003cp\u003eToujours diluée dans une huile végétale (2 à 3 gouttes maximum pour une cuillère à soupe d'huile support). Idéale en massage sur le thorax pour le confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-timeline-item\"\u003e\n \u003cdiv class=\"ln-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ln-timeline-content\"\u003e\n \u003ch3\u003eEn arôme alimentaire\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 goutte maximum\u003c\/strong\u003e (environ 45 mg) par kilogramme de denrée alimentaire. Ne pas utiliser quotidiennement de façon prolongé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=\"ln-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"ln-accordion\"\u003e\n \u003cdetails class=\"ln-accordion-item\" open\u003e\n \u003csummary class=\"ln-accordion-header\"\u003e👶 Usage et public concerné\u003c\/summary\u003e\n \u003cdiv class=\"ln-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eUsage réservé à l'adulte\u003c\/strong\u003e - tenir hors de portée des enfants. Déconseillée pendant la grossesse et l'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ln-accordion-item\"\u003e\n \u003csummary class=\"ln-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"ln-accordion-content mt-3\"\u003e\n \u003cp\u003eEffectuez toujours un test cutané au pli du coude 24 heures avant la première utilisation pour écarter tout risque de réaction allergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ln-accordion-item\"\u003e\n \u003csummary class=\"ln-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ln-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière pour préserver toutes les propriétés de l'huile essentielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ln-accordion-item\"\u003e\n \u003csummary class=\"ln-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"ln-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical, demandez conseil à votre médecin ou pharmacien. Cette huile essentielle \u003cstrong\u003ene remplace en aucun cas 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!-- H2 #6 --\u003e\n \u003csection class=\"ln-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile essentielle de Laurier noble Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"ln-grid\"\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🇫🇷 Marque française engagée\u003c\/h3\u003e\n \u003cp\u003eFlorame s'engage dans le respect du vivant et de l'environnement, de la récolte des feuilles jusqu'au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon compte-gouttes en verre, recyclable au bac de tri, pour un dosage précis et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🏅 Certification Ecocert\u003c\/h3\u003e\n \u003cp\u003eTraçabilité complète et qualité irréprochable garanties par la certification FR-BIO-01.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-cta-box\"\u003e\n \u003cp\u003e🌿 Que vous soyez débutant en aromathérapie ou utilisateur confirmé, cette huile essentielle de laurier noble bio deviendra vite un pilier de votre trousse bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ln-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 --ln-cream: #f5f3ee;\n --ln-white: #ffffff;\n --ln-primary: #2e7d4f;\n --ln-primary-dark: #1b5e3a;\n --ln-primary-light: #e8f5ec;\n --ln-secondary: #8dba5a;\n --ln-accent: #d4a843;\n --ln-text: #1a1a1a;\n --ln-text-light: #5a5a5a;\n --ln-border: #dde6d9;\n --ln-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ln-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ln-radius: 20px;\n --ln-radius-sm: 12px;\n}\n\n.ln-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ln-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ln-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ln-primary-dark) 0%, var(--ln-primary) 50%, var(--ln-secondary) 100%);\n border-radius: var(--ln-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(--ln-shadow-lg);\n}\n\n.ln-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ln-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ln-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.ln-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ln-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.ln-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ln-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(--ln-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ln-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ln-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ln-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ln-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.ln-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(--ln-primary), var(--ln-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ln-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ln-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.ln-card {\n background: var(--ln-white);\n border-radius: var(--ln-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ln-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ln-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ln-shadow-lg);\n border-color: var(--ln-primary);\n}\n\n.ln-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ln-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ln-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ln-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ln-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ln-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ln-grid-compact .ln-card {\n padding: 1rem;\n}\n\n.ln-grid-compact .ln-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ln-grid-compact .ln-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ln-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ln-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ln-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ln-primary), var(--ln-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.ln-timeline-content {\n flex: 1;\n background: var(--ln-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ln-radius-sm);\n box-shadow: var(--ln-shadow);\n}\n\n.ln-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ln-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ln-timeline-content p {\n font-size: 14px;\n color: var(--ln-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ln-testimonial {\n background: var(--ln-white);\n border-radius: var(--ln-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ln-shadow);\n border-left: 4px solid var(--ln-primary);\n}\n\n.ln-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ln-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ln-accordion {\n background: var(--ln-white);\n border-radius: var(--ln-radius);\n box-shadow: var(--ln-shadow);\n overflow: hidden;\n}\n\n.ln-accordion-item {\n border-bottom: 1px solid var(--ln-border);\n margin: 0;\n padding: 0;\n}\n\n.ln-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ln-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ln-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.ln-accordion-header:hover {\n background: var(--ln-primary-light);\n}\n\n.ln-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ln-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ln-primary);\n transition: transform .2s ease;\n}\n\n.ln-accordion-item[open] .ln-accordion-header::after {\n content: '−';\n}\n\n.ln-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ln-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ln-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ln-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ln-primary-light);\n border-radius: var(--ln-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ln-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ln-tip p {\n font-size: 14px;\n color: var(--ln-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ln-cta-box {\n background: linear-gradient(135deg, var(--ln-primary) 0%, var(--ln-primary-dark) 100%);\n border-radius: var(--ln-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.ln-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.ln-disclaimer {\n font-size: 12px;\n color: var(--ln-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 .ln-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ln-card {\n padding: 1.125rem;\n }\n\n .ln-section {\n margin-bottom: 1.75rem;\n }\n\n .ln-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ln-radius-sm);\n }\n\n .ln-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ln-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ln-grid-compact {\n gap: .625rem;\n }\n\n .ln-grid-compact .ln-card {\n padding: .75rem;\n }\n\n .ln-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ln-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ln-timeline-content h3 {\n font-size: 14px;\n }\n\n .ln-timeline-content p {\n font-size: 13px;\n }\n\n .ln-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ln-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ln-testimonial {\n padding: 1.25rem;\n }\n\n .ln-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ln-card {\n animation: lnFadeInUp .5s ease backwards;\n }\n .ln-card:nth-child(1) { animation-delay: .05s; }\n .ln-card:nth-child(2) { animation-delay: .1s; }\n .ln-card:nth-child(3) { animation-delay: .15s; }\n .ln-card:nth-child(4) { animation-delay: .2s; }\n .ln-card:nth-child(5) { animation-delay: .25s; }\n .ln-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lnFadeInUp {\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 .ln-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":56783765012857,"sku":"FM0080","price":9.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-laurier-noble-florame-5-ml_11zon.jpg?v=1772621845"},{"product_id":"huile-essentielle-gaultherie-bio-10-ml-eolesens","title":"Huile Essentielle Gaulthérie Bio - 10 ml - Eolesens","description":"\u003cdiv class=\"gt-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gt-hero\"\u003e\n \u003cdiv class=\"gt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gt-hero-content\"\u003e\n \u003cdiv class=\"gt-badges-top\"\u003e\n \u003cspan class=\"gt-badge\"\u003e🌿 Certifiée Bio Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"gt-badge\"\u003e🇳🇵 Origine Népal\u003c\/span\u003e\n \u003cspan class=\"gt-badge\"\u003e💧 100 % pure et naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gt-hero-title\"\u003eHuile Essentielle Gaulthérie Bio\u003c\/span\u003e\n \u003cp class=\"gt-subtitle\"\u003eEolesens - Flacon 10 ml\u003c\/p\u003e\n \u003cp class=\"gt-description\"\u003eL'alliée incontournable des sportifs et de tous ceux qui recherchent un confort articulaire et musculaire au naturel. Concentrée en salicylate de méthyle, elle apaise, réchauffe et soutient la récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eHuile essentielle de Gaulthérie Bio Eolesens - Votre alliée confort articulaire et musculaire\u003c\/h2\u003e\n \u003cp class=\"gt-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle de gaulthérie\u003c\/strong\u003e pure, bio et efficace pour prendre soin de vos articulations et de vos muscles ? Eolesens vous propose cette \u003cstrong\u003ehuile essentielle de Gaulthérie (Wintergreen)\u003c\/strong\u003e certifiée bio, originaire du Népal, concentrée en \u003cstrong\u003esalicylate de méthyle naturel\u003c\/strong\u003e - le composant clé reconnu pour ses propriétés apaisantes remarquables.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de Gaulthérie Bio\u003c\/h2\u003e\n \u003cp class=\"gt-section-intro\"\u003eLa \u003cstrong\u003egaulthérie couchée\u003c\/strong\u003e est sans doute l'une des huiles essentielles les plus prisées des sportifs et des personnes soucieuses de leur \u003cstrong\u003econfort articulaire\u003c\/strong\u003e. Voici ce qu'elle peut vous apporter au quotidien :\u003c\/p\u003e\n \u003cdiv class=\"gt-grid\"\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🦴 Apaise les articulations douloureuses\u003c\/h3\u003e\n \u003cp\u003eUtilisée traditionnellement pour calmer les inconforts liés aux rhumatismes, tendinites ou douleurs articulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e💪 Soutient la récupération musculaire\u003c\/h3\u003e\n \u003cp\u003eIdéale avant et après un effort sportif pour aider à soulager crampes, courbatures et contractures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🔥 Sensation de chaleur apaisante\u003c\/h3\u003e\n \u003cp\u003eLe massage favorise une détente localisée agréable sur les zones sensibles du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de Gaulthérie ?\u003c\/h2\u003e\n \u003cp class=\"gt-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle de gaulthérie\u003c\/strong\u003e s'utilise exclusivement \u003cstrong\u003epar voie externe\u003c\/strong\u003e, toujours diluée dans une huile végétale. Voici les conseils pratiques pour une utilisation optimale :\u003c\/p\u003e\n \u003cdiv class=\"gt-timeline\"\u003e\n \u003cdiv class=\"gt-timeline-item\"\u003e\n \u003cdiv class=\"gt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003eDiluez 5 ml d'huile essentielle de Gaulthérie dans 50 ml d'huile végétale (jojoba, macadamia ou calophylle inophyle).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-item\"\u003e\n \u003cdiv class=\"gt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-content\"\u003e\n \u003ch3\u003eApplication locale\u003c\/h3\u003e\n \u003cp\u003eMassez légèrement les zones concernées (articulations, muscles) plusieurs fois par jour selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-item\"\u003e\n \u003cdiv class=\"gt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-content\"\u003e\n \u003ch3\u003eEn préparation sportive\u003c\/h3\u003e\n \u003cp\u003eAppliquez le mélange avant et après l'effort pour préparer vos muscles et favoriser la récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-tip\"\u003e\n \u003cspan class=\"gt-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAttention :\u003c\/strong\u003e cette huile essentielle ne se diffuse pas et n'est pas recommandée en usage interne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n \u003cp class=\"gt-section-intro\"\u003eCe flacon contient une \u003cstrong\u003epure huile essentielle de Gaulthérie fragrantissima Bio\u003c\/strong\u003e, sans aucun ajout superflu :\u003c\/p\u003e\n \u003cdiv class=\"gt-grid-compact\"\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e✅ 100 % pure et naturelle\u003c\/h3\u003e\n \u003cp\u003eAucun additif, aucune dilution\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🌱 Certifiée biologique\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmos Organic\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🚫 Sans ajout chimique\u003c\/h3\u003e\n \u003cp\u003eSans conservateur, sans parfum de synthèse, sans colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🐇 Non testée sur les animaux\u003c\/h3\u003e\n \u003cp\u003eCosmétique éthique et responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🇳🇵 Origine Népal\u003c\/h3\u003e\n \u003cp\u003eGaulthérie fragrantissima récoltée au Népal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🧴 Flacon verre brun 10 ml\u003c\/h3\u003e\n \u003cp\u003eProtège de la lumière, bouchon de sécurité enfants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 \u0026 6 : Accordéon --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et effets secondaires possibles\u003c\/h2\u003e\n \u003cdiv class=\"gt-accordion\"\u003e\n \u003cdetails class=\"gt-accordion-item\" open\u003e\n \u003csummary class=\"gt-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux enfants de moins de 10 ans, aux femmes enceintes et allaitantes. Pour les enfants à partir de 10 ans, utilisez uniquement après une \u003cstrong\u003edilution forte\u003c\/strong\u003e dans une huile végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gt-accordion-item\"\u003e\n \u003csummary class=\"gt-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n \u003cp\u003eToujours réaliser un test cutané au creux du coude avant la première utilisation. Attendre 24 h pour vérifier l'absence de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gt-accordion-item\"\u003e\n \u003csummary class=\"gt-accordion-header\"\u003e👶 Sécurité enfants\u003c\/summary\u003e\n \u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eConservation\u003c\/h2\u003e\n \u003cdiv class=\"gt-accordion\"\u003e\n \u003cdetails class=\"gt-accordion-item\" open\u003e\n \u003csummary class=\"gt-accordion-header\"\u003e🧊 Conditions de conservation\u003c\/summary\u003e\n \u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon dans un \u003cstrong\u003eendroit sec et frais\u003c\/strong\u003e, à l'abri de la chaleur et de la lumière directe. Durée de conservation : \u003cstrong\u003e3 ans\u003c\/strong\u003e à partir de la date de fabrication.\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=\"gt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gt-cta-box\"\u003e\n \u003cp\u003eAvec l'\u003cstrong\u003ehuile essentielle de Gaulthérie Bio Eolesens\u003c\/strong\u003e, vous faites le choix d'un produit authentique, respectueux de votre corps et de l'environnement. Un indispensable à glisser dans votre trousse bien-être, que vous soyez sportif régulier ou simplement en quête de confort articulaire au quotidien. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gt-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 --gt-cream: #faf7f4;\n --gt-white: #ffffff;\n --gt-primary: #c0392b;\n --gt-primary-dark: #8b1a10;\n --gt-primary-light: #fdecea;\n --gt-secondary: #2d8a4e;\n --gt-accent: #e74c3c;\n --gt-text: #1a1a1a;\n --gt-text-light: #5a5a5a;\n --gt-border: #e8e0d8;\n --gt-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gt-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gt-radius: 20px;\n --gt-radius-sm: 12px;\n}\n\n.gt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gt-hero {\n position: relative;\n background: linear-gradient(135deg, #8b1a10 0%, #c0392b 45%, #2d8a4e 100%);\n border-radius: var(--gt-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(--gt-shadow-lg);\n}\n\n.gt-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gt-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.gt-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.gt-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gt-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(--gt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gt-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.gt-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(--gt-primary), var(--gt-secondary));\n border-radius: 2px;\n}\n\n.gt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gt-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.gt-section-intro strong {\n color: var(--gt-text);\n}\n\n\/* === CARDS === *\/\n.gt-card {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gt-shadow-lg);\n border-color: var(--gt-primary);\n}\n\n.gt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gt-grid-compact .gt-card {\n padding: 1rem;\n}\n\n.gt-grid-compact .gt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gt-grid-compact .gt-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gt-primary), var(--gt-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.gt-timeline-content {\n flex: 1;\n background: var(--gt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gt-radius-sm);\n box-shadow: var(--gt-shadow);\n}\n\n.gt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gt-timeline-content p {\n font-size: 14px;\n color: var(--gt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gt-primary-light);\n border-radius: var(--gt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gt-tip p {\n font-size: 14px;\n color: var(--gt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.gt-accordion {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n box-shadow: var(--gt-shadow);\n overflow: hidden;\n}\n\n.gt-accordion-item {\n border-bottom: 1px solid var(--gt-border);\n margin: 0;\n padding: 0;\n}\n\n.gt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gt-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.gt-accordion-header:hover {\n background: var(--gt-primary-light);\n}\n\n.gt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gt-primary);\n transition: transform .2s ease;\n}\n\n.gt-accordion-item[open] .gt-accordion-header::after {\n content: '−';\n}\n\n.gt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gt-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gt-cta-box {\n background: linear-gradient(135deg, var(--gt-primary) 0%, var(--gt-primary-dark) 100%);\n border-radius: var(--gt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gt-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.gt-disclaimer {\n font-size: 12px;\n color: var(--gt-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 .gt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gt-card {\n padding: 1.125rem;\n }\n\n .gt-section {\n margin-bottom: 1.75rem;\n }\n\n .gt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gt-radius-sm);\n }\n\n .gt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gt-grid-compact {\n gap: .625rem;\n }\n\n .gt-grid-compact .gt-card {\n padding: .75rem;\n }\n\n .gt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gt-timeline-content h3 {\n font-size: 14px;\n }\n\n .gt-timeline-content p {\n font-size: 13px;\n }\n\n .gt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gt-card {\n animation: gtFadeInUp .5s ease backwards;\n }\n .gt-card:nth-child(1) { animation-delay: .05s; }\n .gt-card:nth-child(2) { animation-delay: .1s; }\n .gt-card:nth-child(3) { animation-delay: .15s; }\n .gt-card:nth-child(4) { animation-delay: .2s; }\n .gt-card:nth-child(5) { animation-delay: .25s; }\n .gt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gtFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gt-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":56876181487993,"sku":"NBAISEN0033","price":7.85,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-gaultherie-bio-10-ml-eolesens-lifestyle.webp?v=1773910044"},{"product_id":"huile-essentielle-citron-bio-10-ml-eolesens","title":"Huile Essentielle Citron Bio - 10 ml - Eolesens","description":"\u003cdiv class=\"ct-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ct-hero\"\u003e\n \u003cdiv class=\"ct-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ct-hero-content\"\u003e\n \u003cdiv class=\"ct-badges-top\"\u003e\n \u003cspan class=\"ct-badge\"\u003e🍋 Citrus limon\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🇮🇹 Origine Sicile\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e💧 10 ml pur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ct-hero-title\"\u003eHuile Essentielle Citron Bio\u003c\/span\u003e\n \u003cp class=\"ct-subtitle\"\u003eEolesens - 10 ml\u003c\/p\u003e\n \u003cp class=\"ct-description\"\u003e100 % pure, naturelle et intégrale. Un concentré de fraîcheur méditerranéenne, riche en limonène (50 à 80 %), pour le bien-être digestif, le tonus et l'assainissement de votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eHuile essentielle de citron bio Eolesens : un concentré de fraîcheur venu de Sicile\u003c\/h2\u003e\n \u003cp class=\"ct-section-intro\"\u003eVous cherchez une huile essentielle de citron authentique, pure et certifiée biologique ? Cette huile essentielle au citron Eolesens est obtenue à partir de citrons cultivés en \u003cstrong\u003eSicile\u003c\/strong\u003e, berceau historique des agrumes les plus parfumés de la Méditerranée.\u003c\/p\u003e\n \u003cdiv class=\"ct-grid-compact\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🌱 100 % naturelle\u003c\/h3\u003e\n \u003cp\u003eIntégrale et non dénaturée, sans aucun additif chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e☀️ Sicile, Italie\u003c\/h3\u003e\n \u003cp\u003eCitrons récoltés dans le berceau méditerranéen des agrumes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🧴 Verre brun\u003c\/h3\u003e\n \u003cp\u003eFlacon protégé de la lumière pour préserver toute la puissance aromatique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🔬 Citrus limon\u003c\/h3\u003e\n \u003cp\u003eProfil biochimique riche en limonène (50 à 80 %) et terpinène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de citron bio\u003c\/h2\u003e\n \u003cp class=\"ct-section-intro\"\u003eLes bienfaits de l'huile essentielle de citron sont nombreux et reconnus en aromathérapie. Son profil biochimique lui confère des propriétés remarquables :\u003c\/p\u003e\n \u003cdiv class=\"ct-grid\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eElle aide à apaiser et soulager les inconforts digestifs du quotidien, notamment les sensations de nausée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e⚡ Énergie et tonus\u003c\/h3\u003e\n \u003cp\u003eSon arôme frais et zesté exerce une action énergisante et fortifiante, idéale pour stimuler l'organisme lors des coups de fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🌬️ Assainissement de l'air\u003c\/h3\u003e\n \u003cp\u003eEn diffusion, elle purifie et rafraîchit l'atmosphère de votre intérieur tout en laissant un parfum vivifiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🩸 Circulation\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour aider à décongestionner et relancer la circulation sanguine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle au citron ?\u003c\/h2\u003e\n \u003cdiv class=\"ct-timeline\"\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cdiv class=\"ct-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-content\"\u003e\n \u003ch3\u003e🍯 Par voie interne\u003c\/h3\u003e\n \u003cp\u003eDéposez \u003cstrong\u003e1 à 2 gouttes\u003c\/strong\u003e diluées dans une cuillère à café de miel et d'eau, ou sur un comprimé neutre, \u003cstrong\u003e2 à 6 fois par jour\u003c\/strong\u003e. En cas de nausée passagère, déposez 1 goutte sur un demi-sucre pour un soulagement rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cdiv class=\"ct-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-content\"\u003e\n \u003ch3\u003e✋ En application cutanée\u003c\/h3\u003e\n \u003cp\u003eEffectuez toujours un test préalable au pli du coude. \u003cstrong\u003eAttention :\u003c\/strong\u003e ne vous exposez jamais au soleil ni à la lumière directe après application, car cette huile est très photosensibilisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cdiv class=\"ct-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-content\"\u003e\n \u003ch3\u003e💨 En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eLe mode d'utilisation le plus simple et agréable. Quelques gouttes dans votre diffuseur suffisent pour embaumer votre intérieur d'un parfum frais et tonique, tout en assainissant l'air ambiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-tip\"\u003e\n \u003cspan class=\"ct-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ajoutez 2 gouttes dans votre eau de vaisselle ou votre produit ménager maison pour un pouvoir assainissant et un parfum frais incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ct-composition-box\"\u003e\n \u003cp class=\"ct-composition-main\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e huile essentielle de citron bio (\u003cem\u003eCitrus limon\u003c\/em\u003e) - 100 % pure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-grid-compact\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🧪 Chémotype\u003c\/h3\u003e\n \u003cp\u003eLimonène (50 à 80 %), terpinène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🇮🇹 Origine\u003c\/h3\u003e\n \u003cp\u003eSicile (Italie)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eSans conservateur chimique, sans parfum de synthèse, sans colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🐰 Éthique\u003c\/h3\u003e\n \u003cp\u003eNon testée sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eUne qualité irréprochable signée Eolesens\u003c\/h2\u003e\n \u003cdiv class=\"ct-grid\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🇫🇷 Marque française\u003c\/h3\u003e\n \u003cp\u003eEolesens est engagée dans la production d'huiles essentielles certifiées biologiques, traçables et rigoureusement contrôlées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🧴 Flacon verre brun\u003c\/h3\u003e\n \u003cp\u003eProtège l'huile de l'oxydation due à la lumière pour préserver toute la richesse aromatique du citron sicilien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🔒 Bouchon sécurité enfants\u003c\/h3\u003e\n \u003cp\u003eGarantit une utilisation sereine au quotidien, même dans les foyers avec de jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e📅 DLUO 3 ans\u003c\/h3\u003e\n \u003cp\u003eÀ compter de la fabrication, ce qui vous laisse amplement le temps de profiter de tous ses bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et huile essentielle citron danger\u003c\/h2\u003e\n \u003cp class=\"ct-section-intro\"\u003eSi vous vous interrogez sur les risques liés à l'huile essentielle de citron, voici les précautions essentielles à respecter :\u003c\/p\u003e\n \u003cdiv class=\"ct-accordion\"\u003e\n \u003cdetails class=\"ct-accordion-item\"\u003e\n \u003csummary class=\"ct-accordion-header\"\u003e☀️ Photosensibilisation\u003c\/summary\u003e\n \u003cdiv class=\"ct-accordion-content mt-3\"\u003e\n \u003cp\u003eNe jamais appliquer sur la peau avant une exposition au soleil. Cette huile est \u003cstrong\u003etrès photosensibilisante\u003c\/strong\u003e et peut provoquer des irritations ou des taches cutanées en cas d'exposition aux UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ct-accordion-item\"\u003e\n \u003csummary class=\"ct-accordion-header\"\u003e⚠️ Usage cutané\u003c\/summary\u003e\n \u003cdiv class=\"ct-accordion-content mt-3\"\u003e\n \u003cp\u003ePeut être légèrement irritante à l'état pur - \u003cstrong\u003etoujours diluer\u003c\/strong\u003e dans une huile végétale pour un usage cutané. Effectuez un test au pli du coude 24h avant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ct-accordion-item\"\u003e\n \u003csummary class=\"ct-accordion-header\"\u003e🚫 Personnes sensibles\u003c\/summary\u003e\n \u003cdiv class=\"ct-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux enfants de moins de 30 mois, aux femmes enceintes ou allaitantes. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ct-accordion-item\"\u003e\n \u003csummary class=\"ct-accordion-header\"\u003e📦 Conservation et dosage\u003c\/summary\u003e\n \u003cdiv class=\"ct-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Ne pas dépasser la dose journalière recommandée. Conserver dans un endroit sec, frais et à l'abri de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"ct-disclaimer\"\u003eCe produit est un complément alimentaire et ne remplace pas un traitement médical. En cas de doute, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ct-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ct-cta-box\"\u003e\n \u003cp\u003e🍋 Offrez-vous toute la fraîcheur et l'énergie du citron bio de Sicile.\u003cbr\u003eUn flacon, mille usages - digestion, tonus, diffusion, ménage naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ct-cream: #f8f7f2;\n --ct-white: #ffffff;\n --ct-primary: #6b8e23;\n --ct-primary-dark: #3d5a1e;\n --ct-primary-light: #eef4db;\n --ct-secondary: #c5b800;\n --ct-accent: #ffd700;\n --ct-text: #1a1a1a;\n --ct-text-light: #5a5a5a;\n --ct-border: #e0e0e0;\n --ct-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ct-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ct-radius: 20px;\n --ct-radius-sm: 12px;\n}\n\n.ct-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ct-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ct-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5a1e 0%, #6b8e23 40%, #8fae40 70%, #c5b800 100%);\n border-radius: var(--ct-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(--ct-shadow-lg);\n}\n\n.ct-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,215,0,.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.ct-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ct-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.ct-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ct-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ct-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ct-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(--ct-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ct-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ct-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ct-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ct-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.ct-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(--ct-primary), var(--ct-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ct-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ct-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.ct-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ct-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ct-shadow-lg);\n border-color: var(--ct-primary);\n}\n\n.ct-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ct-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ct-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ct-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ct-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ct-grid-compact .ct-card {\n padding: 1rem;\n}\n\n.ct-grid-compact .ct-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ct-grid-compact .ct-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ct-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ct-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ct-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ct-primary), var(--ct-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.ct-timeline-content {\n flex: 1;\n background: var(--ct-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ct-radius-sm);\n box-shadow: var(--ct-shadow);\n}\n\n.ct-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ct-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ct-timeline-content p {\n font-size: 14px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ct-composition-box {\n background: var(--ct-primary-light);\n border-radius: var(--ct-radius-sm);\n padding: 1.25rem 1.5rem;\n text-align: center;\n margin-bottom: 1.25rem;\n border: 2px solid var(--ct-primary);\n}\n\n.ct-composition-main {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ct-primary-dark);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ct-testimonial {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ct-shadow);\n border-left: 4px solid var(--ct-primary);\n}\n\n.ct-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ct-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ct-accordion {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n box-shadow: var(--ct-shadow);\n overflow: hidden;\n}\n\n.ct-accordion-item {\n border-bottom: 1px solid var(--ct-border);\n margin: 0;\n padding: 0;\n}\n\n.ct-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ct-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ct-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.ct-accordion-header:hover {\n background: var(--ct-primary-light);\n}\n\n.ct-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ct-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ct-primary);\n transition: transform .2s ease;\n}\n\n.ct-accordion-item[open] .ct-accordion-header::after {\n content: '−';\n}\n\n.ct-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ct-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ct-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ct-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ct-primary-light);\n border-radius: var(--ct-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ct-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ct-tip p {\n font-size: 14px;\n color: var(--ct-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ct-cta-box {\n background: linear-gradient(135deg, var(--ct-primary) 0%, var(--ct-primary-dark) 100%);\n border-radius: var(--ct-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ct-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.ct-disclaimer {\n font-size: 12px;\n color: var(--ct-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 .ct-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ct-card {\n padding: 1.125rem;\n }\n\n .ct-section {\n margin-bottom: 1.75rem;\n }\n\n .ct-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ct-radius-sm);\n }\n\n .ct-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ct-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ct-grid-compact {\n gap: .625rem;\n }\n\n .ct-grid-compact .ct-card {\n padding: .75rem;\n }\n\n .ct-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ct-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ct-timeline-content h3 {\n font-size: 14px;\n }\n\n .ct-timeline-content p {\n font-size: 13px;\n }\n\n .ct-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ct-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ct-testimonial {\n padding: 1.25rem;\n }\n\n .ct-testimonial-text {\n font-size: 14px;\n }\n\n .ct-composition-box {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ct-card {\n animation: ctFadeInUp .5s ease backwards;\n }\n .ct-card:nth-child(1) { animation-delay: .05s; }\n .ct-card:nth-child(2) { animation-delay: .1s; }\n .ct-card:nth-child(3) { animation-delay: .15s; }\n .ct-card:nth-child(4) { animation-delay: .2s; }\n .ct-card:nth-child(5) { animation-delay: .25s; }\n .ct-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ctFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ct-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":56876334317945,"sku":"NBAISEN0037","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-citron-bio-10-ml-eolesens-lifestyle_e876b21b-cf4c-4d66-b1d7-61d8ce8990c2.webp?v=1773912277"},{"product_id":"huile-essentielle-carotte-semence-5-ml-florame","title":"Huile Essentielle de Carotte Semence - 5 ml - Florame","description":"\u003cdiv class=\"fc-premium\"\u003e\n\n \u003cdiv class=\"fc-hero\"\u003e\n \u003cdiv class=\"fc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fc-hero-content\"\u003e\n \u003cdiv class=\"fc-badges-top\"\u003e\n \u003cspan class=\"fc-badge\"\u003e🌿 100 % pure et naturelle\u003c\/span\u003e\n \u003cspan class=\"fc-badge\"\u003e🇫🇷 Saint-Rémy-de-Provence\u003c\/span\u003e\n \u003cspan class=\"fc-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fc-hero-title\"\u003eHuile essentielle de carotte semence\u003c\/span\u003e\n \u003cp class=\"fc-subtitle\"\u003eFlorame - Daucus carota - 5 ml\u003c\/p\u003e\n \u003cp class=\"fc-description\"\u003eUn concentré de vitalité provençal pour retrouver un teint lumineux et une peau éclatante de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003eHuile essentielle de carotte semence Florame : un concentré de vitalité pour votre peau\u003c\/h2\u003e\n \u003cp class=\"fc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle de carotte\u003c\/strong\u003e de qualité pour prendre soin de votre peau au naturel ? L'huile essentielle de carotte semence Florame, obtenue par distillation des graines de \u003cem\u003eDaucus carota\u003c\/em\u003e, est reconnue pour ses propriétés \u003cstrong\u003erégénérantes et revitalisantes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"fc-grid-compact\"\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🌱 100 % pure\u003c\/h3\u003e\n \u003cp\u003eAucun arôme synthétique ni solvant chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🧴 5 ml concentrés\u003c\/h3\u003e\n \u003cp\u003eUn flacon compte-gouttes précis et pratique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e✨ Teint lumineux\u003c\/h3\u003e\n \u003cp\u003eRevitalise les peaux ternes et fatiguées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🏷️ Origine garantie\u003c\/h3\u003e\n \u003cp\u003eOrigine botanique certifiée par Florame\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile essentielle de carotte cultivée Florame ?\u003c\/h2\u003e\n \u003cp class=\"fc-section-intro\"\u003eFlorame, maison provençale installée à Saint-Rémy-de-Provence, propose une \u003cstrong\u003ehuile essentielle chémotypée\u003c\/strong\u003e à l'origine botanique garantie. Obtenue exclusivement par distillation des semences, là où se concentrent les principes actifs les plus intéressants de la plante.\u003c\/p\u003e\n \u003cdiv class=\"fc-grid\"\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🏡 Maison provençale\u003c\/h3\u003e\n \u003cp\u003eFlorame perpétue un savoir-faire authentique depuis Saint-Rémy-de-Provence, au cœur de l'aromathérapie française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-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 efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🍯 Profil olfactif unique\u003c\/h3\u003e\n \u003cp\u003eDes notes de \u003cstrong\u003efoin, de résine et de citron\u003c\/strong\u003e se mêlent dans une teinte ambrée chaleureuse et terreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de carotte pour le visage\u003c\/h2\u003e\n \u003cp class=\"fc-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle de carotte pour le visage\u003c\/strong\u003e est particulièrement appréciée pour ses vertus régénérantes. Un allié précieux pour les peaux en quête de renouveau.\u003c\/p\u003e\n \u003cdiv class=\"fc-grid\"\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e💫 Revitalise les peaux ternes\u003c\/h3\u003e\n \u003cp\u003eRedonne de l'éclat aux peaux fatiguées et dévitalisées pour un teint visiblement plus frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🔄 Renouvellement cellulaire\u003c\/h3\u003e\n \u003cp\u003eContribue au renouvellement cellulaire cutané pour une peau plus jeune et plus lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🌟 Teint unifié\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour unifier le teint et atténuer l'apparence des \u003cstrong\u003etaches brunes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-tip\"\u003e\n \u003cspan class=\"fc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour l'intégrer à votre routine, diluez-la toujours dans une huile végétale (jojoba, argan ou rose musquée) avant toute application cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle de carotte ?\u003c\/h2\u003e\n \u003cp class=\"fc-section-intro\"\u003eLe flacon compte-gouttes facilite un dosage précis. Voici les principales voies d'utilisation :\u003c\/p\u003e\n \u003cdiv class=\"fc-timeline\"\u003e\n \u003cdiv class=\"fc-timeline-item\"\u003e\n \u003cdiv class=\"fc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fc-timeline-content\"\u003e\n \u003ch3\u003e🧴 En soin cutané\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 à 2 gouttes dans une cuillère à café d'huile végétale, puis appliquez sur le visage ou les zones ciblées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-timeline-item\"\u003e\n \u003cdiv class=\"fc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fc-timeline-content\"\u003e\n \u003ch3\u003e🍽️ En arôme alimentaire\u003c\/h3\u003e\n \u003cp\u003eUtilisation maximale à 0,02 %, soit environ \u003cstrong\u003e4 gouttes pour 1 kg de préparation\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-timeline-item\"\u003e\n \u003cdiv class=\"fc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fc-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans un diffuseur pour profiter de ses notes chaleureuses de foin et de résine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"fc-card\" style=\"text-align:center;\"\u003e\n \u003ch3\u003e🌿 Daucus carota\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de carotte, \u003cstrong\u003e100 % pure et naturelle\u003c\/strong\u003e. Sans arôme synthétique, sans solvant chimique. Origine botanique garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et contre-indications de l'huile essentielle de carotte\u003c\/h2\u003e\n \u003cdiv class=\"fc-accordion\"\u003e\n \u003cdetails class=\"fc-accordion-item\"\u003e\n \u003csummary class=\"fc-accordion-header\"\u003e🚫 Personnes concernées par les restrictions\u003c\/summary\u003e\n \u003cdiv class=\"fc-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas utiliser\u003c\/strong\u003e chez la femme enceinte ou allaitante. \u003cstrong\u003eNe pas utiliser\u003c\/strong\u003e chez l'enfant de moins de 7 ans. \u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux personnes ayant des antécédents de convulsions ou d'allergies aux huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fc-accordion-item\"\u003e\n \u003csummary class=\"fc-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"fc-accordion-content mt-3\"\u003e\n \u003cp\u003eConsultez un médecin avant toute utilisation thérapeutique ou par voie orale. Ce produit \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e. En cas de doute, demandez toujours l'avis d'un professionnel de santé, notamment si vous envisagez d'utiliser l'\u003cstrong\u003ehuile essentielle de carotte pour le foie\u003c\/strong\u003e ou dans un cadre de détoxification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCe qu'il faut retenir\u003c\/h2\u003e\n \u003cdiv class=\"fc-cta-box\"\u003e\n \u003cp\u003eAvec son flacon de \u003cstrong\u003e5 ml\u003c\/strong\u003e pratique et concentré, l'huile essentielle de carotte semence Florame est un incontournable pour celles et ceux qui souhaitent revitaliser leur peau naturellement. Son origine botanique garantie et sa pureté en font un choix de confiance pour enrichir votre aromathèque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fc-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 --fc-cream: #f7f5f0;\n --fc-white: #ffffff;\n --fc-primary: #e8961e;\n --fc-primary-dark: #3a5a28;\n --fc-primary-light: #eef5e8;\n --fc-secondary: #c47a14;\n --fc-accent: #d4a843;\n --fc-text: #1a1a1a;\n --fc-text-light: #5a5a5a;\n --fc-border: #e0ddd6;\n --fc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fc-radius: 20px;\n --fc-radius-sm: 12px;\n}\n\n.fc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fc-primary-dark) 0%, #4a7a32 50%, var(--fc-primary) 100%);\n border-radius: var(--fc-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(--fc-shadow-lg);\n}\n\n.fc-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,150,30,.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.fc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fc-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.fc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.fc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 550px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.fc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fc-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(--fc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fc-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.fc-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(--fc-primary), var(--fc-secondary));\n border-radius: 2px;\n}\n\n.fc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fc-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.fc-card {\n background: var(--fc-white);\n border-radius: var(--fc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fc-shadow-lg);\n border-color: var(--fc-primary);\n}\n\n.fc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fc-grid-compact .fc-card {\n padding: 1rem;\n}\n\n.fc-grid-compact .fc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fc-grid-compact .fc-card p {\n font-size: 12px;\n}\n\n.fc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fc-primary-dark), var(--fc-primary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fc-timeline-content {\n flex: 1;\n background: var(--fc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fc-radius-sm);\n box-shadow: var(--fc-shadow);\n}\n\n.fc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fc-timeline-content p {\n font-size: 14px;\n color: var(--fc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fc-testimonial {\n background: var(--fc-white);\n border-radius: var(--fc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fc-shadow);\n border-left: 4px solid var(--fc-primary);\n}\n\n.fc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.fc-accordion {\n background: var(--fc-white);\n border-radius: var(--fc-radius);\n box-shadow: var(--fc-shadow);\n overflow: hidden;\n}\n\n.fc-accordion-item {\n border-bottom: 1px solid var(--fc-border);\n margin: 0;\n padding: 0;\n}\n\n.fc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fc-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.fc-accordion-header:hover {\n background: var(--fc-primary-light);\n}\n\n.fc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fc-primary);\n transition: transform .2s ease;\n}\n\n.fc-accordion-item[open] .fc-accordion-header::after {\n content: '−';\n}\n\n.fc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fc-accordion-content p {\n margin: 0;\n}\n\n.fc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fc-primary-light);\n border-radius: var(--fc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fc-tip p {\n font-size: 14px;\n color: var(--fc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fc-cta-box {\n background: linear-gradient(135deg, var(--fc-primary-dark) 0%, #4a7a32 50%, var(--fc-primary) 100%);\n border-radius: var(--fc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fc-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.fc-disclaimer {\n font-size: 12px;\n color: var(--fc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .fc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fc-card {\n padding: 1.125rem;\n }\n\n .fc-section {\n margin-bottom: 1.75rem;\n }\n\n .fc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fc-radius-sm);\n }\n\n .fc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fc-grid-compact {\n gap: .625rem;\n }\n\n .fc-grid-compact .fc-card {\n padding: .75rem;\n }\n\n .fc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fc-timeline-content h3 {\n font-size: 14px;\n }\n\n .fc-timeline-content p {\n font-size: 13px;\n }\n\n .fc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fc-testimonial {\n padding: 1.25rem;\n }\n\n .fc-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fc-card {\n animation: fcFadeInUp .5s ease backwards;\n }\n .fc-card:nth-child(1) { animation-delay: .05s; }\n .fc-card:nth-child(2) { animation-delay: .1s; }\n .fc-card:nth-child(3) { animation-delay: .15s; }\n .fc-card:nth-child(4) { animation-delay: .2s; }\n .fc-card:nth-child(5) { animation-delay: .25s; }\n .fc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fc-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":56946797248889,"sku":"FM0005","price":11.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-carotte-semence-5-ml-florame-lifestyle.webp?v=1775038586"},{"product_id":"huile-essentielle-citron-zeste-bio-10-ml-florame","title":"Huile Essentielle Citron Zeste Bio - 10 ml - Florame","description":"\u003cdiv class=\"lc-premium\"\u003e\n\n \u003cdiv class=\"lc-hero\"\u003e\n \u003cdiv class=\"lc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lc-hero-content\"\u003e\n \u003cdiv class=\"lc-badges-top\"\u003e\n \u003cspan class=\"lc-badge\"\u003e🍋 Expression à froid\u003c\/span\u003e\n \u003cspan class=\"lc-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"lc-badge\"\u003e🇫🇷 Fabriquée en Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lc-hero-title\"\u003eHuile essentielle citron zeste bio\u003c\/span\u003e\n \u003cp class=\"lc-subtitle\"\u003eFlorame - 10 ml · Citrus limon · Chémotypée\u003c\/p\u003e\n \u003cp class=\"lc-description\"\u003eLa fraîcheur vibrante du zeste de citron, capturée dans un flacon 100 % pur et biologique. Un incontournable de l'aromathérapie pour purifier, tonifier et illuminer votre quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eHuile essentielle de citron bio Florame : la fraîcheur du zeste en flacon\u003c\/h2\u003e\n \u003cp class=\"lc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle de citron\u003c\/strong\u003e pure, certifiée biologique et obtenue dans le respect du fruit ? Florame vous propose cette huile essentielle de citron zeste bio, extraite à froid pour préserver toute la richesse aromatique et les principes actifs naturels du zeste de \u003cem\u003eCitrus limon\u003c\/em\u003e. Un indispensable de l'aromathérapie, aussi polyvalent que plaisant à utiliser au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de citron bio\u003c\/h2\u003e\n \u003cp class=\"lc-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle au citron\u003c\/strong\u003e est reconnue pour ses multiples propriétés. Voici ce que vous pouvez en attendre :\u003c\/p\u003e\n \u003cdiv class=\"lc-grid\"\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e✨ Purifiante et détoxifiante\u003c\/h3\u003e\n \u003cp\u003eElle favorise une sensation de fraîcheur et de légèreté, notamment après les repas copieux ou en période de détox saisonnière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e⚡ Tonique et stimulante\u003c\/h3\u003e\n \u003cp\u003eSon parfum frais et acidulé aide à retrouver vitalité et énergie au cours de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🌬️ Assainissante de l'air\u003c\/h3\u003e\n \u003cp\u003eEn diffusion, elle purifie l'atmosphère de votre intérieur tout en y déposant une senteur citronnée délicieuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-tip\"\u003e\n \u003cspan class=\"lc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous vous demandez quels sont les \u003cstrong\u003ebienfaits de l'huile essentielle de citron\u003c\/strong\u003e, sachez qu'elle est l'une des plus appréciées en aromathérapie pour son action globale sur le bien-être et le confort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eComposition et méthode d'extraction\u003c\/h2\u003e\n \u003cdiv class=\"lc-grid-compact\"\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🍋 100 % pure\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de citron (zeste), sans aucun additif de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e❄️ Expression à froid\u003c\/h3\u003e\n \u003cp\u003eMéthode douce conservant l'intégralité des composés aromatiques volatils\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e💧 Flacon compte-gouttes\u003c\/h3\u003e\n \u003cp\u003e10 ml pour un dosage précis et une utilisation économique, goutte après goutte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🌱 Naturelle\u003c\/h3\u003e\n \u003cp\u003eAucun solvant chimique, aucune altération du zeste de Citrus limon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de citron Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"lc-timeline\"\u003e\n \u003cdiv class=\"lc-timeline-item\"\u003e\n \u003cdiv class=\"lc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lc-timeline-content\"\u003e\n \u003ch3\u003ePar voie orale\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 à 6 gouttes par jour\u003c\/strong\u003e (90 à 270 mg), diluées dans une cuillère à café d'huile végétale. Ne dépassez pas 2 à 3 jours d'utilisation consécutifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-timeline-item\"\u003e\n \u003cdiv class=\"lc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lc-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eAjoutez quelques gouttes dans votre diffuseur pour assainir et parfumer agréablement votre intérieur. Une alternative naturelle idéale aux désodorisants chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eCertifications et qualité Florame\u003c\/h2\u003e\n \u003cdiv class=\"lc-testimonial\"\u003e\n \u003cp class=\"lc-testimonial-text\"\u003eCe produit est \u003cstrong\u003ecertifié biologique par ECOCERT\u003c\/strong\u003e (FR-BIO-01, Agriculture UE). Florame, maison provençale basée à Saint-Rémy-de-Provence, s'engage depuis des décennies à proposer des huiles essentielles chémotypées d'une qualité irréprochable. Chaque lot fait l'objet de contrôles rigoureux garantissant pureté et traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🏅 Ecocert Bio\u003c\/h3\u003e\n \u003cp\u003eFR-BIO-01, Agriculture UE\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🔬 Chémotypée\u003c\/h3\u003e\n \u003cp\u003eContrôle rigoureux de chaque lot\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🏡 Provençale\u003c\/h3\u003e\n \u003cp\u003eSaint-Rémy-de-Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e📋 Traçabilité\u003c\/h3\u003e\n \u003cp\u003ePureté garantie à 100 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eHuile essentielle citron : précautions et contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"lc-accordion\"\u003e\n \u003cdetails class=\"lc-accordion-item\"\u003e\n \u003csummary class=\"lc-accordion-header\"\u003e☀️ Photosensibilisation par voie orale\u003c\/summary\u003e\n \u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez toute exposition au soleil après ingestion de l'huile essentielle de citron.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lc-accordion-item\"\u003e\n \u003csummary class=\"lc-accordion-header\"\u003e🚫 Ne pas utiliser par voie cutanée\u003c\/summary\u003e\n \u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n \u003cp\u003eEn raison de risques de photosensibilisation et d'irritation de la peau, l'application directe sur la peau est déconseillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lc-accordion-item\"\u003e\n \u003csummary class=\"lc-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n \u003cp\u003eContre-indiquée aux femmes enceintes ou allaitantes, aux enfants de moins de 7 ans et aux personnes ayant des antécédents de convulsions ou une allergie aux huiles essentielles. Consultez toujours un professionnel de santé avant toute utilisation thérapeutique ou traitement prolongé par voie orale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lc-accordion-item\"\u003e\n \u003csummary class=\"lc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lc-cta-box\"\u003e\n \u003cp\u003e🍋 Cette huile essentielle est un produit de bien-être et ne remplace en aucun cas un traitement médical. Profitez de la fraîcheur authentique du citron bio de Provence, goutte après goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lc-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lc-cream: #fdfcf7;\n --lc-white: #ffffff;\n --lc-primary: #5a8f3c;\n --lc-primary-dark: #3a6824;\n --lc-primary-light: #eef5e6;\n --lc-secondary: #e8b817;\n --lc-accent: #f5d442;\n --lc-text: #1a1a1a;\n --lc-text-light: #5a5a5a;\n --lc-border: #e0e0e0;\n --lc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lc-radius: 20px;\n --lc-radius-sm: 12px;\n}\n\n.lc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lc-hero {\n position: relative;\n background: linear-gradient(135deg, #3a6824 0%, #5a8f3c 40%, #7ab850 100%);\n border-radius: var(--lc-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(--lc-shadow-lg);\n}\n\n.lc-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,212,66,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 60%, rgba(245,212,66,.1) 0%, transparent 35%);\n opacity: 1;\n}\n\n.lc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lc-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.lc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lc-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(--lc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.lc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 500;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.lc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 620px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.lc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lc-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.lc-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(--lc-primary), var(--lc-secondary));\n border-radius: 2px;\n}\n\n.lc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lc-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.lc-card {\n background: var(--lc-white);\n border-radius: var(--lc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lc-shadow-lg);\n border-color: var(--lc-primary);\n}\n\n.lc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lc-grid-compact .lc-card {\n padding: 1rem;\n}\n\n.lc-grid-compact .lc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lc-grid-compact .lc-card p {\n font-size: 12px;\n}\n\n.lc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lc-primary), var(--lc-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.lc-timeline-content {\n flex: 1;\n background: var(--lc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lc-radius-sm);\n box-shadow: var(--lc-shadow);\n}\n\n.lc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lc-timeline-content p {\n font-size: 14px;\n color: var(--lc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.lc-testimonial {\n background: var(--lc-white);\n border-radius: var(--lc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lc-shadow);\n border-left: 4px solid var(--lc-primary);\n}\n\n.lc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.lc-accordion {\n background: var(--lc-white);\n border-radius: var(--lc-radius);\n box-shadow: var(--lc-shadow);\n overflow: hidden;\n}\n\n.lc-accordion-item {\n border-bottom: 1px solid var(--lc-border);\n margin: 0;\n padding: 0;\n}\n\n.lc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lc-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.lc-accordion-header:hover {\n background: var(--lc-primary-light);\n}\n\n.lc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lc-primary);\n transition: transform .2s ease;\n}\n\n.lc-accordion-item[open] .lc-accordion-header::after {\n content: '−';\n}\n\n.lc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lc-accordion-content p {\n margin: 0;\n}\n\n.lc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lc-primary-light);\n border-radius: var(--lc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lc-tip p {\n font-size: 14px;\n color: var(--lc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.lc-cta-box {\n background: linear-gradient(135deg, var(--lc-primary) 0%, var(--lc-primary-dark) 100%);\n border-radius: var(--lc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lc-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.lc-disclaimer {\n font-size: 12px;\n color: var(--lc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .lc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lc-card {\n padding: 1.125rem;\n }\n\n .lc-section {\n margin-bottom: 1.75rem;\n }\n\n .lc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lc-radius-sm);\n }\n\n .lc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lc-grid-compact {\n gap: .625rem;\n }\n\n .lc-grid-compact .lc-card {\n padding: .75rem;\n }\n\n .lc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lc-timeline-content h3 {\n font-size: 14px;\n }\n\n .lc-timeline-content p {\n font-size: 13px;\n }\n\n .lc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .lc-testimonial {\n padding: 1.25rem;\n }\n\n .lc-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .lc-card {\n animation: lcFadeInUp .5s ease backwards;\n }\n .lc-card:nth-child(1) { animation-delay: .05s; }\n .lc-card:nth-child(2) { animation-delay: .1s; }\n .lc-card:nth-child(3) { animation-delay: .15s; }\n .lc-card:nth-child(4) { animation-delay: .2s; }\n .lc-card:nth-child(5) { animation-delay: .25s; }\n .lc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .lc-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":56947120111993,"sku":"FM0015","price":7.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-citron-zeste-bio-10-ml-florame-lifestyle.webp?v=1775040236"},{"product_id":"huile-essentielle-de-citronnelle-bio-10ml-florame","title":"Huile Essentielle de Citronnelle Bio - 10ml - Florame","description":"\u003cdiv class=\"cit-premium\"\u003e\n\u003cdiv class=\"cit-hero\"\u003e\n\u003cdiv class=\"cit-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cit-hero-content\"\u003e\n\u003cdiv class=\"cit-badges-top\"\u003e\n\u003cspan class=\"cit-badge\"\u003e🌿 Certifiée AB\u003c\/span\u003e \u003cspan class=\"cit-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e \u003cspan class=\"cit-badge\"\u003e📍 Saint-Rémy-de-Provence\u003c\/span\u003e \u003cspan class=\"cit-badge\"\u003e🫙 10 m\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"cit-subtitle\"\u003eFlorame - Cymbopogon winterianus\u003c\/p\u003e\n\u003cp class=\"cit-description\"\u003eL'alliée incontournable de vos soirées d'été : une citronnelle de Java bio, pure et chémotypée, aussi efficace en diffusion qu'en usage alimentaire ponctuel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cit-section\"\u003e\n\u003ch2\u003eHuile essentielle de citronnelle bio Florame - Cymbopogon winterianus\u003c\/h2\u003e\n\u003cp class=\"cit-section-intro\"\u003eVous cherchez une huile essentielle de citronnelle de qualité, certifiée biologique et chémotypée ? Florame vous propose cette huile essentielle de citronnelle de Java (\u003cem\u003eCymbopogon winterianus\u003c\/em\u003e) en flacon de 10 ml, obtenue par distillation de la plante entière. Son profil aromatique riche, dominé par le citronellal, le géraniol et le citronellol, en fait une huile polyvalente, aussi appréciée en diffusion qu'en usage alimentaire ponctuel.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cit-section\"\u003e\n\u003ch2\u003ePourquoi choisir cette citronnelle huile essentielle bio ?\u003c\/h2\u003e\n\u003cdiv class=\"cit-grid\"\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e🏡 Savoir-faire provençal\u003c\/h3\u003e\n\u003cp\u003eFlorame, maison implantée à Saint-Rémy-de-Provence, élabore ses huiles essentielles selon des critères stricts de qualité et de traçabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e🌱 Certifiée AB\u003c\/h3\u003e\n\u003cp\u003eCertifiée Agriculture Biologique et contrôlée par FR-BIO-01, chaque lot est chémotypé pour garantir une composition précise et constante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e🦟 Anti-moustiques naturel\u003c\/h3\u003e\n\u003cp\u003eSon parfum citronné et légèrement floral est reconnu pour son efficacité à éloigner les moustiques et autres insectes indésirables lors de vos soirées d'été.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cit-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cdiv class=\"cit-grid-compact\"\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e🌾 Nom botanique\u003c\/h3\u003e\n\u003cp\u003eCymbopogon winterianus (citronnelle de Java)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e🌿 Partie distillée\u003c\/h3\u003e\n\u003cp\u003ePlante entière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e🧬 Chémotype\u003c\/h3\u003e\n\u003cp\u003eCitronellal, géraniol, citronellol\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e⚠️ Allergènes\u003c\/h3\u003e\n\u003cp\u003eLimonène, linalol, géraniol, citronellol, eugénol\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e✅ Certification\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique (FR-BIO-01)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n\u003cp\u003e10 ml \/ 0.34 fl.oz\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cit-section\"\u003e\n\u003ch2\u003eBienfaits et utilisations de l'huile essentielle de citronnelle\u003c\/h2\u003e\n\u003cdiv class=\"cit-grid\"\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e🦟 Répulsif anti-moustiques\u003c\/h3\u003e\n\u003cp\u003eEn diffusion atmosphérique, elle aide à tenir les insectes à distance. L'usage le plus populaire et le plus apprécié de cette huile essentielle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e🫄 Tonique digestif\u003c\/h3\u003e\n\u003cp\u003eUtilisée par voie orale dans les doses recommandées, elle peut contribuer au confort digestif et soutenir une digestion apaisée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e🧘 Propriétés apaisantes\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement appréciée pour ses qualités anti-douleur, elle accompagne vos moments de détente et de récupération.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e🌬️ Assainissement de l'air\u003c\/h3\u003e\n\u003cp\u003eSon pouvoir antiseptique atmosphérique et désodorisant purifie agréablement votre intérieur tout au long de l'année.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cit-section\"\u003e\n\u003ch2\u003eComment utiliser cette huile essentielle citronnelle de Java ?\u003c\/h2\u003e\n\u003cdiv class=\"cit-timeline\"\u003e\n\u003cdiv class=\"cit-timeline-item\"\u003e\n\u003cdiv class=\"cit-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cit-timeline-content\"\u003e\n\u003ch3\u003e🌀 En diffusion atmosphérique\u003c\/h3\u003e\n\u003cp\u003eVersez quelques gouttes dans votre diffuseur pour créer une ambiance fraîche et repoussante pour les insectes. Idéal en été, sur la terrasse ou dans la chambre avant le coucher.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-timeline-item\"\u003e\n\u003cdiv class=\"cit-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cit-timeline-content\"\u003e\n\u003ch3\u003e🥄 En complément alimentaire (adulte)\u003c\/h3\u003e\n\u003cp\u003eDéposez 1 à 3 gouttes par jour (soit 45 à 135 mg) dans une cuillère à café d'huile végétale. Ne dépassez pas 4 à 5 jours d'utilisation consécutifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-tip\"\u003e\n\u003cspan class=\"cit-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eAssociez-la à l'huile essentielle de géranium rosat en diffusion pour renforcer l'effet anti-moustiques tout en apportant une note florale délicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cit-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n\u003cdiv class=\"cit-accordion\"\u003e\n\u003cdetails class=\"cit-accordion-item\"\u003e\n\u003csummary class=\"cit-accordion-header\"\u003e💧 Dosage recommandé\u003c\/summary\u003e\n\u003cdiv class=\"cit-accordion-content mt-3\"\u003e\n\u003cp\u003eNe jamais dépasser la dose journalière recommandée : 1 à 3 gouttes par jour maximum, sur 4 à 5 jours consécutifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cit-accordion-item\"\u003e\n\u003csummary class=\"cit-accordion-header\"\u003e👶 Enfants et femmes enceintes\u003c\/summary\u003e\n\u003cdiv class=\"cit-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des enfants. Contre-indiquée chez la femme enceinte ou allaitante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cit-accordion-item\"\u003e\n\u003csummary class=\"cit-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cit-accordion-content mt-3\"\u003e\n\u003cp\u003eConserver à l'abri de la chaleur et de la lumière, dans son flacon d'origine bien fermé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cit-accordion-item\"\u003e\n\u003csummary class=\"cit-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"cit-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne remplace pas une alimentation variée et équilibrée ni un traitement médical. En cas de doute, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cit-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eL'essentiel en un coup d'œil\u003c\/h2\u003e\n\u003cdiv class=\"cit-grid-compact\"\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e🫙 Contenance\u003c\/h3\u003e\n\u003cp\u003e10 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n\u003cp\u003eFlorame - Saint-Rémy-de-Provence\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e✅ Certification\u003c\/h3\u003e\n\u003cp\u003eAB \/ FR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-card\"\u003e\n\u003ch3\u003e🎯 Usage\u003c\/h3\u003e\n\u003cp\u003eDiffusion atmosphérique, complément alimentaire (adulte)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cit-cta-box\"\u003e\n\u003cp\u003eOffrez-vous une huile essentielle de citronnelle bio fiable et authentique. Que vous souhaitiez profiter de vos soirées estivales sans moustiques ou assainir naturellement votre intérieur, ce flacon Florame deviendra vite un indispensable de votre aromathèque. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cit-cream: #f7f6f0;\n --cit-white: #ffffff;\n --cit-primary: #5a8c3c;\n --cit-primary-dark: #3b6624;\n --cit-primary-light: #eef4e8;\n --cit-secondary: #a3c252;\n --cit-accent: #e8b930;\n --cit-text: #1a1a1a;\n --cit-text-light: #5a5a5a;\n --cit-border: #e0e0e0;\n --cit-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cit-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cit-radius: 20px;\n --cit-radius-sm: 12px;\n}\n\n.cit-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cit-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cit-hero {\n position: relative;\n background: linear-gradient(135deg, #3b6624 0%, #5a8c3c 45%, #a3c252 100%);\n border-radius: var(--cit-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(--cit-shadow-lg);\n}\n\n.cit-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 40%);\n opacity: 1;\n}\n\n.cit-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cit-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.cit-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 font-style: italic;\n}\n\n.cit-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 620px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cit-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cit-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(--cit-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cit-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cit-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cit-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cit-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.cit-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(--cit-primary), var(--cit-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cit-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cit-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.cit-card {\n background: var(--cit-white);\n border-radius: var(--cit-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cit-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cit-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cit-shadow-lg);\n border-color: var(--cit-primary);\n}\n\n.cit-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cit-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cit-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cit-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cit-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cit-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cit-grid-compact .cit-card {\n padding: 1rem;\n}\n\n.cit-grid-compact .cit-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cit-grid-compact .cit-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cit-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cit-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cit-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cit-primary), var(--cit-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.cit-timeline-content {\n flex: 1;\n background: var(--cit-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cit-radius-sm);\n box-shadow: var(--cit-shadow);\n}\n\n.cit-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cit-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cit-timeline-content p {\n font-size: 14px;\n color: var(--cit-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cit-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cit-primary-light);\n border-radius: var(--cit-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cit-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cit-tip p {\n font-size: 14px;\n color: var(--cit-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.cit-accordion {\n background: var(--cit-white);\n border-radius: var(--cit-radius);\n box-shadow: var(--cit-shadow);\n overflow: hidden;\n}\n\n.cit-accordion-item {\n border-bottom: 1px solid var(--cit-border);\n margin: 0;\n padding: 0;\n}\n\n.cit-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cit-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cit-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.cit-accordion-header:hover {\n background: var(--cit-primary-light);\n}\n\n.cit-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cit-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cit-primary);\n transition: transform .2s ease;\n}\n\n.cit-accordion-item[open] .cit-accordion-header::after {\n content: '−';\n}\n\n.cit-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cit-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cit-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.cit-cta-box {\n background: linear-gradient(135deg, var(--cit-primary) 0%, var(--cit-primary-dark) 100%);\n border-radius: var(--cit-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.cit-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cit-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cit-card {\n padding: 1.125rem;\n }\n\n .cit-section {\n margin-bottom: 1.75rem;\n }\n\n .cit-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cit-radius-sm);\n }\n\n .cit-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cit-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cit-grid-compact {\n gap: .625rem;\n }\n\n .cit-grid-compact .cit-card {\n padding: .75rem;\n }\n\n .cit-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cit-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cit-timeline-content h3 {\n font-size: 14px;\n }\n\n .cit-timeline-content p {\n font-size: 13px;\n }\n\n .cit-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cit-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cit-card {\n animation: citFadeInUp .5s ease backwards;\n }\n .cit-card:nth-child(1) { animation-delay: .05s; }\n .cit-card:nth-child(2) { animation-delay: .1s; }\n .cit-card:nth-child(3) { animation-delay: .15s; }\n .cit-card:nth-child(4) { animation-delay: .2s; }\n .cit-card:nth-child(5) { animation-delay: .25s; }\n .cit-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes citFadeInUp {\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 .cit-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":56953842631033,"sku":"FM0020","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-citronnelle-bio-10ml-florame-lifestyle.webp?v=1775115011"},{"product_id":"huile-essentielle-encens-oliban-bio-5-ml-florame","title":"Huile Essentielle Encens Oliban Bio - 5 ml - Florame","description":"\u003cdiv class=\"eo-premium\"\u003e\n\n\u003cdiv class=\"eo-hero\"\u003e\n\u003cdiv class=\"eo-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"eo-hero-content\"\u003e\n\u003cdiv class=\"eo-badges-top\"\u003e\n\u003cspan class=\"eo-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n\u003cspan class=\"eo-badge\"\u003e💧 100 % pure\u003c\/span\u003e\n\u003cspan class=\"eo-badge\"\u003e🇫🇷 Fabriquée en Provence\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"eo-hero-title\"\u003eHuile Essentielle Encens Oliban Bio\u003c\/span\u003e\n\u003cp class=\"eo-subtitle\"\u003eFlorame · 5 ml · Boswellia carterii\u003c\/p\u003e\n\u003cp class=\"eo-description\"\u003eUn trésor millénaire au parfum résineux, boisé et chaud, distillé à partir de la précieuse gomme-résine d'oliban pour sublimer votre peau et apaiser votre esprit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"eo-section\"\u003e\n\u003ch2\u003eHuile essentielle Encens Oliban Bio Florame - Un trésor millénaire pour la peau et l'esprit\u003c\/h2\u003e\n\u003cp class=\"eo-section-intro\"\u003eUtilisée depuis des millénaires dans les rituels de méditation et les soins ancestraux, l'\u003cstrong\u003ehuile essentielle d'encens oliban\u003c\/strong\u003e est aujourd'hui reconnue pour ses vertus exceptionnelles en aromathérapie et en cosmétique naturelle. Florame vous propose ici une \u003cstrong\u003ehuile essentielle encens oliban\u003c\/strong\u003e certifiée bio, 100 % pure et chémotypée, extraite de la précieuse gomme-résine de \u003cem\u003eBoswellia carterii\u003c\/em\u003e.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"eo-section\"\u003e\n\u003ch2\u003eOrigine et extraction de l'huile essentielle d'encens\u003c\/h2\u003e\n\u003cdiv class=\"eo-card\" style=\"text-align:left;\"\u003e\n\u003cp\u003eL'\u003cstrong\u003eoliban\u003c\/strong\u003e, aussi appelé \u003cstrong\u003efrankincense\u003c\/strong\u003e, provient de la résine récoltée sur l'arbre \u003cem\u003eBoswellia carterii\u003c\/em\u003e (ou \u003cem\u003eBoswellia sacra\u003c\/em\u003e). Les arbres dont est issue cette huile essentielle poussent principalement en \u003cstrong\u003eÉthiopie et en Oman\u003c\/strong\u003e, dans des terres arides où ils développent une résine d'une richesse aromatique incomparable.\u003c\/p\u003e\n\u003cp style=\"margin-top:.75rem;\"\u003eUne fois distillée, cette résine donne naissance à une huile au \u003cstrong\u003eparfum résineux, boisé et chaud\u003c\/strong\u003e, immédiatement reconnaissable et profondément enveloppant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🌍 Éthiopie \u0026amp; Oman\u003c\/h3\u003e\n\u003cp\u003eTerres d'origine des arbres à encens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🌳 Boswellia carterii\u003c\/h3\u003e\n\u003cp\u003eEspèce botanique certifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e💎 Gomme-résine\u003c\/h3\u003e\n\u003cp\u003eMatière première d'exception\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e♨️ Distillation\u003c\/h3\u003e\n\u003cp\u003eExtraction à la vapeur d'eau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"eo-section\"\u003e\n\u003ch2\u003eBienfaits de l'huile essentielle d'encens oliban\u003c\/h2\u003e\n\u003cp class=\"eo-section-intro\"\u003eCette \u003cstrong\u003ehuile essentielle d'encens\u003c\/strong\u003e bio se distingue par la diversité de ses propriétés. Voici ses principaux atouts :\u003c\/p\u003e\n\u003cdiv class=\"eo-grid\"\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e✨ Régénérante et raffermissante\u003c\/h3\u003e\n\u003cp\u003eRevitalise les peaux sèches, sensibles ou matures et aide à réduire l'apparence des \u003cstrong\u003erides\u003c\/strong\u003e et ridules grâce à ses vertus réparatrices.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🧼 Purifiante\u003c\/h3\u003e\n\u003cp\u003eContribue à assainir la peau en profondeur et à préserver son éclat naturel jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🧘 Apaisante et relaxante\u003c\/h3\u003e\n\u003cp\u003eEn diffusion ou en olfaction, elle calme les tensions nerveuses, apaise l'anxiété et favorise un état de sérénité profonde.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🕯️ Aide à la méditation\u003c\/h3\u003e\n\u003cp\u003eSon parfum résineux invite au recueillement et facilite la concentration lors de pratiques méditatives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"eo-section\"\u003e\n\u003ch2\u003eComment utiliser l'huile essentielle encens oliban ?\u003c\/h2\u003e\n\u003cdiv class=\"eo-timeline\"\u003e\n\u003cdiv class=\"eo-timeline-item\"\u003e\n\u003cdiv class=\"eo-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"eo-timeline-content\"\u003e\n\u003ch3\u003eSoin visage anti-rides\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e1 goutte pour 70 g d'huile végétale\u003c\/strong\u003e (argan, jojoba, rose musquée…), soit un dosage de \u003cstrong\u003e0,067 %\u003c\/strong\u003e. Massez légèrement le visage \u003cstrong\u003ematin et\/ou soir\u003c\/strong\u003e pour favoriser la pénétration des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-timeline-item\"\u003e\n\u003cdiv class=\"eo-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"eo-timeline-content\"\u003e\n\u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n\u003cp\u003eDéposez quelques gouttes dans votre diffuseur pour créer une ambiance propice à la \u003cstrong\u003edétente et à la relaxation\u003c\/strong\u003e en fin de journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-timeline-item\"\u003e\n\u003cdiv class=\"eo-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"eo-timeline-content\"\u003e\n\u003ch3\u003eMéditation et recueillement\u003c\/h3\u003e\n\u003cp\u003eRespirez directement au flacon ou appliquez une goutte sur les poignets (diluée) avant votre séance pour favoriser la \u003cstrong\u003econcentration et le calme intérieur\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-tip\"\u003e\n\u003cspan class=\"eo-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eEffectuez toujours un test dans le pli du coude \u003cstrong\u003e24 heures avant\u003c\/strong\u003e la première utilisation cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"eo-section\"\u003e\n\u003ch2\u003eComposition - INCI\u003c\/h2\u003e\n\u003cdiv class=\"eo-card\" style=\"text-align:left;\"\u003e\n\u003cp\u003eUne formule d'une simplicité exemplaire, gage de qualité :\u003c\/p\u003e\n\u003cul style=\"margin:.75rem 0 0 1.25rem;color:var(--eo-text-light);line-height:1.8;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eBoswellia Carterii Oil\u003c\/strong\u003e (huile essentielle d'encens oliban)\u003c\/li\u003e\n\u003cli\u003eContient naturellement : Limonene, Linalool, Geraniol\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eAucun additif synthétique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-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=\"eo-card\"\u003e\n\u003ch3\u003e💧 100 % pure\u003c\/h3\u003e\n\u003cp\u003eRien n'est ajouté, rien n'est retiré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🔬 Chémotypée\u003c\/h3\u003e\n\u003cp\u003eComposition vérifiée et garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"eo-section\"\u003e\n\u003ch2\u003eCertifications et qualité Florame\u003c\/h2\u003e\n\u003cdiv class=\"eo-grid\"\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e✅ Ecocert FR-BIO-01\u003c\/h3\u003e\n\u003cp\u003eCertification bio par l'organisme de référence en France et en Europe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriquée en Provence\u003c\/h3\u003e\n\u003cp\u003eÉlaborée à Saint-Rémy-de-Provence par Florame, maison pionnière en aromathérapie biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e💧 Flacon compte-gouttes 5 ml\u003c\/h3\u003e\n\u003cp\u003eDosage précis et utilisation économique au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"eo-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"eo-accordion\"\u003e\n\u003cdetails class=\"eo-accordion-item\"\u003e\n\u003csummary class=\"eo-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"eo-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eNe pas utiliser\u003c\/strong\u003e chez la femme enceinte ou allaitante.\u003cbr\u003e\u003cstrong\u003eNe pas utiliser\u003c\/strong\u003e chez l'enfant de moins de 7 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"eo-accordion-item\"\u003e\n\u003csummary class=\"eo-accordion-header\"\u003e⚠️ Précautions cutanées\u003c\/summary\u003e\n\u003cdiv class=\"eo-accordion-content mt-3\"\u003e\n\u003cp\u003eToujours diluer avant application cutanée. Effectuez 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=\"eo-accordion-item\"\u003e\n\u003csummary class=\"eo-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"eo-accordion-content mt-3\"\u003e\n\u003cp\u003eNe se substitue pas à un avis ou un traitement médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n\u003cp\u003eSi vous cherchez une \u003cstrong\u003ehuile essentielle d'encens\u003c\/strong\u003e authentique et de haute qualité pour prendre soin de votre peau ou retrouver un moment de calme au quotidien, cette référence Florame constitue un choix sûr et engagé. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"eo-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 --eo-cream: #f7f4ef;\n --eo-white: #ffffff;\n --eo-primary: #5a7a3a;\n --eo-primary-dark: #3a5222;\n --eo-primary-light: #eef3e6;\n --eo-secondary: #c98a2e;\n --eo-accent: #d4a03c;\n --eo-text: #1a1a1a;\n --eo-text-light: #5a5a5a;\n --eo-border: #e0ddd6;\n --eo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --eo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --eo-radius: 20px;\n --eo-radius-sm: 12px;\n}\n\n.eo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--eo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.eo-hero {\n position: relative;\n background: linear-gradient(135deg, #3a5222 0%, #5a7a3a 40%, #c98a2e 100%);\n border-radius: var(--eo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--eo-shadow-lg);\n}\n\n.eo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%);\n opacity: 1;\n}\n\n.eo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.eo-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.eo-subtitle {\n color: 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.eo-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.eo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.eo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--eo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.eo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.eo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.eo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--eo-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.eo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--eo-primary), var(--eo-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.eo-card {\n background: var(--eo-white);\n border-radius: var(--eo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--eo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.eo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--eo-shadow-lg);\n border-color: var(--eo-primary);\n}\n\n.eo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--eo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.eo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--eo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.eo-card ul {\n color: var(--eo-text-light);\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.eo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.eo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.eo-grid-compact .eo-card {\n padding: 1rem;\n}\n\n.eo-grid-compact .eo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.eo-grid-compact .eo-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.eo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.eo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.eo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--eo-primary), var(--eo-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.eo-timeline-content {\n flex: 1;\n background: var(--eo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--eo-radius-sm);\n box-shadow: var(--eo-shadow);\n}\n\n.eo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--eo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.eo-timeline-content p {\n font-size: 14px;\n color: var(--eo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.eo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--eo-primary-light);\n border-radius: var(--eo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.eo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.eo-tip p {\n font-size: 14px;\n color: var(--eo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.eo-accordion {\n background: var(--eo-white);\n border-radius: var(--eo-radius);\n box-shadow: var(--eo-shadow);\n overflow: hidden;\n}\n\n.eo-accordion-item {\n border-bottom: 1px solid var(--eo-border);\n margin: 0;\n padding: 0;\n}\n\n.eo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.eo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--eo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.eo-accordion-header:hover {\n background: var(--eo-primary-light);\n}\n\n.eo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.eo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--eo-primary);\n transition: transform .2s ease;\n}\n\n.eo-accordion-item[open] .eo-accordion-header::after {\n content: '−';\n}\n\n.eo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--eo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.eo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.eo-cta-box {\n background: linear-gradient(135deg, var(--eo-primary) 0%, var(--eo-primary-dark) 100%);\n border-radius: var(--eo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.eo-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.eo-disclaimer {\n font-size: 12px;\n color: var(--eo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO === *\/\n.eo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eo-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .eo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .eo-card {\n padding: 1.125rem;\n }\n\n .eo-section {\n margin-bottom: 1.75rem;\n }\n\n .eo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--eo-radius-sm);\n }\n\n .eo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .eo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .eo-grid-compact {\n gap: .625rem;\n }\n\n .eo-grid-compact .eo-card {\n padding: .75rem;\n }\n\n .eo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .eo-timeline-content {\n padding: .875rem 1rem;\n }\n\n .eo-timeline-content h3 {\n font-size: 14px;\n }\n\n .eo-timeline-content p {\n font-size: 13px;\n }\n\n .eo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .eo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .eo-card {\n animation: eoFadeInUp .5s ease backwards;\n }\n .eo-card:nth-child(1) { animation-delay: .05s; }\n .eo-card:nth-child(2) { animation-delay: .1s; }\n .eo-card:nth-child(3) { animation-delay: .15s; }\n .eo-card:nth-child(4) { animation-delay: .2s; }\n .eo-card:nth-child(5) { animation-delay: .25s; }\n .eo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes eoFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .eo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56953876283769,"sku":"FM0030","price":18.25,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-encens-oliban-bio-5-ml-florame-lifestyle.webp?v=1775116571"},{"product_id":"huile-essentielle-d-epinette-noire-bio-5-ml-florame","title":"Huile Essentielle d’Épinette noire Bio - 5 ml - Florame","description":"\u003cdiv class=\"en-premium\"\u003e\n\n\u003cdiv class=\"en-hero\"\u003e\n\u003cdiv class=\"en-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"en-hero-content\"\u003e\n\u003cdiv class=\"en-badges-top\"\u003e\n\u003cspan class=\"en-badge\"\u003e🌿 Certifiée AB Bio\u003c\/span\u003e\n\u003cspan class=\"en-badge\"\u003e💧 100 % pure \u0026amp; naturelle\u003c\/span\u003e\n\u003cspan class=\"en-badge\"\u003e🇫🇷 Florame – Provence\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"en-hero-title\"\u003eHuile essentielle d'épinette noire bio\u003c\/span\u003e\n\u003cp class=\"en-subtitle\"\u003ePicea mariana · 5 ml · Chémotypée HEBBD\u003c\/p\u003e\n\u003cp class=\"en-description\"\u003eLe coup de boost aromatique des forêts boréales, certifié bio par Ecocert, pour retrouver énergie et vitalité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eHuile essentielle d'épinette noire bio Florame : le coup de boost naturel\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eVous traversez une période de \u003cstrong\u003efatigue persistante\u003c\/strong\u003e, de baisse de tonus ou de coup de pompe saisonnier ? L'\u003cstrong\u003ehuile essentielle d'épinette noire\u003c\/strong\u003e est l'une des alliées les plus précieuses de l'aromathérapie pour retrouver vitalité et énergie.\u003c\/p\u003e\n\u003cdiv class=\"en-testimonial\"\u003e\n\u003cp class=\"en-testimonial-text\"\u003eFlorame vous propose ici une huile essentielle 100 % pure, naturelle et certifiée bio, issue de la distillation des aiguilles de \u003cem\u003ePicea mariana\u003c\/em\u003e, un conifère robuste originaire des forêts boréales d'Amérique du Nord.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eBienfaits de l'huile essentielle d'épinette noire\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eReconnue pour ses propriétés \u003cstrong\u003estimulantes et revitalisantes\u003c\/strong\u003e, l'épinette noire en huile essentielle est particulièrement appréciée pour :\u003c\/p\u003e\n\u003cdiv class=\"en-grid\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e⚡ Lutter contre la fatigue\u003c\/h3\u003e\n\u003cp\u003eSon action tonifiante en fait un soutien idéal en cas de grande lassitude ou de convalescence. Appliquée en regard des \u003cstrong\u003esurrénales\u003c\/strong\u003e (bas du dos), elle aide à relancer l'énergie de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌬️ Purifier les voies respiratoires\u003c\/h3\u003e\n\u003cp\u003eGrâce à ses propriétés antiseptiques et expectorantes, elle contribue à dégager les bronches et à assainir la sphère ORL.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🏠 Assainir l'air ambiant\u003c\/h3\u003e\n\u003cp\u003eEn diffusion, elle purifie l'atmosphère tout en diffusant une note boisée, fraîche et réconfortante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e💆 Apaiser les inconforts articulaires et musculaires\u003c\/h3\u003e\n\u003cp\u003eDiluée dans une huile végétale, elle peut s'appliquer en massage sur les zones sensibles pour un soulagement ciblé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eComposition et profil biochimique\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eCette huile essentielle chémotypée répond aux exigences \u003cstrong\u003eHEBBD\u003c\/strong\u003e (Huile Essentielle Botaniquement et Biochimiquement Définie).\u003c\/p\u003e\n\u003cdiv class=\"en-grid-compact\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🧪 Alpha-pinène \u0026amp; camphène\u003c\/h3\u003e\n\u003cp\u003eMonoterpènes aux propriétés assainissantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌿 Acétate de bornyle\u003c\/h3\u003e\n\u003cp\u003eEster apaisant et équilibrant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🔬 Delta-3-carène \u0026amp; pinène B\u003c\/h3\u003e\n\u003cp\u003eComposés aromatiques caractéristiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e✨ Traces\u003c\/h3\u003e\n\u003cp\u003eLimonène, linalol, citronellol\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip\"\u003e\n\u003cspan class=\"en-tip-icon\"\u003e🍃\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePartie distillée :\u003c\/strong\u003e aiguilles, par distillation à la vapeur d'eau. \u003cstrong\u003eContenance :\u003c\/strong\u003e flacon de 5 ml avec compte-gouttes intégré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eUtilisation de l'huile essentielle d'épinette noire\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eVoici les principaux modes d'emploi pour profiter pleinement de ses bienfaits :\u003c\/p\u003e\n\u003cdiv class=\"en-timeline\"\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003e🤲 En massage (voie cutanée)\u003c\/h3\u003e\n\u003cp\u003eDiluez l'huile essentielle à environ \u003cstrong\u003e20 % dans une huile végétale\u003c\/strong\u003e (jojoba, amande douce…). Appliquez sur le bas du dos au niveau des surrénales, les bronches, la gorge ou les articulations. Pour le visage, réduisez la dilution entre 0,5 % et 1 %.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003e🌫️ En diffusion atmosphérique\u003c\/h3\u003e\n\u003cp\u003eSeule ou en synergie avec d'autres huiles essentielles, pour purifier et rafraîchir votre intérieur avec une note boisée enveloppante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003e👃 En inhalation\u003c\/h3\u003e\n\u003cp\u003eDéposez quelques gouttes sur un mouchoir et respirez profondément en cas de nez encombré pour un effet libérateur immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eAjoutez 1 à 2 gouttes dans une noisette de shampooing neutre pour tonifier le cuir chevelu et apporter de la vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eContre-indications et précautions d'emploi\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eAvant toute utilisation, il est essentiel de connaître les \u003cstrong\u003econtre-indications de l'huile essentielle d'épinette noire\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cdiv class=\"en-accordion\"\u003e\n\u003cdetails class=\"en-accordion-item\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003e🚫 Personnes concernées par l'interdiction\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eInterdite\u003c\/strong\u003e aux femmes enceintes ou allaitantes et aux enfants de moins de 7 ans. \u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux personnes ayant des antécédents de convulsions ou une allergie aux huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"en-accordion-item\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003e✋ Test cutané obligatoire\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003eRéalisez un \u003cstrong\u003etest cutané\u003c\/strong\u003e dans le pli du coude 48 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=\"en-accordion-item\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003eTenez hors de portée des enfants. Ne remplace pas un avis ou un traitement médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"en-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n\u003cdiv class=\"en-cta-box\"\u003e\n\u003cp\u003eFondée en Provence, la maison \u003cstrong\u003eFlorame\u003c\/strong\u003e bénéficie de plus de 20 ans de savoir-faire en aromathérapie biologique. Chaque huile essentielle est \u003cstrong\u003ecertifiée AB par Ecocert\u003c\/strong\u003e (FR-BIO-01) et rigoureusement contrôlée pour garantir pureté, traçabilité et efficacité. Un gage de confiance pour intégrer sereinement l'aromathérapie dans votre quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"en-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. En cas de doute, consultez un professionnel de santé qualifié.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --en-cream: #f7f5f0;\n --en-white: #ffffff;\n --en-primary: #e8831a;\n --en-primary-dark: #2d5016;\n --en-primary-light: #eef4e8;\n --en-secondary: #5a8a2e;\n --en-accent: #c96e0a;\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n --en-border: #e0e0e0;\n --en-shadow: 0 4px 24px rgba(0,0,0,.08);\n --en-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5016 0%, #3a6b1e 40%, #1b3a0d 100%);\n border-radius: var(--en-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(232,131,26,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(90,138,46,.2) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.en-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .5px;\n}\n\n.en-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.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.en-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.en-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.en-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--en-primary), var(--en-secondary));\n border-radius: 2px;\n}\n\n.en-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.en-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.en-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.en-grid-compact .en-card {\n padding: 1rem;\n}\n\n.en-grid-compact .en-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.en-grid-compact .en-card p {\n font-size: 12px;\n}\n\n.en-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.en-timeline-content {\n flex: 1;\n background: var(--en-white);\n padding: 1rem 1.25rem;\n border-radius: var(--en-radius-sm);\n box-shadow: var(--en-shadow);\n}\n\n.en-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--en-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.en-timeline-content p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.en-testimonial {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--en-shadow);\n border-left: 4px solid var(--en-primary);\n}\n\n.en-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.en-accordion {\n background: var(--en-white);\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n overflow: hidden;\n}\n\n.en-accordion-item {\n border-bottom: 1px solid var(--en-border);\n margin: 0;\n padding: 0;\n}\n\n.en-accordion-item:last-child {\n border-bottom: none;\n}\n\n.en-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--en-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.en-accordion-header:hover {\n background: var(--en-primary-light);\n}\n\n.en-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.en-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--en-primary);\n transition: transform .2s ease;\n}\n\n.en-accordion-item[open] .en-accordion-header::after {\n content: '−';\n}\n\n.en-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--en-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.en-accordion-content p {\n margin: 0;\n}\n\n.en-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--en-primary-light);\n border-radius: var(--en-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.en-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.en-tip p {\n font-size: 14px;\n color: var(--en-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.en-cta-box {\n background: linear-gradient(135deg, var(--en-secondary) 0%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.en-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.en-disclaimer {\n font-size: 12px;\n color: var(--en-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .en-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .en-card {\n padding: 1.125rem;\n }\n\n .en-section {\n margin-bottom: 1.75rem;\n }\n\n .en-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--en-radius-sm);\n }\n\n .en-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .en-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .en-grid-compact {\n gap: .625rem;\n }\n\n .en-grid-compact .en-card {\n padding: .75rem;\n }\n\n .en-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .en-timeline-content {\n padding: .875rem 1rem;\n }\n\n .en-timeline-content h3 {\n font-size: 14px;\n }\n\n .en-timeline-content p {\n font-size: 13px;\n }\n\n .en-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .en-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .en-testimonial {\n padding: 1.25rem;\n }\n\n .en-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .en-card {\n animation: enFadeInUp .5s ease backwards;\n }\n .en-card:nth-child(1) { animation-delay: .05s; }\n .en-card:nth-child(2) { animation-delay: .1s; }\n .en-card:nth-child(3) { animation-delay: .15s; }\n .en-card:nth-child(4) { animation-delay: .2s; }\n .en-card:nth-child(5) { animation-delay: .25s; }\n .en-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes enFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .en-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56953889325433,"sku":"FM0035","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-depinette-noire-bio-5-ml-florame-lifestyle.webp?v=1775117851"},{"product_id":"huile-essentielle-eucalyptus-citriodora-bio-10-ml-florame","title":"Huile Essentielle d’Eucalyptus Citriodora Bio - 10 ml - Florame","description":"\u003cdiv class=\"ec-premium\"\u003e\n\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🌿 Agriculture Biologique\u003c\/span\u003e\n \u003cspan class=\"ec-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"ec-badge\"\u003e🇫🇷 Florame - Provence\u003c\/span\u003e\n \u003cspan class=\"ec-badge\"\u003e🍋 Notes citronnées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ec-hero-title\"\u003eHuile Essentielle d'Eucalyptus Citriodora Bio\u003c\/span\u003e\n \u003cp class=\"ec-subtitle\"\u003e10 ml · Florame · Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003cp class=\"ec-description\"\u003eLa puissance aromatique de l'eucalyptus citronné bio, aux notes fraîches et citronnées, pour l'apaisement et la détente au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eHuile essentielle d'Eucalyptus Citriodora Bio Florame - Apaisement et notes citronnées\u003c\/h2\u003e\n \u003cp class=\"ec-section-intro\"\u003eDécouvrez l'\u003cstrong\u003ehuile essentielle d'eucalyptus citronné bio\u003c\/strong\u003e signée Florame, une référence française en aromathérapie depuis Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003cdiv class=\"ec-grid-compact\"\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🌱 Origine naturelle\u003c\/h3\u003e\n \u003cp\u003eFeuilles d'\u003cem\u003eEucalyptus citriodora\u003c\/em\u003e récoltées à Madagascar et au Brésil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🏅 Certifiée AB\u003c\/h3\u003e\n \u003cp\u003eFR-BIO-01, sans pesticides ni substances de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🧴 Flacon protecteur\u003c\/h3\u003e\n \u003cp\u003e10 ml en verre ambré pour une conservation optimale des principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🔬 Chémotypée\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et constance garanties grâce à l'analyse du chémotype\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eQu'est-ce qui distingue l'eucalyptus citronné des autres eucalyptus ?\u003c\/h2\u003e\n \u003cdiv class=\"ec-testimonial\"\u003e\n \u003cp class=\"ec-testimonial-text\"\u003eQuand on parle d'huile essentielle d'eucalyptus, on pense souvent à l'eucalyptus radié ou à l'eucalyptus globulus, traditionnellement associés au confort respiratoire. L'eucalyptus citriodora est pourtant bien différent : son profil biochimique est dominé par le \u003cstrong\u003ecitronellal\u003c\/strong\u003e et l'\u003cstrong\u003eisopulégol\u003c\/strong\u003e, ce qui lui confère des propriétés orientées vers l'\u003cstrong\u003eapaisement et la détente\u003c\/strong\u003e plutôt que vers la sphère ORL.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-tip\"\u003e\n \u003cspan class=\"ec-tip-icon\"\u003e🍋\u003c\/span\u003e\n \u003cp\u003eC'est cette richesse en citronellal qui lui donne son parfum caractéristique, à la fois frais et citronné, très apprécié en \u003cstrong\u003eparfumerie naturelle\u003c\/strong\u003e et en diffusion d'ambiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle d'eucalyptus citronné\u003c\/h2\u003e\n \u003cdiv class=\"ec-grid\"\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e😌 Apaisement et détente\u003c\/h3\u003e\n \u003cp\u003eIdéale après une journée stressante ou pour créer une atmosphère sereine chez vous. Favorise le lâcher-prise et la relaxation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🍃 Notes citronnées agréables\u003c\/h3\u003e\n \u003cp\u003eEn diffusion ou en parfumerie, elle apporte une touche de fraîcheur naturelle incomparable à votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🔬 Chémotype identifié\u003c\/h3\u003e\n \u003cp\u003eCitronellal et isopulégol : une traçabilité et une constance irréprochables dans la qualité, lot après lot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eComposition et chémotype\u003c\/h2\u003e\n \u003cdiv class=\"ec-grid-compact\"\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🧪 Ingrédient\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle d'Eucalyptus citriodora biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🌿 Espèce 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🍂 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🔬 Chémotype\u003c\/h3\u003e\n \u003cp\u003eCitronellal, Isopulégol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eMadagascar \/ Brésil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml (0.34 fl.oz)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\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\u003eDosage\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 3 gouttes par jour\u003c\/strong\u003e (soit 45 à 135 mg) en tant que complément alimentaire.\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\u003eDilution\u003c\/h3\u003e\n \u003cp\u003eDiluez dans une \u003cstrong\u003ecuillerée à café d'huile végétale\u003c\/strong\u003e (olive, tournesol…) avant ingestion.\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\u003eDurée\u003c\/h3\u003e\n \u003cp\u003eNe dépassez pas \u003cstrong\u003e4 à 5 jours\u003c\/strong\u003e d'utilisation consécutifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-item\"\u003e\n \u003cdiv class=\"ec-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-content\"\u003e\n \u003ch3\u003eDiffusion\u003c\/h3\u003e\n \u003cp\u003eVous pouvez également l'utiliser en \u003cstrong\u003ediffusion atmosphérique\u003c\/strong\u003e pour profiter de son parfum citronné apaisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et dangers éventuels\u003c\/h2\u003e\n \u003cp class=\"ec-section-intro\"\u003eComme toute huile essentielle, l'eucalyptus citronné requiert un usage raisonné.\u003c\/p\u003e\n \u003cdiv class=\"ec-accordion\"\u003e\n \u003cdetails class=\"ec-accordion-item\"\u003e\n \u003csummary class=\"ec-accordion-header\"\u003e👤 Usage réservé à l'adulte\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile essentielle est réservée aux adultes. Ne pas utiliser chez les enfants.\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🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes.\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👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants.\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💊 Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée (1 à 3 gouttes\/jour).\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 chaleur et de la lumière.\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⚠️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace 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é avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ec-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"ec-cta-box\"\u003e\n \u003cp\u003eFlorame est une maison provençale pionnière de l'aromathérapie biologique en France. Chaque huile essentielle Florame est \u003cstrong\u003echémotypée, certifiée bio et rigoureusement contrôlée\u003c\/strong\u003e pour vous garantir un produit authentique et traçable. En choisissant cette huile essentielle d'eucalyptus citriodora, vous optez pour un \u003cstrong\u003esavoir-faire reconnu\u003c\/strong\u003e et un engagement sincère envers la qualité naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ec-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé. Complément alimentaire - Ne pas dépasser la dose journalière conseillée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ec-cream: #f6f8f2;\n --ec-white: #ffffff;\n --ec-primary: #5a8a3c;\n --ec-primary-dark: #3b6324;\n --ec-primary-light: #e8f0de;\n --ec-secondary: #c4a933;\n --ec-accent: #7ab648;\n --ec-text: #1a1a1a;\n --ec-text-light: #5a5a5a;\n --ec-border: #dde5d3;\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.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, #3b6324 0%, #5a8a3c 40%, #7ab648 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(196,169,51,.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(122,182,72,.1) 0%, transparent 60%);\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(14px, 2.5vw, 18px);\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.2vw, 17px);\n max-width: 640px;\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-secondary));\n border-radius: 2px;\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\/* === GRILLES === *\/\n.ec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\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-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.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\/* === CTA FINAL === *\/\n.ec-cta-box {\n background: linear-gradient(135deg, var(--ec-primary) 0%, var(--ec-primary-dark) 100%);\n border-radius: var(--ec-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ec-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\/* === SECTION INTRO === *\/\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}\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\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":"FLORAME","offers":[{"title":"Default Title","offer_id":56959366431097,"sku":"FM0040","price":7.1,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-deucalyptus-citriodora-bio-10-ml-florame-lifestyle.webp?v=1775200747"},{"product_id":"huile-essentielle-eucalyptus-radiata-bio-10-ml-florame","title":"Huile Essentielle Eucalyptus Radiata Bio - 10 ml - Florame","description":"\u003cdiv class=\"er-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"er-hero\"\u003e\n\u003cdiv class=\"er-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"er-hero-content\"\u003e\n\u003cdiv class=\"er-badges-top\"\u003e\n\u003cspan class=\"er-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e \u003cspan class=\"er-badge\"\u003e💧 100 % pure et naturelle\u003c\/span\u003e \u003cspan class=\"er-badge\"\u003e🇫🇷 Saint-Rémy-de-Provence\u003c\/span\u003e \u003cspan class=\"er-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"er-hero-title\"\u003eHuile Essentielle Eucalyptus Radiata Bio\u003c\/span\u003e\n\u003cp class=\"er-subtitle\"\u003e10 ml · Florame\u003c\/p\u003e\n\u003cp class=\"er-description\"\u003eFraîcheur et pureté au quotidien grâce à l'aromathérapie biologique. Une huile essentielle douce, polyvalente et parfaitement tolérée, idéale pour débuter en aromathérapie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003ch2\u003eHuile essentielle d'Eucalyptus radié bio Florame : fraîcheur et pureté au quotidien\u003c\/h2\u003e\n\u003cp class=\"er-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle d'eucalyptus\u003c\/strong\u003e douce, polyvalente et certifiée biologique ?\u003c\/p\u003e\n\u003cdiv class=\"er-highlight-box\"\u003e\n\u003cp\u003eL'huile essentielle d'\u003cstrong\u003eEucalyptus radiata bio\u003c\/strong\u003e de Florame est un incontournable de l'aromathérapie. Distillée à partir des feuilles d'eucalyptus radié originaire d'Australie et d'Afrique du Sud, elle se distingue par son parfum frais et délicat, \u003cstrong\u003emoins agressif que d'autres variétés\u003c\/strong\u003e comme l'huile essentielle d'eucalyptus globulus. Un choix idéal pour celles et ceux qui découvrent le monde des huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile essentielle d'Eucalyptus radié\u003c\/h2\u003e\n\u003cp class=\"er-section-intro\"\u003eL'\u003cstrong\u003eeucalyptus radié en huile essentielle\u003c\/strong\u003e est traditionnellement apprécié pour ses multiples vertus. Voici ce qui rend cette référence Florame si prisée :\u003c\/p\u003e\n\u003cdiv class=\"er-grid\"\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🌬️ Propriétés assainissantes et purifiantes\u003c\/h3\u003e\n\u003cp\u003eEn diffusion, elle purifie l'atmosphère de votre intérieur et crée une ambiance fraîche et agréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🫁 Clarté respiratoire\u003c\/h3\u003e\n\u003cp\u003eElle favorise le confort respiratoire, particulièrement appréciable lors des changements de saison ou en période hivernale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e⚡ Vertus tonifiantes\u003c\/h3\u003e\n\u003cp\u003eSon parfum vivifiant aide à retrouver de l'énergie lors des périodes de fatigue passagère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e💆 Usage cosmétique\u003c\/h3\u003e\n\u003cp\u003eElle possède des propriétés antipelliculaires intéressantes lorsqu'elle est intégrée à votre routine capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003ch2\u003eComment utiliser cette huile essentielle d'eucalyptus ?\u003c\/h2\u003e\n\u003cp class=\"er-section-intro\"\u003eCette \u003cstrong\u003ehuile essentielle d'eucalyptus\u003c\/strong\u003e Florame s'utilise de plusieurs façons selon vos besoins :\u003c\/p\u003e\n\u003cdiv class=\"er-timeline\"\u003e\n\u003cdiv class=\"er-timeline-item\"\u003e\n\u003cdiv class=\"er-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"er-timeline-content\"\u003e\n\u003ch3\u003e🌿 En diffusion\u003c\/h3\u003e\n\u003cp\u003eAjoutez quelques gouttes dans votre diffuseur pour assainir et parfumer votre intérieur d'une note fraîche et boisée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-timeline-item\"\u003e\n\u003cdiv class=\"er-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"er-timeline-content\"\u003e\n\u003ch3\u003e💨 En inhalation\u003c\/h3\u003e\n\u003cp\u003eVersez quelques gouttes dans un bol d'eau chaude et respirez les vapeurs pour profiter de ses bienfaits sur la sphère respiratoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-timeline-item\"\u003e\n\u003cdiv class=\"er-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"er-timeline-content\"\u003e\n\u003ch3\u003e🧴 En soin capillaire antipelliculaire\u003c\/h3\u003e\n\u003cp\u003eDéposez \u003cstrong\u003e1 à 2 gouttes\u003c\/strong\u003e dans une noisette de shampoing neutre, appliquez sur cheveux mouillés, massez délicatement le cuir chevelu puis rincez abondamment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"er-grid-compact\"\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🌱 100 % pure et naturelle\u003c\/h3\u003e\n\u003cp\u003eIssue de l'agriculture biologique certifiée Ecocert (FR-BIO-01)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🧬 Eucalyptus radiata\u003c\/h3\u003e\n\u003cp\u003eExclusivement de l'huile essentielle d'Eucalyptus radiata\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e⚗️ Traces potentielles\u003c\/h3\u003e\n\u003cp\u003eLimonène, linalol, citral, géraniol\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e💧 Flacon 10 ml\u003c\/h3\u003e\n\u003cp\u003eCompte-gouttes 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\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi et danger de l'huile essentielle d'eucalyptus\u003c\/h2\u003e\n\u003cdiv class=\"er-accordion\"\u003e\n\u003cdetails class=\"er-accordion-item\"\u003e\n\u003csummary class=\"er-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"er-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux femmes enceintes ou allaitantes.\u003cbr\u003e\u003cstrong\u003eNe pas utiliser\u003c\/strong\u003e chez les enfants de moins de 7 ans.\u003cbr\u003eÉvitez en cas d'antécédents de convulsions ou d'allergie aux huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"er-accordion-item\"\u003e\n\u003csummary class=\"er-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n\u003cdiv class=\"er-accordion-content mt-3\"\u003e\n\u003cp\u003eTenez toujours hors de portée des enfants.\u003cbr\u003eNe pas appliquer pure sur la peau sans l'avis d'un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"er-accordion-item\"\u003e\n\u003csummary class=\"er-accordion-header\"\u003e👨⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"er-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de doute sur un éventuel \u003cstrong\u003edanger lié à l'huile essentielle d'eucalyptus\u003c\/strong\u003e, n'hésitez pas à consulter votre médecin ou pharmacien 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\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"er-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n\u003cdiv class=\"er-cta-box\"\u003e\n\u003cp\u003eBasée à Saint-Rémy-de-Provence, \u003cstrong\u003eFlorame\u003c\/strong\u003e est une marque pionnière de l'aromathérapie biologique en France. Chaque huile essentielle est rigoureusement \u003cstrong\u003echémotypée\u003c\/strong\u003e, garantissant une traçabilité et une qualité irréprochables. En choisissant cette \u003cstrong\u003ehuile essentielle d'eucalyptus bio\u003c\/strong\u003e, vous optez pour un produit respectueux de votre bien-être et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"er-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\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --er-cream: #f5f7f2;\n --er-white: #ffffff;\n --er-primary: #5a8c3c;\n --er-primary-dark: #3a5e25;\n --er-primary-light: #e8f0e0;\n --er-secondary: #7ab648;\n --er-accent: #a4c639;\n --er-text: #1a1a1a;\n --er-text-light: #5a5a5a;\n --er-border: #dce5d4;\n --er-shadow: 0 4px 24px rgba(0,0,0,.08);\n --er-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --er-radius: 20px;\n --er-radius-sm: 12px;\n}\n\n.er-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--er-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.er-hero {\n position: relative;\n background: linear-gradient(135deg, #3a5e25 0%, #5a8c3c 45%, #7ab648 100%);\n border-radius: var(--er-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(--er-shadow-lg);\n}\n\n.er-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.er-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.er-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.er-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.er-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.er-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.er-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(--er-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.er-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.er-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.er-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--er-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.er-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(--er-primary), var(--er-secondary));\n border-radius: 2px;\n}\n\n.er-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--er-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.er-highlight-box {\n background: var(--er-white);\n border-radius: var(--er-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--er-shadow);\n border-left: 4px solid var(--er-primary);\n}\n\n.er-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--er-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.er-card {\n background: var(--er-white);\n border-radius: var(--er-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--er-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.er-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--er-shadow-lg);\n border-color: var(--er-primary);\n}\n\n.er-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--er-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.er-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--er-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.er-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.er-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.er-grid-compact .er-card {\n padding: 1rem;\n}\n\n.er-grid-compact .er-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.er-grid-compact .er-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.er-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.er-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.er-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--er-primary), var(--er-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.er-timeline-content {\n flex: 1;\n background: var(--er-white);\n padding: 1rem 1.25rem;\n border-radius: var(--er-radius-sm);\n box-shadow: var(--er-shadow);\n}\n\n.er-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--er-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.er-timeline-content p {\n font-size: 14px;\n color: var(--er-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.er-testimonial {\n background: var(--er-white);\n border-radius: var(--er-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--er-shadow);\n border-left: 4px solid var(--er-primary);\n}\n\n.er-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--er-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.er-accordion {\n background: var(--er-white);\n border-radius: var(--er-radius);\n box-shadow: var(--er-shadow);\n overflow: hidden;\n}\n\n.er-accordion-item {\n border-bottom: 1px solid var(--er-border);\n margin: 0;\n padding: 0;\n}\n\n.er-accordion-item:last-child {\n border-bottom: none;\n}\n\n.er-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--er-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.er-accordion-header:hover {\n background: var(--er-primary-light);\n}\n\n.er-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.er-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--er-primary);\n transition: transform .2s ease;\n}\n\n.er-accordion-item[open] .er-accordion-header::after {\n content: '−';\n}\n\n.er-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--er-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.er-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.er-cta-box {\n background: linear-gradient(135deg, var(--er-primary) 0%, var(--er-primary-dark) 100%);\n border-radius: var(--er-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.er-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.er-disclaimer {\n font-size: 12px;\n color: var(--er-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 .er-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .er-card {\n padding: 1.125rem;\n }\n\n .er-section {\n margin-bottom: 1.75rem;\n }\n\n .er-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--er-radius-sm);\n }\n\n .er-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .er-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .er-grid-compact {\n gap: .625rem;\n }\n\n .er-grid-compact .er-card {\n padding: .75rem;\n }\n\n .er-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .er-timeline-content {\n padding: .875rem 1rem;\n }\n\n .er-timeline-content h3 {\n font-size: 14px;\n }\n\n .er-timeline-content p {\n font-size: 13px;\n }\n\n .er-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .er-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .er-testimonial {\n padding: 1.25rem;\n }\n\n .er-testimonial-text {\n font-size: 14px;\n }\n\n .er-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .er-card {\n animation: erFadeInUp .5s ease backwards;\n }\n .er-card:nth-child(1) { animation-delay: .05s; }\n .er-card:nth-child(2) { animation-delay: .1s; }\n .er-card:nth-child(3) { animation-delay: .15s; }\n .er-card:nth-child(4) { animation-delay: .2s; }\n .er-card:nth-child(5) { animation-delay: .25s; }\n .er-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes erFadeInUp {\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 .er-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":56959489409401,"sku":"FM0050","price":8.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-eucalyptus-radiata-bio-10-ml-florame-lifestyle.webp?v=1775202249"},{"product_id":"huile-essentielle-de-gaultherie-couchee-bio-10-ml-florame","title":"Huile Essentielle de Gaulthérie couchée Bio -10 ml - Florame","description":"\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🌿 Certifiée Bio AB\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🇫🇷 Florame - Provence\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e💧 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gc-hero-title\"\u003eHuile essentielle de Gaulthérie couchée Bio\u003c\/span\u003e\n \u003cp class=\"gc-subtitle\"\u003eGaultheria procumbens - Wintergreen\u003c\/p\u003e\n \u003cp class=\"gc-description\"\u003eLa puissance du salicylate de méthyle au service de votre confort articulaire et musculaire. Pure, biologique et distillée à la vapeur d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eHuile essentielle de Gaulthérie couchée Bio Florame : l'alliée naturelle du confort articulaire et musculaire\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle de gaulthérie couchée\u003c\/strong\u003e fiable, pure et certifiée biologique ? Florame, maison provençale experte en aromathérapie bio, vous propose cette huile essentielle chémotypée issue des feuilles de \u003cem\u003eGaultheria procumbens\u003c\/em\u003e, distillées à la vapeur d'eau. Un flacon de \u003cstrong\u003e10 ml\u003c\/strong\u003e concentré en actifs naturels, pour accompagner votre bien-être au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de Gaulthérie couchée\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003eLa \u003cstrong\u003egaulthérie huile essentielle\u003c\/strong\u003e est particulièrement prisée en aromathérapie pour sa richesse exceptionnelle en \u003cstrong\u003esalicylate de méthyle\u003c\/strong\u003e, son composé principal. Ce constituant naturel lui confère des propriétés traditionnellement reconnues :\u003c\/p\u003e\n \u003cdiv class=\"gc-grid\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e💆 Apaiser les muscles\u003c\/h3\u003e\n \u003cp\u003eSoulage les inconforts musculaires après l'effort physique, idéale pour les sportifs et les actifs au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🦴 Calmer les articulations\u003c\/h3\u003e\n \u003cp\u003eApaise les sensations de tension au niveau des articulations, pour retrouver souplesse et mobilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🎯 Soulager localement\u003c\/h3\u003e\n \u003cp\u003eApplication locale diluée sur les zones sensibles pour un confort ciblé et efficace.\u003c\/p\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\u003eQue vous soyez sportif régulier, randonneur du dimanche ou simplement sujet à des raideurs saisonnières, les \u003cstrong\u003ebienfaits de l'huile essentielle de gaulthérie\u003c\/strong\u003e en font un incontournable de la trousse d'aromathérapie naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003eSa \u003cstrong\u003esenteur profonde et intense\u003c\/strong\u003e, caractéristique de la gaulthérie, est immédiatement reconnaissable et témoigne de la qualité de la distillation.\u003c\/p\u003e\n \u003cdiv class=\"gc-grid-compact\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eGaultheria procumbens\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌿 Famille botanique\u003c\/h3\u003e\n \u003cp\u003eÉricacées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-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=\"gc-card\"\u003e\n \u003ch3\u003e🧬 Profil biochimique\u003c\/h3\u003e\n \u003cp\u003eSalicylate de méthyle (majoritaire)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🧪 Contient également\u003c\/h3\u003e\n \u003cp\u003eL-Limonène, α-Pinène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌏 Origine\u003c\/h3\u003e\n \u003cp\u003eAsie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (FR-BIO-01)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eUtilisation de l'huile essentielle de Gaulthérie : mode d'emploi\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003ePour une \u003cstrong\u003eutilisation de la gaulthérie huile essentielle\u003c\/strong\u003e en toute sécurité, suivez ces recommandations essentielles :\u003c\/p\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\u003eDiluer dans une huile végétale\u003c\/h3\u003e\n \u003cp\u003eMélangez 3 à 5 gouttes d'huile essentielle de gaulthérie dans une cuillère à café d'huile végétale (arnica, macadamia ou amande douce).\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\u003eAppliquer en massage local\u003c\/h3\u003e\n \u003cp\u003eMassez la zone concernée en mouvements circulaires doux. Voie cutanée uniquement, toujours à faible pourcentage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eNe jamais appliquer pure\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la toujours en mélange avec d'autres huiles essentielles ou une huile végétale. Ne pas diffuser en présence d'enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et effets secondaires\u003c\/h2\u003e\n \u003cdiv class=\"gc-accordion\"\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e⚠️ Risque de réaction allergique\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003ePeut provoquer une \u003cstrong\u003eréaction allergique\u003c\/strong\u003e cutanée. Réalisez toujours un test 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=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e🚫 Personnes déconseillées\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux femmes enceintes, allaitantes, aux enfants et aux personnes allergiques à l'aspirine (en raison du salicylate de méthyle). Se reporter à la notice du produit pour les mentions de danger et conseils de prudence complets.\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\u003eGardez votre flacon à l'abri de la chaleur et de la lumière, et hors de portée des enfants.\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 \u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"gc-cta-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eFlorame\u003c\/strong\u003e est une marque provençale spécialiste des cosmétiques et de l'aromathérapie bio depuis plus de 30 ans. Chaque huile essentielle est rigoureusement sélectionnée, chémotypée et certifiée bio, garantissant une traçabilité et une qualité irréprochables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gc-disclaimer\"\u003eCe produit ne se substitue pas à 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\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gc-cream: #f7f5f0;\n --gc-white: #ffffff;\n --gc-primary: #e88b2a;\n --gc-primary-dark: #7a4a10;\n --gc-primary-light: #fdf3e7;\n --gc-secondary: #4a8c3f;\n --gc-accent: #d4a843;\n --gc-text: #1a1a1a;\n --gc-text-light: #5a5a5a;\n --gc-border: #e0ddd6;\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, #7a4a10 0%, #c47520 40%, #4a8c3f 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(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.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(15px, 3vw, 20px);\n font-style: italic;\n margin: 0 0 1.25rem 0;\n font-weight: 400;\n letter-spacing: .02em;\n}\n\n.gc-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.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\/* === SECTION INTRO === *\/\n.gc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gc-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.gc-section-intro strong {\n color: var(--gc-text);\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\/* === GRILLE COMPACTE === *\/\n.gc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gc-grid-compact .gc-card {\n padding: 1rem;\n}\n\n.gc-grid-compact .gc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gc-grid-compact .gc-card p {\n font-size: 12px;\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.gc-tip p strong {\n color: var(--gc-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.gc-testimonial {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gc-shadow);\n border-left: 4px solid var(--gc-primary);\n}\n\n.gc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\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.gc-accordion-content p strong {\n color: var(--gc-text);\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-grid-compact {\n gap: .625rem;\n }\n\n .gc-grid-compact .gc-card {\n padding: .75rem;\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 .gc-testimonial {\n padding: 1.25rem;\n }\n\n .gc-testimonial-text {\n font-size: 14px;\n }\n\n .gc-tip {\n padding: .875rem 1rem;\n }\n\n .gc-tip-icon {\n font-size: 20px;\n }\n\n .gc-tip p {\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 .gc-card:nth-child(7) { animation-delay: .35s; }\n .gc-card:nth-child(8) { animation-delay: .4s; }\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":"FLORAME","offers":[{"title":"Default Title","offer_id":56959683363193,"sku":"FM0055","price":8.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-gaultherie-couchee-bio-10-ml-florame-lifestyle.webp?v=1775203294"},{"product_id":"huile-essentielle-de-gaultherie-odorante-bio-10-ml-florame","title":"Huile Essentielle de Gaulthérie odorante Bio -10 ml - Florame","description":"\u003cdiv class=\"go-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"go-hero\"\u003e\n\u003cdiv class=\"go-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"go-hero-content\"\u003e\n\u003cdiv class=\"go-badges-top\"\u003e\n\u003cspan class=\"go-badge\"\u003e🌿 Certifiée AB\u003c\/span\u003e \u003cspan class=\"go-badge\"\u003e🇳🇵 Origine Népal\u003c\/span\u003e \u003cspan class=\"go-badge\"\u003e💧 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"go-hero-title\"\u003eHuile essentielle de gaulthérie odorante Bio\u003c\/span\u003e\n\u003cp class=\"go-subtitle\"\u003eFlorame - Aromathérapie biologique depuis Saint-Rémy-de-Provence\u003c\/p\u003e\n\u003cp class=\"go-description\"\u003eUn concentré naturel à plus de 95 % de salicylate de méthyle, reconnu pour ses propriétés apaisantes et relaxantes. L'alliée incontournable de votre confort musculaire au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"go-section\"\u003e\n\u003ch2\u003eHuile essentielle de Gaulthérie odorante Bio Florame - L'alliée naturelle de votre confort musculaire\u003c\/h2\u003e\n\u003cp class=\"go-section-intro\"\u003eVous recherchez une huile essentielle de gaulthérie de qualité biologique pour prendre soin de votre corps au quotidien ? Florame vous propose cette gaulthérie odorante (\u003cem\u003eGaultheria fragrantissima\u003c\/em\u003e) certifiée AB, distillée à la vapeur d'eau à partir de feuilles récoltées au Népal.\u003c\/p\u003e\n\u003cdiv class=\"go-grid-compact\"\u003e\n\u003cdiv class=\"go-card\"\u003e\n\u003ch3\u003e🏔️ Origine Népal\u003c\/h3\u003e\n\u003cp\u003eFeuilles récoltées dans leur terroir d'origine pour une qualité optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-card\"\u003e\n\u003ch3\u003e💨 Distillation vapeur\u003c\/h3\u003e\n\u003cp\u003eExtraction douce à la vapeur d'eau préservant tous les actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-card\"\u003e\n\u003ch3\u003e🌱 Certifiée AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique contrôlée FR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-card\"\u003e\n\u003ch3\u003e🧬 Chémotypée\u003c\/h3\u003e\n\u003cp\u003eComposition biochimique vérifiée et traçabilité complète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"go-section\"\u003e\n\u003ch2\u003ePourquoi choisir la gaulthérie odorante plutôt que la gaulthérie couchée ?\u003c\/h2\u003e\n\u003cp class=\"go-section-intro\"\u003eOn hésite souvent entre gaulthérie couchée ou odorante. Les deux espèces partagent un profil biochimique similaire, riche en salicylate de méthyle. Voici ce qui les distingue :\u003c\/p\u003e\n\u003cdiv class=\"go-grid\"\u003e\n\u003cdiv class=\"go-card go-card-highlight\"\u003e\n\u003ch3\u003e✅ Gaulthérie odorante\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eGaultheria fragrantissima\u003c\/em\u003e - Plus de \u003cstrong\u003e95 % de salicylate de méthyle\u003c\/strong\u003e, une concentration exceptionnelle. Son parfum est légèrement plus doux, agréable en massage dilué. C'est la référence la plus concentrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-card\"\u003e\n\u003ch3\u003e🔄 Gaulthérie couchée\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eGaultheria procumbens\u003c\/em\u003e - Profil biochimique similaire mais concentration légèrement inférieure en salicylate de méthyle. Parfum plus marqué et campré. Également efficace mais moins douce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-tip\"\u003e\n\u003cspan class=\"go-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe choix de la gaulthérie odorante vous garantit une concentration maximale en actif principal, tout en offrant une expérience olfactive plus agréable lors de vos massages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"go-section\"\u003e\n\u003ch2\u003eComposition et profil biochimique\u003c\/h2\u003e\n\u003cdiv class=\"go-accordion\"\u003e\n\u003cdetails class=\"go-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"go-accordion-header\"\u003e🧪 Fiche d'identité botanique\u003c\/summary\u003e\n\u003cdiv class=\"go-accordion-content mt-3\"\u003e\n\u003cdiv class=\"go-composition-list\"\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eNom botanique\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003e\u003cem\u003eGaultheria fragrantissima\u003c\/em\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eFamille\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003eÉricacées\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eOrgane distillé\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003eFeuilles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eMéthode d'extraction\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003eDistillation à la vapeur d'eau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eOrigine\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003eNépal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eCertification\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003eAgriculture biologique (FR-BIO-01)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eContenance\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003e10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"go-accordion-item\"\u003e\n\u003csummary class=\"go-accordion-header\"\u003e🔬 Profil biochimique\u003c\/summary\u003e\n\u003cdiv class=\"go-accordion-content mt-3\"\u003e\n\u003cdiv class=\"go-composition-list\"\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eComposant principal\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003e\u003cstrong\u003eSalicylate de méthyle (\u0026gt; 95 %)\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eAutres composants\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003eL-Limonène, α-Pinène\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"go-accordion-item\"\u003e\n\u003csummary class=\"go-accordion-header\"\u003e⚠️ Allergènes\u003c\/summary\u003e\n\u003cdiv class=\"go-accordion-content mt-3\"\u003e\n\u003cp\u003eL-Limonène, α-Pinène (peuvent provoquer une réaction allergique).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"go-section\"\u003e\n\u003ch2\u003eUtilisation de l'huile essentielle de gaulthérie : conseils pratiques\u003c\/h2\u003e\n\u003cp class=\"go-section-intro\"\u003eL'huile essentielle de gaulthérie s'utilise exclusivement par \u003cstrong\u003evoie cutanée\u003c\/strong\u003e, toujours diluée. Voici comment procéder pour profiter de ses bienfaits :\u003c\/p\u003e\n\u003cdiv class=\"go-timeline\"\u003e\n\u003cdiv class=\"go-timeline-item\"\u003e\n\u003cdiv class=\"go-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"go-timeline-content\"\u003e\n\u003ch3\u003eDilution\u003c\/h3\u003e\n\u003cp\u003eMélangez entre 1 % et 2 % d'huile essentielle dans une huile végétale de votre choix (arnica, macadamia, amande douce…).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-timeline-item\"\u003e\n\u003cdiv class=\"go-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"go-timeline-content\"\u003e\n\u003ch3\u003eApplication\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement les zones concernées - dos, épaules, jambes, mollets - après un effort physique ou en fin de journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-timeline-item\"\u003e\n\u003cdiv class=\"go-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"go-timeline-content\"\u003e\n\u003ch3\u003ePrécaution essentielle\u003c\/h3\u003e\n\u003cp\u003eNe jamais appliquer pure sur la peau, car elle est caustique à l'état pur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-tip\"\u003e\n\u003cspan class=\"go-tip-icon\"\u003e🏃\u003c\/span\u003e\n\u003cp\u003eCette gaulthérie huile essentielle est particulièrement appréciée des sportifs et des personnes actives qui cherchent un soin naturel pour \u003cstrong\u003ecalmer, apaiser et détendre\u003c\/strong\u003e les zones sollicitées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"go-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi et effets secondaires potentiels\u003c\/h2\u003e\n\u003cp class=\"go-section-intro\"\u003eComme pour toute huile essentielle puissante, il est essentiel de respecter les précautions suivantes :\u003c\/p\u003e\n\u003cdiv class=\"go-grid\"\u003e\n\u003cdiv class=\"go-card go-card-warning\"\u003e\n\u003ch3\u003e🚫 Interdictions\u003c\/h3\u003e\n\u003cp\u003eRéservée aux adultes uniquement - interdite aux enfants de moins de 7 ans. Interdite aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-card go-card-warning\"\u003e\n\u003ch3\u003e⚠️ Contre-indications\u003c\/h3\u003e\n\u003cp\u003eNe pas utiliser chez les personnes ayant des antécédents de convulsions ou d'allergies aux huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-card go-card-warning\"\u003e\n\u003ch3\u003e🧪 Test cutané\u003c\/h3\u003e\n\u003cp\u003eEffectuez toujours un test cutané au creux du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-card go-card-warning\"\u003e\n\u003ch3\u003e👨⚕️ Avis médical\u003c\/h3\u003e\n\u003cp\u003eConsultez un professionnel de santé avant toute utilisation à visée thérapeutique ou par voie orale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-tip\"\u003e\n\u003cspan class=\"go-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eConservez le flacon \u003cstrong\u003eà l'abri de la chaleur et de la lumière\u003c\/strong\u003e, et toujours \u003cstrong\u003ehors de portée des enfants\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"go-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi faire confiance à Florame ?\u003c\/h2\u003e\n\u003cdiv class=\"go-cta-box\"\u003e\n\u003cp\u003eBasée à \u003cstrong\u003eSaint-Rémy-de-Provence\u003c\/strong\u003e, Florame est une marque pionnière de l'aromathérapie biologique en France. Chaque huile essentielle est \u003cstrong\u003echémotypée\u003c\/strong\u003e, garantissant une traçabilité complète et une composition biochimique vérifiée. Ce flacon de 10 ml vous offre un produit pur, certifié bio, sans ajout ni modification.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"go-disclaimer\"\u003eCe produit ne remplace pas un traitement médical. En cas de doute, consultez votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --go-cream: #f7f5f0;\n --go-white: #ffffff;\n --go-primary: #4a8c3f;\n --go-primary-dark: #2d5a24;\n --go-primary-light: #e8f3e5;\n --go-secondary: #e8912e;\n --go-accent: #d4790a;\n --go-text: #1a1a1a;\n --go-text-light: #5a5a5a;\n --go-border: #e0ddd6;\n --go-shadow: 0 4px 24px rgba(0,0,0,.08);\n --go-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --go-radius: 20px;\n --go-radius-sm: 12px;\n}\n\n.go-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--go-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.go-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5a24 0%, #4a8c3f 45%, #e8912e 100%);\n border-radius: var(--go-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(--go-shadow-lg);\n}\n\n.go-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.go-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.go-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.go-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.go-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.go-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.go-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(--go-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.go-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.go-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.go-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--go-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.go-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(--go-primary), var(--go-secondary));\n border-radius: 2px;\n}\n\n.go-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--go-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.go-card {\n background: var(--go-white);\n border-radius: var(--go-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--go-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.go-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--go-shadow-lg);\n border-color: var(--go-primary);\n}\n\n.go-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--go-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.go-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--go-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.go-card-highlight {\n border-color: var(--go-primary);\n background: var(--go-primary-light);\n}\n\n.go-card-warning {\n border-left: 4px solid var(--go-secondary);\n}\n\n\/* === GRILLES === *\/\n.go-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.go-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.go-grid-compact .go-card {\n padding: 1rem;\n}\n\n.go-grid-compact .go-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.go-grid-compact .go-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.go-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.go-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.go-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--go-primary), var(--go-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.go-timeline-content {\n flex: 1;\n background: var(--go-white);\n padding: 1rem 1.25rem;\n border-radius: var(--go-radius-sm);\n box-shadow: var(--go-shadow);\n}\n\n.go-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--go-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.go-timeline-content p {\n font-size: 14px;\n color: var(--go-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.go-testimonial {\n background: var(--go-white);\n border-radius: var(--go-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--go-shadow);\n border-left: 4px solid var(--go-primary);\n}\n\n.go-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--go-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.go-accordion {\n background: var(--go-white);\n border-radius: var(--go-radius);\n box-shadow: var(--go-shadow);\n overflow: hidden;\n}\n\n.go-accordion-item {\n border-bottom: 1px solid var(--go-border);\n margin: 0;\n padding: 0;\n}\n\n.go-accordion-item:last-child {\n border-bottom: none;\n}\n\n.go-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--go-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.go-accordion-header:hover {\n background: var(--go-primary-light);\n}\n\n.go-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.go-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--go-primary);\n transition: transform .2s ease;\n}\n\n.go-accordion-item[open] .go-accordion-header::after {\n content: '−';\n}\n\n.go-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--go-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.go-accordion-content p {\n margin: 0;\n}\n\n\/* === COMPOSITION LIST === *\/\n.go-composition-list {\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n\n.go-comp-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .625rem 0;\n border-bottom: 1px solid var(--go-border);\n gap: 1rem;\n}\n\n.go-comp-row:last-child {\n border-bottom: none;\n}\n\n.go-comp-label {\n font-weight: 700;\n color: var(--go-primary-dark);\n font-size: 13px;\n flex-shrink: 0;\n}\n\n.go-comp-value {\n color: var(--go-text-light);\n font-size: 13px;\n text-align: right;\n}\n\n\/* === TIP BOX === *\/\n.go-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--go-primary-light);\n border-radius: var(--go-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.go-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.go-tip p {\n font-size: 14px;\n color: var(--go-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.go-cta-box {\n background: linear-gradient(135deg, var(--go-primary) 0%, var(--go-primary-dark) 100%);\n border-radius: var(--go-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.go-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.go-disclaimer {\n font-size: 12px;\n color: var(--go-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 .go-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .go-card {\n padding: 1.125rem;\n }\n\n .go-section {\n margin-bottom: 1.75rem;\n }\n\n .go-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--go-radius-sm);\n }\n\n .go-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .go-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .go-grid-compact {\n gap: .625rem;\n }\n\n .go-grid-compact .go-card {\n padding: .75rem;\n }\n\n .go-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .go-timeline-content {\n padding: .875rem 1rem;\n }\n\n .go-timeline-content h3 {\n font-size: 14px;\n }\n\n .go-timeline-content p {\n font-size: 13px;\n }\n\n .go-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .go-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .go-testimonial {\n padding: 1.25rem;\n }\n\n .go-testimonial-text {\n font-size: 14px;\n }\n\n .go-comp-row {\n flex-direction: column;\n align-items: flex-start;\n gap: .2rem;\n padding: .5rem 0;\n }\n\n .go-comp-value {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .go-card {\n animation: goFadeInUp .5s ease backwards;\n }\n .go-card:nth-child(1) { animation-delay: .05s; }\n .go-card:nth-child(2) { animation-delay: .1s; }\n .go-card:nth-child(3) { animation-delay: .15s; }\n .go-card:nth-child(4) { animation-delay: .2s; }\n .go-card:nth-child(5) { animation-delay: .25s; }\n .go-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes goFadeInUp {\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 .go-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":56959787106681,"sku":"FM0060","price":8.64,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-gaultherie-odorante-bio-10-ml-florame-lifestyle.webp?v=1775204296"},{"product_id":"huile-essentielle-geranium-bourbon-bio-5-ml-florame","title":"Huile Essentielle de Géranium Bourbon Bio - 5 ml - Florame","description":"\u003cdiv class=\"gb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gb-hero\"\u003e\n \u003cdiv class=\"gb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gb-hero-content\"\u003e\n \u003cdiv class=\"gb-badges-top\"\u003e\n \u003cspan class=\"gb-badge\"\u003e🌿 Certifiée AB\u003c\/span\u003e\n \u003cspan class=\"gb-badge\"\u003e🇫🇷 Saint-Rémy-de-Provence\u003c\/span\u003e\n \u003cspan class=\"gb-badge\"\u003e🌸 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gb-hero-title\"\u003eHuile essentielle de géranium bourbon bio\u003c\/span\u003e\n \u003cp class=\"gb-subtitle\"\u003eFlorame · 5 ml · Pelargonium graveolens\u003c\/p\u003e\n \u003cp class=\"gb-description\"\u003eL'essence florale par excellence pour sublimer votre peau et apaiser votre esprit, issue de l'aromathérapie biologique provençale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gb-section\"\u003e\n \u003ch2\u003eHuile essentielle de Géranium Bourbon Bio Florame - L'alliée naturelle de votre peau\u003c\/h2\u003e\n \u003cp class=\"gb-section-intro\"\u003eDécouvrez l'\u003cstrong\u003ehuile essentielle de géranium bourbon bio\u003c\/strong\u003e signée Florame, une référence en aromathérapie biologique depuis Saint-Rémy-de-Provence. Issue de la distillation de la plante fleurie de \u003cem\u003ePelargonium graveolens\u003c\/em\u003e, cette huile essentielle chémotypée vous offre toute la richesse du \u003cstrong\u003egéranium rosat\u003c\/strong\u003e dans un flacon de 5 ml certifié AB et FR-BIO-01.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gb-section\"\u003e\n \u003ch2\u003ePourquoi choisir le géranium bourbon ?\u003c\/h2\u003e\n \u003cp class=\"gb-section-intro\"\u003eLe géranium bourbon se distingue des autres variétés, comme l'\u003cstrong\u003ehuile essentielle de géranium Égypte\u003c\/strong\u003e, par son profil olfactif particulièrement délicat. Son parfum fleuri, proche de la rose, en fait une huile essentielle très appréciée tant en soin qu'en diffusion.\u003c\/p\u003e\n \u003cdiv class=\"gb-grid-compact\"\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🌹 Profil olfactif unique\u003c\/h3\u003e\n \u003cp\u003eParfum fleuri et rosé, plus délicat et raffiné que les variétés classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🔬 Chémotype contrôlé\u003c\/h3\u003e\n \u003cp\u003eCitronnellol, géraniol et formiate de géranyle rigoureusement vérifiés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e✅ Qualité constante\u003c\/h3\u003e\n \u003cp\u003eComposition garantie par Florame, lot après lot, pour une efficacité fiable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique certifiée FR-BIO-01, sans pesticides ni synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gb-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de géranium rosat\u003c\/h2\u003e\n \u003cp class=\"gb-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'huile essentielle de géranium\u003c\/strong\u003e sont multiples et reconnus en aromathérapie. Voici les principales vertus de cette huile précieuse :\u003c\/p\u003e\n \u003cdiv class=\"gb-grid\"\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e✨ Régénérante cutanée\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau et aide à maintenir un teint frais et unifié au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🧴 Purifiante\u003c\/h3\u003e\n \u003cp\u003eContribue à assainir la peau et à limiter les petites imperfections pour un grain de peau affiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🧘 Relaxante\u003c\/h3\u003e\n \u003cp\u003eEn diffusion, son parfum rosé et enveloppant favorise la détente et apaise l'esprit après une journée chargée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🌬️ Assainissante\u003c\/h3\u003e\n \u003cp\u003eDiffusée dans votre intérieur, elle purifie l'air ambiant tout en laissant une note florale agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gb-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle de géranium ?\u003c\/h2\u003e\n \u003cp class=\"gb-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle de géranium bourbon\u003c\/strong\u003e Florame s'utilise de deux façons principales :\u003c\/p\u003e\n \u003cdiv class=\"gb-timeline\"\u003e\n \u003cdiv class=\"gb-timeline-item\"\u003e\n \u003cdiv class=\"gb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gb-timeline-content\"\u003e\n \u003ch3\u003ePar voie cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez-la à hauteur de \u003cstrong\u003e0,5 % à 1 %\u003c\/strong\u003e dans une huile végétale de votre choix (jojoba, amande douce, argan…). Appliquez ensuite en \u003cstrong\u003eléger massage matin et\/ou soir\u003c\/strong\u003e sur les zones souhaitées. Cette dilution permet de profiter pleinement des propriétés régénérantes et purifiantes du géranium rosat, tout en respectant la sensibilité de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-timeline-item\"\u003e\n \u003cdiv class=\"gb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gb-timeline-content\"\u003e\n \u003ch3\u003ePar voie aérienne\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la seule ou en synergie avec d'autres huiles essentielles dans un diffuseur adapté. Elle se marie particulièrement bien avec la \u003cstrong\u003elavande\u003c\/strong\u003e, le \u003cstrong\u003epalmarosa\u003c\/strong\u003e ou encore le \u003cstrong\u003epetit grain bigarade\u003c\/strong\u003e pour créer une atmosphère relaxante et assainissante chez vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-tip\"\u003e\n \u003cspan class=\"gb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce synergie :\u003c\/strong\u003e associez 2 gouttes de géranium bourbon + 2 gouttes de lavande vraie dans votre diffuseur pour un moment de détente absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gb-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"gb-grid-compact\"\u003e\n \u003cdiv class=\"gb-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=\"gb-card\"\u003e\n \u003ch3\u003e🌸 Partie distillée\u003c\/h3\u003e\n \u003cp\u003ePlante fleurie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🔬 Chémotype\u003c\/h3\u003e\n \u003cp\u003eCitronnellol, géraniol, formiate de géranyle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🏷️ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (FR-BIO-01)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e5 ml (0.17 fl.oz)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eAgriculture non UE\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🏭 Fabricant\u003c\/h3\u003e\n \u003cp\u003eFlorame - Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🧪 Qualité\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle chémotypée, 100 % pure et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"gb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gb-accordion\"\u003e\n \u003cdetails class=\"gb-accordion-item\"\u003e\n \u003csummary class=\"gb-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas utiliser\u003c\/strong\u003e chez la femme enceinte ou allaitante. \u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux enfants de moins de 7 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gb-accordion-item\"\u003e\n \u003csummary class=\"gb-accordion-header\"\u003e☀️ Exposition solaire\u003c\/summary\u003e\n \u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez toute exposition prolongée au soleil après application cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gb-accordion-item\"\u003e\n \u003csummary class=\"gb-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n \u003cp\u003eEffectuez toujours un test dans le pli du coude \u003cstrong\u003e48 heures avant\u003c\/strong\u003e la première utilisation. En cas de doute, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gb-accordion-item\"\u003e\n \u003csummary class=\"gb-accordion-header\"\u003e📋 Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile essentielle ne remplace en aucun cas un traitement médical. Les informations fournies sont données à titre informatif et ne constituent pas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"gb-disclaimer\"\u003eLes huiles essentielles sont des concentrés actifs puissants. Respectez les dosages recommandés et consultez un aromathérapeute en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gb-cream: #faf8f5;\n --gb-white: #ffffff;\n --gb-primary: #e88c1a;\n --gb-primary-dark: #b5690e;\n --gb-primary-light: #fdf3e6;\n --gb-secondary: #5a8a3c;\n --gb-accent: #d4a843;\n --gb-text: #1a1a1a;\n --gb-text-light: #5a5a5a;\n --gb-border: #e8e2da;\n --gb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gb-radius: 20px;\n --gb-radius-sm: 12px;\n}\n\n.gb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gb-hero {\n position: relative;\n background: linear-gradient(135deg, #b5690e 0%, #e88c1a 40%, #5a8a3c 100%);\n border-radius: var(--gb-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(--gb-shadow-lg);\n}\n\n.gb-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.gb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gb-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.gb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gb-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.gb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gb-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(--gb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gb-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.gb-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(--gb-primary), var(--gb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gb-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.gb-card {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gb-shadow-lg);\n border-color: var(--gb-primary);\n}\n\n.gb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gb-grid-compact .gb-card {\n padding: 1rem;\n}\n\n.gb-grid-compact .gb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gb-grid-compact .gb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gb-primary), var(--gb-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.gb-timeline-content {\n flex: 1;\n background: var(--gb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gb-radius-sm);\n box-shadow: var(--gb-shadow);\n}\n\n.gb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.gb-timeline-content p {\n font-size: 14px;\n color: var(--gb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.gb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gb-primary-light);\n border-radius: var(--gb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gb-tip p {\n font-size: 14px;\n color: var(--gb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.gb-testimonial {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gb-shadow);\n border-left: 4px solid var(--gb-primary);\n}\n\n.gb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gb-accordion {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n box-shadow: var(--gb-shadow);\n overflow: hidden;\n}\n\n.gb-accordion-item {\n border-bottom: 1px solid var(--gb-border);\n margin: 0;\n padding: 0;\n}\n\n.gb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gb-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.gb-accordion-header:hover {\n background: var(--gb-primary-light);\n}\n\n.gb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gb-primary);\n transition: transform .2s ease;\n}\n\n.gb-accordion-item[open] .gb-accordion-header::after {\n content: '−';\n}\n\n.gb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gb-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gb-disclaimer {\n font-size: 12px;\n color: var(--gb-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 .gb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gb-card {\n padding: 1.125rem;\n }\n\n .gb-section {\n margin-bottom: 1.75rem;\n }\n\n .gb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gb-radius-sm);\n }\n\n .gb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gb-grid-compact {\n gap: .625rem;\n }\n\n .gb-grid-compact .gb-card {\n padding: .75rem;\n }\n\n .gb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gb-timeline-content h3 {\n font-size: 14px;\n }\n\n .gb-timeline-content p {\n font-size: 13px;\n }\n\n .gb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gb-testimonial {\n padding: 1.25rem;\n }\n\n .gb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gb-card {\n animation: gbFadeInUp .5s ease backwards;\n }\n .gb-card:nth-child(1) { animation-delay: .05s; }\n .gb-card:nth-child(2) { animation-delay: .1s; }\n .gb-card:nth-child(3) { animation-delay: .15s; }\n .gb-card:nth-child(4) { animation-delay: .2s; }\n .gb-card:nth-child(5) { animation-delay: .25s; }\n .gb-card:nth-child(6) { animation-delay: .3s; }\n .gb-card:nth-child(7) { animation-delay: .35s; }\n .gb-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes gbFadeInUp {\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 .gb-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":56959881281913,"sku":"FM0065","price":12.25,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-geranium-bourbon-bio-5-ml-florame-lifestyle.webp?v=1775205910"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/huiles-essentielles.webp?v=1790072195","url":"https:\/\/www.naturellement-bio.com\/collections\/huiles-essentielles.oembed?page=4","provider":"Naturellement Bio","version":"1.0","type":"link"}