{"title":"Distillerie Saint-Hilaire","description":"\u003ch2\u003ePourquoi choisir la Distillerie Saint-Hilaire chez Naturellement Bio ?\u003c\/h2\u003e\n\u003cp\u003eDepuis plus de 30 ans, nichée dans le Parc du Livradois-Forez, la Distillerie Saint-Hilaire cultive un savoir-faire rare : de la plante fraîche jusqu'au flacon, tout est pensé pour préserver la force du végétal. Eaux florales bio, Fleurs de Bach, huiles essentielles, hydrolats délicats, huiles végétales, cosmétiques naturels… et bien sûr les \u003cstrong\u003emacérats de bourgeons bio\u003c\/strong\u003e, réputés pour leur action en profondeur. Derrière chaque produit, il y a la passion d'artisans engagés, qui travaillent avec respect de la terre et du vivant.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eQuelle gamme pour quel besoin ?\u003c\/h2\u003e\n\u003cp\u003ePour vous aider à choisir facilement, voici un aperçu clair des trésors Saint-Hilaire :\u003c\/p\u003e\n\u003cdiv style=\"overflow-x: auto;\"\u003e\n\u003ctable style=\"min-width: 720px; width: 100%; border-collapse: collapse; font-size: 1em; margin-bottom: 1em;\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"background: #f6f3ee; padding: 10px; text-align: left;\"\u003eCatégorie\u003c\/th\u003e\n\u003cth style=\"background: #f6f3ee; padding: 10px; text-align: left;\"\u003eUsage principal\u003c\/th\u003e\n\u003cth style=\"background: #f6f3ee; padding: 10px; text-align: left;\"\u003eExemples\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; border-bottom: 1px solid #ddd;\"\u003eEaux florales \u0026amp; hydrolats\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border-bottom: 1px solid #ddd;\"\u003eSoin visage peaux sensibles, apaiser les yeux irrités, purifier les peaux à imperfections\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border-bottom: 1px solid #ddd;\"\u003e\n\u003ca href=\"\/products\/eau-florale-bleuet-bio-saint-hilaire-200ml\" title=\"Eau Florale de Bleuet Bio - Saint-Hilaire - 200ml\"\u003eBleuet bio\u003c\/a\u003e, \u003ca href=\"\/products\/eau-florale-tea-tree-bio-200ml\" title=\"Eau Florale Tea Tree Bio - Saint-Hilaire - 200ml\"\u003eTea Tree bio\u003c\/a\u003e, Rose de Damas…\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; border-bottom: 1px solid #ddd;\"\u003eFleurs de Bach \u0026amp; élixirs floraux\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border-bottom: 1px solid #ddd;\"\u003eÉquilibre émotionnel, gestion du stress, confiance en soi\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border-bottom: 1px solid #ddd;\"\u003e\n\u003ca href=\"\/products\/fleur-de-bach-calme-bio-20ml-distillerie-saint-hilaire\" title=\"Fleur de Bach Calme bio - 20ml - Distillerie Saint Hilaire\"\u003eCalme\u003c\/a\u003e, Confiance, Énergie…\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; border-bottom: 1px solid #ddd;\"\u003eHuiles essentielles\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border-bottom: 1px solid #ddd;\"\u003eApaiser le stress, soutenir la respiration, purifier la peau\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border-bottom: 1px solid #ddd;\"\u003e\n\u003ca href=\"\/products\/huile-essentielle-bio-de-ravintsara-saint-hilaire-10-ml\" title=\"Huile Essentielle Bio de Ravintsara - Saint-Hilaire - 10 ml\"\u003eRavintsara bio\u003c\/a\u003e, Lavande fine, Tea tree…\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; border-bottom: 1px solid #ddd;\"\u003eHuiles végétales\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border-bottom: 1px solid #ddd;\"\u003eMassage, base pour huiles essentielles\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border-bottom: 1px solid #ddd;\"\u003eJojoba, Argan, Calendula\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; border-bottom: 1px solid #ddd;\"\u003eMacérats \u0026amp; gemmothérapie\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border-bottom: 1px solid #ddd;\"\u003eDétox, circulation, immunité saisonnière\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; border-bottom: 1px solid #ddd;\"\u003eCassis, Aubépine, Complexe Printemps\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px;\"\u003eSoins \u0026amp; baumes\u003c\/td\u003e\n\u003ctd style=\"padding: 8px;\"\u003eRoll-on prêts à l'emploi, baumes de massage, sprays d'ambiance\u003c\/td\u003e\n\u003ctd style=\"padding: 8px;\"\u003e\n\u003ca href=\"\/products\/baume-des-volcans-baume-de-massage-a-larnica-50-ml-saint-hilaire\" title=\"Baume des Volcans - Baume de Massage à l'Arnica - 50 ml - Saint-Hilaire\"\u003eBaume des Volcans à l'Arnica\u003c\/a\u003e, Synergie Sommeil…\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eNotre sélection de produits phares Saint-Hilaire\u003c\/h2\u003e\n\u003cp\u003eParmi les incontournables de la distillerie, voici ceux que nos clients plébiscitent… et que nous recommandons les yeux fermés.\u003c\/p\u003e\n\u003ch3\u003eL'Eau Florale de Tea Tree bio : la star des hydrolats purifiants\u003c\/h3\u003e\n\u003cp\u003eSi vous cherchez une \u003cstrong\u003eeau florale bio\u003c\/strong\u003e polyvalente pour les peaux à imperfections, \u003ca href=\"\/products\/eau-florale-tea-tree-bio-200ml\" title=\"Eau Florale Tea Tree Bio - Saint-Hilaire - 200ml\"\u003el'Eau Florale de Tea Tree bio\u003c\/a\u003e est un choix idéal. Purifiante et tonifiante, elle s'utilise en lotion quotidienne après le nettoyage du visage pour resserrer les pores et clarifier le teint. Plus douce qu'une huile essentielle, elle convient aussi aux peaux mixtes qui cherchent à retrouver un équilibre sans agresser.\u003c\/p\u003e\n\u003ch3\u003eL'Eau Florale de Bleuet bio : l'alliée des yeux sensibles\u003c\/h3\u003e\n\u003cp\u003eGrand classique de la cosmétique naturelle, \u003ca href=\"\/products\/eau-florale-bleuet-bio-saint-hilaire-200ml\" title=\"Eau Florale de Bleuet Bio - Saint-Hilaire - 200ml\"\u003el'Eau Florale de Bleuet bio\u003c\/a\u003e est réputée pour apaiser les yeux fatigués et les paupières irritées. En compresse imbibée posée quelques minutes sur les yeux, elle décongestionne et rafraîchit. C'est aussi un hydrolat apprécié comme tonique pour les peaux sensibles et réactives, matin et soir.\u003c\/p\u003e\n\u003ch3\u003eLa Fleur de Bach Calme bio : pour apaiser le stress au quotidien\u003c\/h3\u003e\n\u003cp\u003eNouveauté dans votre routine bien-être ? \u003ca href=\"\/products\/fleur-de-bach-calme-bio-20ml-distillerie-saint-hilaire\" title=\"Fleur de Bach Calme bio - 20ml - Distillerie Saint Hilaire\"\u003eLa Fleur de Bach Calme bio\u003c\/a\u003e est un élixir floral pensé pour les moments de tension et de surmenage. Quelques gouttes sous la langue suffisent pour retrouver un sentiment de sérénité. Idéale en période d'examens, de surcharge professionnelle ou simplement quand le quotidien s'emballe. Les Fleurs de Bach Saint-Hilaire sont certifiées bio et fabriquées en France, avec la même exigence que l'ensemble de leurs gammes.\u003c\/p\u003e\n\u003ch3\u003eL'huile essentielle de Ravintsara bio : le réflexe hivernal\u003c\/h3\u003e\n\u003cp\u003eS'il y a bien une huile qui fait l'unanimité, c'est la \u003ca href=\"\/products\/huile-essentielle-bio-de-ravintsara-saint-hilaire-10-ml\" title=\"Huile Essentielle Bio de Ravintsara - Saint-Hilaire - 10 ml\"\u003e\u003cstrong\u003eRavintsara bio\u003c\/strong\u003e\u003c\/a\u003e. Véritable alliée des changements de saison, elle aide à soutenir les défenses naturelles. En diffusion, elle purifie l'air ; en application locale (toujours diluée), elle accompagne les périodes hivernales en douceur. Simple à utiliser, efficace pour toute la famille (hors très jeunes enfants), elle incarne parfaitement l'esprit Saint-Hilaire.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLeurs engagements, gages de confiance\u003c\/h2\u003e\n\u003cul style=\"list-style: none; padding-left: 0;\"\u003e\n\u003cli class=\"mb-2\"\u003e🌿 Des plantes et bourgeons 100 % biologiques, issus de filières locales et responsables.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🧪 Une distillation et une macération douces, qui conservent l'intégrité des actifs les plus fragiles.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🇫🇷 Une production française certifiée, avec une traçabilité rigoureuse et les labels Ecocert \u0026amp; Slow Cosmétique.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e♻️ Des flacons en verre et des formules propres, sans parfum de synthèse.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eNos synergies préférées avec les produits Saint-Hilaire\u003c\/h2\u003e\n\u003cp\u003eChez Naturellement Bio, on adore créer des petites routines simples avec les produits Saint-Hilaire. Voici quelques associations qu'on recommande souvent, testées et approuvées par nos clients comme par nous-mêmes :\u003c\/p\u003e\n\u003ch3\u003e💨 Hiver tranquille\u003c\/h3\u003e\n\u003cp\u003eRavintsara + Tea Tree en diffusion douce = une atmosphère saine, idéale quand tout le monde se retrouve au salon en plein mois de janvier.\u003c\/p\u003e\n\u003ch3\u003e🌙 Sérénité du soir\u003c\/h3\u003e\n\u003cp\u003eLavande vraie + Camomille romaine dans une huile végétale = un massage détente qui prépare au sommeil, sans artifices.\u003c\/p\u003e\n\u003ch3\u003e💆♀️ Peau rayonnante\u003c\/h3\u003e\n\u003cp\u003eMélangez 2 gouttes de Géranium rosat dans 50 ml d'Eau Florale de Rose bio en lotion visage, matin et soir. Vous pouvez aussi combiner avec quelques gouttes d'huile végétale d'Abricot pour un soin maison qui nourrit et redonne de l'éclat.\u003c\/p\u003e\n\u003ch3\u003e🌸 Fraîcheur au quotidien\u003c\/h3\u003e\n\u003cp\u003eEau florale de Rose + Huile de Jojoba = une lotion visage douce et hydratante pour démarrer la journée du bon pied.\u003c\/p\u003e\n\u003ch3\u003e🦵 Après l'effort\u003c\/h3\u003e\n\u003cp\u003eHuile végétale d'Arnica + Gaulthérie couchée = l'association star des sportifs, pour apaiser les tensions musculaires après une séance. Complétez avec \u003ca href=\"\/products\/baume-des-volcans-baume-de-massage-a-larnica-50-ml-saint-hilaire\" title=\"Baume des Volcans - Baume de Massage à l'Arnica - 50 ml - Saint-Hilaire\"\u003ele Baume des Volcans à l'Arnica\u003c\/a\u003e en massage sur les zones sensibles après le sport : ce baume emblématique de la distillerie est un concentré de chaleur et de réconfort.\u003c\/p\u003e\n\u003cp\u003eCes synergies, c'est un peu notre manière de montrer que l'aromathérapie n'a rien de compliqué : quelques produits bien choisis suffisent pour couvrir la plupart des besoins quotidiens.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eConseils d'usage au quotidien\u003c\/h2\u003e\n\u003ch3\u003eLes eaux florales : polyvalentes et douces\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding-left: 0;\"\u003e\n\u003cli class=\"mb-2\"\u003e🌹 \u003cstrong\u003eEn tonique visage\u003c\/strong\u003e : vaporisez une eau florale de Rose ou de Tea Tree bio après le nettoyage pour tonifier et préparer la peau au soin. Idéal pour toutes les peaux, même sensibles.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e👁️ \u003cstrong\u003eEn compresse apaisante\u003c\/strong\u003e : imbibez deux cotons d'hydrolat de Bleuet bio et posez-les sur les yeux fermés 5 à 10 minutes. Parfait pour décongestionner les yeux fatigués ou irrités.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e💧 \u003cstrong\u003eEn brume fraîcheur\u003c\/strong\u003e : vaporisez directement sur le visage pour une sensation de fraîcheur immédiate, y compris pour les tout-petits.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eLes Fleurs de Bach : l'équilibre émotionnel en quelques gouttes\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding-left: 0;\"\u003e\n\u003cli class=\"mb-2\"\u003e🌼 \u003cstrong\u003ePosologie\u003c\/strong\u003e : déposez 5 à 10 gouttes directement sous la langue, 4 fois par jour (matin, midi, soir et coucher).\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🌿 \u003cstrong\u003eDurée de cure\u003c\/strong\u003e : 3 semaines minimum pour ressentir pleinement les bienfaits. Les élixirs floraux agissent en douceur et en profondeur sur l'équilibre émotionnel.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e💡 \u003cstrong\u003eAstuce\u003c\/strong\u003e : vous pouvez aussi diluer vos gouttes dans un verre d'eau si vous préférez. L'important, c'est la régularité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eLes huiles essentielles, macérats et baumes\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding-left: 0;\"\u003e\n\u003cli class=\"mb-2\"\u003e🌸 \u003cstrong\u003eHuile essentielle\u003c\/strong\u003e : toujours diluée (1 à 3 %) en massage ou utilisée en diffusion courte pour un effet ciblé.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🌱 \u003cstrong\u003eMacérats de bourgeons\u003c\/strong\u003e : 10 à 15 gouttes dans un verre d'eau le matin, en cure de quelques semaines. Exemple : le complexe Printemps pour accompagner les changements de saison.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🤲 \u003cstrong\u003eBaumes\u003c\/strong\u003e : appliquez une noisette sur la zone à traiter et massez jusqu'à pénétration. Le Baume des Volcans à l'Arnica est particulièrement apprécié après l'effort.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eVos questions sur les produits Saint-Hilaire\u003c\/h2\u003e\n\u003ch3\u003eQuestions sur les eaux florales\u003c\/h3\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la meilleure eau florale pour le visage ?\u003c\/summary\u003e\n\u003cp\u003eTout dépend de votre type de peau. L'eau florale de Rose de Damas est un choix universel pour hydrater et tonifier tous les types de peaux. Pour les peaux à imperfections, l'Eau Florale de Tea Tree bio est idéale grâce à ses propriétés purifiantes. Et pour les peaux sensibles ou réactives, l'hydrolat de Bleuet apaise et décongestionne en douceur.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle eau florale pour la conjonctivite ?\u003c\/summary\u003e\n\u003cp\u003eL'hydrolat de Bleuet bio est traditionnellement utilisé en compresse pour apaiser les yeux irrités. Imbibez un coton ou une compresse stérile et posez-le sur les paupières fermées pendant 5 à 10 minutes. Attention : en cas de conjonctivite avérée, consultez un professionnel de santé. L'eau florale de Bleuet peut être utilisée en complément, jamais en remplacement d'un traitement médical.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel hydrolat pour la rosacée ?\u003c\/summary\u003e\n\u003cp\u003eL'hydrolat de Rose de Damas est souvent recommandé pour les peaux sujettes à la rosacée, grâce à ses vertus apaisantes et anti-rougeurs. L'eau florale de Bleuet bio est également une option douce qui calme les inflammations cutanées. Vaporisez l'hydrolat choisi sur une peau propre, matin et soir, en évitant les frottements.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes eaux florales Saint-Hilaire sont-elles adaptées aux peaux sensibles ?\u003c\/summary\u003e\n\u003cp\u003eOui, les hydrolats sont par nature bien plus doux que les huiles essentielles. Ils ne contiennent pas de composés irritants concentrés, ce qui les rend adaptés aux peaux sensibles, réactives, et même aux tout-petits. Les eaux florales Saint-Hilaire, certifiées bio, sont distillées sans ajout de conservateur ni de parfum de synthèse.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la différence entre une eau florale et un hydrolat ?\u003c\/summary\u003e\n\u003cp\u003eAucune ! Les deux termes désignent le même produit : l'eau recueillie lors de la distillation à la vapeur d'eau des plantes aromatiques. \"Eau florale\" est le terme courant, tandis que \"hydrolat\" est le terme technique. Chez Saint-Hilaire, les deux sont utilisés indifféremment pour des produits 100 % purs, sans ajout.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel hydrolat pour les femmes enceintes ?\u003c\/summary\u003e\n\u003cp\u003eContrairement aux huiles essentielles, la plupart des hydrolats bio sont considérés comme sûrs pendant la grossesse, car leur concentration en actifs est beaucoup plus faible. L'eau florale de Rose et l'hydrolat de Fleur d'oranger sont les plus appréciés pour leur douceur. Toutefois, par précaution, demandez toujours l'avis de votre sage-femme ou médecin.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003ch3\u003eQuestions sur les Fleurs de Bach\u003c\/h3\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle Fleur de Bach contre le stress ?\u003c\/summary\u003e\n\u003cp\u003eLe complexe Fleur de Bach Calme bio de Saint-Hilaire est spécialement formulé pour les moments de tension et de surmenage. Il associe plusieurs élixirs floraux qui agissent en synergie pour favoriser le lâcher-prise et retrouver un état de sérénité. En cas de stress ponctuel intense, le Rescue (ou complexe d'urgence) est également une option reconnue.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment utiliser les Fleurs de Bach ? Quelle posologie ?\u003c\/summary\u003e\n\u003cp\u003eLes Fleurs de Bach se prennent par voie orale : déposez 5 à 10 gouttes directement sous la langue, 4 fois par jour (matin, midi, soir et coucher). Vous pouvez aussi les diluer dans un verre d'eau. Pour une efficacité optimale, suivez une cure de 3 semaines minimum. Les élixirs floraux agissent en douceur sur l'équilibre émotionnel et n'ont pas d'effets secondaires connus.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003ch3\u003eQuestions sur la gemmothérapie\u003c\/h3\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQue sont les macérats de bourgeons ?\u003c\/summary\u003e\n\u003cp\u003eCe sont des extraits de bourgeons frais macérés (minimum 21 jours) dans un mélange d'eau, d'alcool et de glycérine végétale, pour en capter un concentré d'actifs très utile en phytothérapie. On parle aussi de gemmothérapie.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLa gamme Saint-Hilaire est-elle certifiée bio et tracée ?\u003c\/summary\u003e\n\u003cp\u003eOui, la distillerie maîtrise toute la chaîne, de l'agriculture à la mise en flacon, avec les labels AB, Cosmos et Slow Cosmétique. Chaque lot est tracé de la récolte au produit fini.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on utiliser les macérats de bourgeons avec des huiles essentielles ?\u003c\/summary\u003e\n\u003cp\u003eOui, mais les macérats sont plutôt destinés à un usage interne (gouttes dans l'eau), tandis que les huiles essentielles sont pour usage externe ou diffusion. Ce sont deux approches complémentaires, mais il ne faut pas les confondre ni les mélanger dans un même verre.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on utiliser les produits Saint-Hilaire pendant la grossesse ?\u003c\/summary\u003e\n\u003cp\u003eLes macérats de bourgeons et les eaux florales sont souvent plus doux que les huiles essentielles, mais par précaution, demandez toujours l'avis de votre professionnel de santé avant d'utiliser un produit d'aromathérapie ou de phytothérapie pendant la grossesse.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la différence entre teintures mères et gemmothérapie ?\u003c\/summary\u003e\n\u003cp\u003eLes macérats de bourgeons (gemmothérapie) utilisent des tissus végétaux embryonnaires, particulièrement riches en actifs de croissance, ce qui les rend souvent plus puissants et plus complets que les teintures mères classiques, réalisées à partir de plantes adultes.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n","products":[{"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.webp?v=1774513735"},{"product_id":"huile-vanille-bio-saint-hilaire","title":"Huile de Macération Vanille Bio - Saint Hilaire - 30 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Macération Vanille Bio - Saint Hilaire - 30 ml\nPalette détectée:\n - Primaire: #3A2F2B (brun foncé\/chocolat du flacon et de l'étiquette)\n - Secondaire: #C9A96E (doré\/or des liserés et textes sur l'étiquette)\n - Accent: #D4B896 (beige chaud\/sable de l'ambiance pierre naturelle)\nAmbiance: Luxe naturel, artisanal premium, chaleureux et sensuel, tons terre\/vanille, univers cosmétique haut de gamme avec racines botaniques\nPréfixe CSS: vh\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de Vanille Bio – Macérât huileux de Vanille de Madagascar\"\n 2. \"Pourquoi choisir un macérât huileux plutôt qu'une huile essentielle de vanille ?\"\n 3. \"Les bienfaits de cette huile corps vanille bio\"\n 4. \"Composition – 100 % biologique\"\n 5. \"Comment utiliser cette huile de vanille bio ?\"\n 6. \"Précautions et conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"vh-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"vh-hero\"\u003e\n \u003cdiv class=\"vh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vh-hero-content\"\u003e\n \u003cdiv class=\"vh-badges-top\"\u003e\n \u003cspan class=\"vh-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"vh-badge\"\u003e🇲🇬 Vanille de Madagascar\u003c\/span\u003e\n \u003cspan class=\"vh-badge\"\u003e🏔️ Fabriqué en Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vh-hero-title\"\u003eHuile de macération vanille bio\u003c\/span\u003e\n \u003cp class=\"vh-subtitle\"\u003eDistillerie Saint-Hilaire · 30 ml\u003c\/p\u003e\n \u003cp class=\"vh-description\"\u003eUn macérât huileux d'exception, artisanal et 100 % biologique, qui enveloppe votre peau, vos cheveux et vos sens d'un parfum gourmand de vanille de Madagascar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eHuile de Vanille Bio – Macérât huileux de Vanille de Madagascar\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eDécouvrez une huile au parfum enveloppant, gourmand et délicat, qui prend soin de votre peau, de vos cheveux et de vos sens.\u003c\/p\u003e\n \u003cdiv class=\"vh-highlight-box\"\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile de vanille bio\u003c\/strong\u003e signée Distillerie Saint-Hilaire est élaborée artisanalement en Auvergne. Ce \u003cstrong\u003emacérât huileux de vanille\u003c\/strong\u003e réunit le meilleur de la vanille de Madagascar et de l'huile de sésame biologique dans un flacon compte-gouttes de 30 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003ePourquoi choisir un macérât huileux plutôt qu'une huile essentielle de vanille ?\u003c\/h2\u003e\n \u003cdiv class=\"vh-testimonial\"\u003e\n \u003cp class=\"vh-testimonial-text\"\u003eContrairement à une \u003cstrong\u003ehuile essentielle de vanille bio\u003c\/strong\u003e — extrêmement rare et souvent reconstituée — le macérât huileux est obtenu par infusion lente des gousses dans une huile végétale. Ce procédé préserve les composés aromatiques et les actifs nourrissants de la vanille, tout en offrant un produit prêt à l'emploi, doux et adapté à une application directe sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eLes bienfaits de cette huile corps vanille bio\u003c\/h2\u003e\n \u003cdiv class=\"vh-grid\"\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile de sésame biologique pénètre facilement l'épiderme pour nourrir en profondeur sans film gras. La peau retrouve souplesse et confort, même sur les zones les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre la déshydratation\u003c\/h3\u003e\n \u003cp\u003eCe macérât forme un voile protecteur qui aide la peau à conserver son hydratation naturelle tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e✨ Soin capillaire réparateur\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, cette huile redonne brillance et douceur aux cheveux secs ou fragilisés. Quelques gouttes suffisent pour discipliner les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🤲 Huile de massage vanille bio\u003c\/h3\u003e\n \u003cp\u003eSon parfum chaud et sucré crée une atmosphère apaisante, idéale pour un massage relaxant. La vanille est réputée pour ses vertus réconfortantes et sensuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🪶 Toucher satiné\u003c\/h3\u003e\n \u003cp\u003eSa texture sèche et légère laisse la peau douce comme de la soie, sans sensation collante ni résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eComposition – 100 % biologique\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eUne formule minimaliste ne contenant que trois ingrédients, tous d'origine naturelle et biologique.\u003c\/p\u003e\n \u003cdiv class=\"vh-grid-compact\"\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🌱 Sesamum indicum seed oil\u003c\/h3\u003e\n \u003cp\u003eHuile de sésame désodorisée bio, base nourrissante et légère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🫘 Vanilla planifolia fruit extract\u003c\/h3\u003e\n \u003cp\u003eExtrait de gousses de vanille de Madagascar bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card vh-card-full\"\u003e\n \u003ch3\u003e🧪 Vanillin\u003c\/h3\u003e\n \u003cp\u003eVanilline naturelle, molécule aromatique caractéristique de la vanille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-tip\"\u003e\n \u003cspan class=\"vh-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eCertification :\u003c\/strong\u003e Produit certifié \u003cstrong\u003eCOSMOS ORGANIC par Ecocert\u003c\/strong\u003e. 100 % des ingrédients sont issus de l'agriculture biologique. Sans conservateur synthétique, sans parfum artificiel, sans huile minérale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de vanille bio ?\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eVersez \u003cstrong\u003e3 à 5 gouttes\u003c\/strong\u003e dans le creux de vos mains et frottez-les pour réchauffer l'huile. Appliquez ensuite selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"vh-timeline\"\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez les zones sèches après la douche, sur peau légèrement humide pour une meilleure absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eUtilisez 2 gouttes le soir, en complément de votre crème habituelle, pour un effet nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les pointes en soin sans rinçage, ou en masque avant-shampoing pendant 30 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eEn massage\u003c\/h3\u003e\n \u003cp\u003eUtilisez généreusement et profitez de l'arôme envoûtant pour un moment de détente absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n \u003cdiv class=\"vh-accordion\"\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur pour préserver la qualité des actifs et du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. Effectuez un test au pli du coude avant la première utilisation si vous avez la peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique \u003cstrong\u003ene remplace en aucun cas un avis ou un traitement médical\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"vh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vh-cta-box\"\u003e\n \u003cp\u003eFabriquée avec passion par la \u003cstrong\u003eDistillerie Saint-Hilaire en Auvergne\u003c\/strong\u003e, cette huile à la vanille de Madagascar transforme chaque geste beauté en un rituel de douceur. Un soin polyvalent, naturel et certifié bio, à glisser dans votre routine quotidienne. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"vh-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne se substitue pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --vh-cream: #FAF6F1;\n --vh-white: #ffffff;\n --vh-primary: #3A2F2B;\n --vh-primary-dark: #2A201C;\n --vh-primary-light: #F0E8DF;\n --vh-secondary: #C9A96E;\n --vh-accent: #D4B896;\n --vh-text: #1a1a1a;\n --vh-text-light: #5a5a5a;\n --vh-border: #E8DDD2;\n --vh-shadow: 0 4px 24px rgba(58,47,43,.08);\n --vh-shadow-lg: 0 12px 48px rgba(58,47,43,.15);\n --vh-radius: 20px;\n --vh-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.vh-hero {\n position: relative;\n background: linear-gradient(135deg, var(--vh-primary) 0%, #4A3D38 50%, var(--vh-primary-dark) 100%);\n border-radius: var(--vh-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--vh-shadow-lg);\n}\n\n.vh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(201,169,110,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,184,150,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(201,169,110,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.vh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.vh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.vh-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--vh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.vh-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vh-subtitle {\n color: var(--vh-secondary);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.vh-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.vh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vh-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.vh-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--vh-secondary), var(--vh-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.vh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vh-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.vh-highlight-box {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vh-shadow);\n border-left: 4px solid var(--vh-secondary);\n}\n\n.vh-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--vh-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.vh-card {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vh-shadow-lg);\n border-color: var(--vh-secondary);\n}\n\n.vh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.vh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vh-grid-compact .vh-card {\n padding: 1rem;\n}\n\n.vh-grid-compact .vh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vh-grid-compact .vh-card p {\n font-size: 12px;\n}\n\n.vh-card-full {\n grid-column: 1 \/ -1;\n}\n\n\/* === TIMELINE === *\/\n.vh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.vh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vh-primary), var(--vh-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.vh-timeline-content {\n flex: 1;\n background: var(--vh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--vh-radius-sm);\n box-shadow: var(--vh-shadow);\n}\n\n.vh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--vh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vh-timeline-content p {\n font-size: 14px;\n color: var(--vh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vh-testimonial {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vh-shadow);\n border-left: 4px solid var(--vh-secondary);\n}\n\n.vh-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vh-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vh-accordion {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n box-shadow: var(--vh-shadow);\n overflow: hidden;\n}\n\n.vh-accordion-item {\n border-bottom: 1px solid var(--vh-border);\n margin: 0;\n padding: 0;\n}\n\n.vh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vh-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.vh-accordion-header:hover {\n background: var(--vh-primary-light);\n}\n\n.vh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vh-secondary);\n transition: transform .2s ease;\n}\n\n.vh-accordion-item[open] .vh-accordion-header::after {\n content: '−';\n}\n\n.vh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.vh-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--vh-primary-light);\n border-radius: var(--vh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.vh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.vh-tip p {\n font-size: 14px;\n color: var(--vh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vh-cta-box {\n background: linear-gradient(135deg, var(--vh-primary) 0%, #4A3D38 50%, var(--vh-primary-dark) 100%);\n border-radius: var(--vh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vh-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(201,169,110,.15) 0%, transparent 50%);\n}\n\n.vh-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.vh-disclaimer {\n font-size: 12px;\n color: var(--vh-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .vh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vh-card {\n padding: 1.125rem;\n }\n\n .vh-section {\n margin-bottom: 1.75rem;\n }\n\n .vh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vh-radius-sm);\n }\n\n .vh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .vh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .vh-grid-compact {\n gap: .625rem;\n }\n\n .vh-grid-compact .vh-card {\n padding: .75rem;\n }\n\n .vh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .vh-timeline-content {\n padding: .875rem 1rem;\n }\n\n .vh-timeline-content h3 {\n font-size: 14px;\n }\n\n .vh-timeline-content p {\n font-size: 13px;\n }\n\n .vh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .vh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .vh-testimonial {\n padding: 1.25rem;\n }\n\n .vh-testimonial-text {\n font-size: 14px;\n }\n\n .vh-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vh-card {\n animation: vhFadeInUp .5s ease backwards;\n }\n .vh-card:nth-child(1) { animation-delay: .05s; }\n .vh-card:nth-child(2) { animation-delay: .1s; }\n .vh-card:nth-child(3) { animation-delay: .15s; }\n .vh-card:nth-child(4) { animation-delay: .2s; }\n .vh-card:nth-child(5) { animation-delay: .25s; }\n .vh-card:nth-child(6) { animation-delay: .3s; }\n\n .vh-timeline-item {\n animation: vhFadeInUp .5s ease backwards;\n }\n .vh-timeline-item:nth-child(1) { animation-delay: .05s; }\n .vh-timeline-item:nth-child(2) { animation-delay: .1s; }\n .vh-timeline-item:nth-child(3) { animation-delay: .15s; }\n .vh-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes vhFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .vh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858929013113,"sku":"NBAIDSH0025","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-maceration-vanille-bio-saint-hilaire-30-ml_11zon.jpg?v=1763470848"},{"product_id":"bourgeons-cassis-bio-saint-hilaire","title":"Macérât de Bourgeons de Cassis Bio - Saint Hilaire - 30ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Macérât de Bourgeons de Cassis Bio - Saint Hilaire - 30ml\nPalette détectée:\n - Primaire: #4A3728 (brun foncé ambré du flacon en verre)\n - Secondaire: #5C3D6E (violet cassis\/prune des baies)\n - Accent: #6B8F4A (vert feuillage du cassis)\n - Neutre chaud: #F5F0EB (beige crème de l'étiquette et ambiance lifestyle)\nAmbiance: Naturel\/bio, artisanal, chaleureux, élégant et sobre — univers phytothérapie\/gemmothérapie premium, teintes automnales douces, esprit cocooning\nPréfixe CSS: gc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Macérât de bourgeons de cassis bio : l'incontournable de la gemmothérapie\"\n 2. \"Pourquoi le cassis est-il si prisé en gemmothérapie ?\"\n 3. \"Un macérât-mère concentré, certifié bio\"\n 4. \"Composition complète\"\n 5. \"Comment prendre le macérât de bourgeons de cassis ?\"\n 6. \"Pour qui est fait ce macérât de bourgeons de cassis ?\"\n 7. \"Précautions d'emploi\"\n 8. \"Pourquoi choisir la Distillerie Saint-Hilaire ?\"\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 \u003c!-- HERO --\u003e\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é Bio\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🫙 Macérât-mère concentré\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🌱 Ribes nigrum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gc-hero-title\"\u003eMacérât de bourgeons de cassis bio\u003c\/span\u003e\n \u003cp class=\"gc-subtitle\"\u003eDistillerie Saint-Hilaire — 30 ml\u003c\/p\u003e\n \u003cp class=\"gc-description\"\u003eLe bourgeon star de la gemmothérapie : adaptogène, tonifiant et polyvalent. Un macérât-mère unitaire non dilué, pour une efficacité maximale goutte après goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eMacérât de bourgeons de cassis bio : l'incontournable de la gemmothérapie\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003eSurnommé « le bourgeon qui ouvre toutes les portes », le cassis (\u003cem\u003eRibes nigrum\u003c\/em\u003e) est le remède le plus emblématique de la gemmothérapie, capable d'agir sur de nombreux systèmes de l'organisme simultanément.\u003c\/p\u003e\n \u003cdiv class=\"gc-grid-compact\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌿 Bourgeon frais\u003c\/h3\u003e\n \u003cp\u003eToute l'énergie vitale contenue dans les jeunes bourgeons fraîchement récoltés, concentrée dans chaque goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🧪 Macérât-mère unitaire\u003c\/h3\u003e\n \u003cp\u003eMéthode traditionnelle sans dilution qui conserve l'intégralité des principes actifs du bourgeon frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire auvergnat\u003c\/h3\u003e\n \u003cp\u003eÉlaboré par la Distillerie Saint-Hilaire, au cœur de l'Auvergne, avec une traçabilité rigoureuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e✅ Certifié biologique\u003c\/h3\u003e\n \u003cp\u003eUn extrait pur, certifié bio, pour une efficacité optimale et un respect total de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003ePourquoi le cassis est-il si prisé en gemmothérapie ?\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003eLà où la plupart des bourgeons ciblent un système spécifique, le cassis agit comme un véritable adaptogène végétal, capable de soutenir l'organisme sur plusieurs fronts à la fois.\u003c\/p\u003e\n \u003cdiv class=\"gc-grid\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e💪 Soutien articulaire et musculaire\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour contribuer au confort des articulations et des muscles. Particulièrement apprécié pour préserver la mobilité au quotidien, notamment aux changements de saison ou en période de sollicitation physique intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🛡️ Défenses naturelles renforcées\u003c\/h3\u003e\n \u003cp\u003eEn stimulant le métabolisme général, le macérât de bourgeons de cassis aide à soutenir les défenses immunitaires. Souvent recommandé en cure préventive avant l'hiver ou lors des périodes de fatigue passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌬️ Confort respiratoire et sensibilités saisonnières\u003c\/h3\u003e\n \u003cp\u003eL'un de ses usages les plus connus : le cassis est traditionnellement conseillé pour aider l'organisme à mieux gérer les réactions de sensibilité liées aux pollens, poussières ou changements de saison. Son action est souvent comparée à celle d'un antihistaminique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e⚡ Effet tonifiant et revitalisant\u003c\/h3\u003e\n \u003cp\u003eVéritable coup de fouet naturel, le bourgeon de cassis aide à lutter contre la fatigue et le manque d'énergie. Son action tonique sur les glandes surrénales en fait un allié de choix pour retrouver du dynamisme sans excitant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🔗 Potentialisateur d'autres bourgeons\u003c\/h3\u003e\n \u003cp\u003ePetit secret de gemmothérapeutes : le cassis amplifie l'action des autres macérâts avec lesquels il est associé. C'est pourquoi on le retrouve fréquemment en synergie dans les cures de gemmothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eUn macérât-mère concentré, certifié bio\u003c\/h2\u003e\n \u003cdiv class=\"gc-testimonial\"\u003e\n \u003cp class=\"gc-testimonial-text\"\u003eLa Distillerie Saint-Hilaire, installée au cœur de l'Auvergne, maîtrise l'ensemble du processus de fabrication. Les bourgeons frais sont mis en macération directement dans un mélange d'eau, d'alcool et de glycérine végétale, sans dilution ultérieure. Vous obtenez ainsi un extrait de haute concentration, fidèle à la tradition gemmothérapeutique la plus exigeante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-tip\"\u003e\n \u003cspan class=\"gc-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eLa partie utilisée est exclusivement le \u003cstrong\u003ebourgeon\u003c\/strong\u003e, tissu embryonnaire riche en facteurs de croissance, en acides aminés, en vitamines et en oligo-éléments que l'on ne retrouve pas dans la plante adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003ePour \u003cstrong\u003e30 ml\u003c\/strong\u003e de macérât-mère unitaire :\u003c\/p\u003e\n \u003cdiv class=\"gc-grid-compact\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp\u003eBase aqueuse du macérât\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🍷 Alcool bio\u003c\/h3\u003e\n \u003cp\u003e32 % vol. — extraction optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🫧 Glycérine végétale bio\u003c\/h3\u003e\n \u003cp\u003eStabilise et préserve les principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🫐 Bourgeons de cassis bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRibes nigrum\u003c\/em\u003e — \u003cstrong\u003e10 %\u003c\/strong\u003e d'extrait concentré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"gc-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Produit certifié bio.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eComment prendre le macérât de bourgeons de cassis ?\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003ePour profiter pleinement des bienfaits du bourgeon de cassis en gemmothérapie, suivez ces étapes simples :\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\u003eDosage progressif\u003c\/h3\u003e\n \u003cp\u003eCommencez par \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e pendant les 2 à 3 premiers jours, puis augmentez progressivement jusqu'à \u003cstrong\u003e10 à 15 gouttes par jour\u003c\/strong\u003e.\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\u003eMode de prise\u003c\/h3\u003e\n \u003cp\u003eDiluez les gouttes dans un petit verre d'eau, idéalement \u003cstrong\u003e15 minutes avant un repas\u003c\/strong\u003e, de préférence le matin ou en début d'après-midi (évitez la prise en soirée en raison de son effet tonifiant).\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\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eUne cure classique dure \u003cstrong\u003e21 jours\u003c\/strong\u003e, suivie d'une \u003cstrong\u003epause d'une semaine\u003c\/strong\u003e. Vous pouvez renouveler 2 à 3 cycles selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eEn association\u003c\/h3\u003e\n \u003cp\u003eSi vous l'utilisez en synergie avec d'autres macérâts de bourgeons, prenez le cassis en premier, environ \u003cstrong\u003e10 minutes avant les autres extraits\u003c\/strong\u003e.\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 pratique :\u003c\/strong\u003e Pour les sensibilités saisonnières (pollens, graminées…), démarrez votre cure environ \u003cstrong\u003eun mois avant la période critique\u003c\/strong\u003e afin de préparer votre organisme en amont.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003ePour qui est fait ce macérât de bourgeons de cassis ?\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003eCe produit s'adresse aux adultes qui souhaitent :\u003c\/p\u003e\n \u003cdiv class=\"gc-grid\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🦵 Mobilité articulaire\u003c\/h3\u003e\n \u003cp\u003eSoutenir naturellement leurs articulations et leur souplesse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌸 Sensibilités saisonnières\u003c\/h3\u003e\n \u003cp\u003eMieux vivre les changements de saison et les sensibilités associées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n \u003cp\u003eRenforcer leurs défenses naturelles avant et pendant l'hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e⚡ Énergie retrouvée\u003c\/h3\u003e\n \u003cp\u003eRetrouver de l'énergie et lutter contre la fatigue passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🔗 Synergie gemmothérapie\u003c\/h3\u003e\n \u003cp\u003ePotentialiser l'effet d'autres remèdes de gemmothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\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\u003eDéconseillé aux femmes enceintes ou allaitantes, ainsi qu'aux enfants, sauf avis d'un professionnel de santé.\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📏 Dosage maximum\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de \u003cstrong\u003e15 gouttes\u003c\/strong\u003e.\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🍽️ Complément alimentaire\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\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🍷 Teneur en alcool\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eContient de l'alcool (32 % vol.).\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 le flacon à 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 \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e💊 Interaction médicamenteuse\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical en cours, consultez votre médecin ou votre pharmacien avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"gc-disclaimer\"\u003eCe produit ne remplace en aucun cas un traitement médical. Les informations mentionnées sont données à titre informatif et ne constituent pas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"gc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir la Distillerie Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"gc-cta-box\"\u003e\n \u003cp\u003eFondée en Auvergne, la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e est spécialisée dans la fabrication artisanale d'extraits de plantes, d'huiles essentielles et de macérâts de bourgeons certifiés biologiques. Leur engagement repose sur une traçabilité rigoureuse, des matières premières soigneusement sélectionnées et un savoir-faire qui allie tradition et exigence de qualité. Chaque flacon est le fruit d'un travail respectueux de la nature et du vivant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gc-cream: #F7F3EF;\n --gc-white: #ffffff;\n --gc-primary: #5C3D6E;\n --gc-primary-dark: #3D2548;\n --gc-primary-light: #F0EAF4;\n --gc-secondary: #6B8F4A;\n --gc-accent: #8B6F47;\n --gc-text: #1a1a1a;\n --gc-text-light: #5a5a5a;\n --gc-border: #e0dbd6;\n --gc-shadow: 0 4px 24px rgba(92,61,110,.08);\n --gc-shadow-lg: 0 12px 48px rgba(92,61,110,.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%, #7B5A8E 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(107,143,74,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(139,111,71,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.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 line-height: 1.1;\n}\n\n.gc-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.gc-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.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 line-height: 1.25;\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 TEXT === *\/\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\/* === 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\/* === 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\/* === 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-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\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":54859042455929,"sku":"NBAIDSH0040","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/macerat_bourgons_cassis_bio_saint-hilaire_30ml-min.jpg?v=1758039841"},{"product_id":"produits-bio-macerat-figuier-saint-hilaire-30ml","title":"Macérat de Figuier Bio - Saint Hilaire - 30 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Macérat de Figuier Bio - Saint Hilaire - 30 ml\nPalette détectée:\n - Primaire: #6B3A5D (mauve\/prune du bandeau rose sur l'étiquette et des figues)\n - Secondaire: #4A7C59 (vert des feuilles et du pictogramme botanique)\n - Accent: #C4899A (rose doux du liseré sur l'étiquette)\n - Ambré: #8B5E3C (brun ambré du flacon en verre)\nAmbiance: Naturel\/bio, gemmothérapie artisanale, sérénité, tradition française, apothicaire moderne\nPréfixe CSS: fig\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits du macérat de figuier en gemmothérapie\"\n 2. \"Comment prendre le macérat de bourgeons de figuier ?\"\n 3. \"Composition complète\"\n 4. \"Pourquoi choisir le macérat de figuier Saint-Hilaire ?\"\n 5. \"Questions fréquentes sur la gemmothérapie au figuier\"\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=\"fig-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fig-hero\"\u003e\n \u003cdiv class=\"fig-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fig-hero-content\"\u003e\n \u003cdiv class=\"fig-badges-top\"\u003e\n \u003cspan class=\"fig-badge\"\u003e🌿 Gemmothérapie bio\u003c\/span\u003e\n \u003cspan class=\"fig-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"fig-badge\"\u003e💧 Macérat-mère concentré\u003c\/span\u003e\n \u003cspan class=\"fig-badge\"\u003e🌙 Sommeil \u0026amp; sérénité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fig-hero-title\"\u003eMacérat de Figuier Bio\u003c\/span\u003e\n \u003cp class=\"fig-subtitle\"\u003eDistillerie Saint-Hilaire · \u003cem\u003eFicus carica\u003c\/em\u003e · 30 ml\u003c\/p\u003e\n \u003cp class=\"fig-description\"\u003eLe bourgeon de figuier, grand régulateur du système nerveux en gemmothérapie. Un concentré de sérénité élaboré artisanalement à partir de bourgeons frais pour apaiser le corps et l'esprit, cure après cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"fig-section\"\u003e\n \u003ch2\u003eLes bienfaits du macérat de figuier en gemmothérapie\u003c\/h2\u003e\n \u003cp class=\"fig-section-intro\"\u003eLe bourgeon de figuier est considéré comme le \u003cstrong\u003egrand régulateur du système nerveux\u003c\/strong\u003e en gemmothérapie. Son champ d'action est remarquablement large, agissant à la croisée du corps et de l'esprit.\u003c\/p\u003e\n\n \u003cdiv class=\"fig-grid\"\u003e\n \u003cdiv class=\"fig-card\"\u003e\n \u003ch3\u003e🌙 Stress, anxiété et qualité du sommeil\u003c\/h3\u003e\n \u003cp\u003eApaise les tensions nerveuses, favorise un endormissement serein et réduit les réveils nocturnes. Agit sur l'axe corticohypothalamique pour atténuer les manifestations physiques du stress : spasmophilie, palpitations, oppression thoracique. Traditionnellement associé au monde des rêves, il aide à retrouver un sommeil profond et réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fig-card\"\u003e\n \u003ch3\u003e🫄 Apaisement du système digestif\u003c\/h3\u003e\n \u003cp\u003eParticulièrement indiqué lorsque les troubles digestifs sont d'origine nerveuse : brûlures d'estomac, reflux gastro-œsophagien, gastrites, ulcères et colites. Calme l'inflammation, restaure l'intégrité des parois digestives et soulage ballonnements et spasmes intestinaux liés au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fig-card\"\u003e\n \u003ch3\u003e🍽️ Régulation de l'appétit\u003c\/h3\u003e\n \u003cp\u003eSi vous mangez sous le coup de l'émotion – grignotage compulsif, envies de sucré en période de stress – ce macérat agit sur la composante émotionnelle de l'appétit pour retrouver une relation plus apaisée avec l'alimentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fig-card\"\u003e\n \u003ch3\u003e🧠 Équilibre émotionnel et soutien psychosomatique\u003c\/h3\u003e\n \u003cp\u003eBien plus qu'un simple calmant naturel : migraines et céphalées d'origine nerveuse, pensées envahissantes, phobies, angoisses profondes et troubles cutanés à composante émotionnelle (eczéma, acné, verrues).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"fig-section\"\u003e\n \u003ch2\u003eComment prendre le macérat de bourgeons de figuier ?\u003c\/h2\u003e\n \u003cp class=\"fig-section-intro\"\u003eLe macérat-mère concentré se prend pur, directement dans la bouche ou dilué dans un peu d'eau, idéalement \u003cstrong\u003e15 minutes avant un repas\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n\n \u003cdiv class=\"fig-grid\"\u003e\n \u003cdiv class=\"fig-card fig-card-highlight\"\u003e\n \u003ch3\u003e🧑 Posologie adulte (à partir de 15 ans)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eCure classique :\u003c\/strong\u003e 5 à 15 gouttes par jour, réparties en 1 à 3 prises.\u003cbr\u003e\u003cstrong\u003eDurée :\u003c\/strong\u003e 21 jours de prise, suivis d'une semaine de pause.\u003cbr\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e commencez par 5 gouttes\/jour la première semaine, puis augmentez progressivement jusqu'à 10-15 gouttes selon vos ressentis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fig-card fig-card-highlight\"\u003e\n \u003ch3\u003e👶 Posologie enfant (de 3 à 15 ans)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eRepère simple :\u003c\/strong\u003e environ 1 goutte par année d'âge (ex : 7 gouttes pour un enfant de 7 ans).\u003cbr\u003e\u003cstrong\u003eImportant :\u003c\/strong\u003e toujours demander l'avis d'un professionnel de santé avant d'administrer ce macérat à un enfant, en raison de la présence d'alcool dans la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fig-tip\"\u003e\n \u003cspan class=\"fig-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce bien-être :\u003c\/strong\u003e pour un effet relaxant en soirée, prenez vos gouttes environ 30 minutes avant le coucher, dans une tisane tiède (tilleul, verveine). La chaleur de l'infusion aide l'alcool à s'évaporer partiellement, tout en créant un rituel propice à l'endormissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"fig-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n\n \u003cdiv class=\"fig-grid-compact\"\u003e\n \u003cdiv class=\"fig-card\"\u003e\n \u003ch3\u003e🌱 Bourgeons frais de figuier*\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eFicus carica L.\u003c\/em\u003e – partie utilisée : bourgeon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fig-card\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp\u003eSolvant de macération naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fig-card\"\u003e\n \u003ch3\u003e🍇 Alcool biologique\u003c\/h3\u003e\n \u003cp\u003e~30 à 35 % vol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fig-card\"\u003e\n \u003ch3\u003e🫧 Glycérine végétale bio*\u003c\/h3\u003e\n \u003cp\u003eD'origine végétale, certifiée biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"fig-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique, certifiés par un organisme agréé.\u003c\/p\u003e\n \u003cdiv class=\"fig-tip\"\u003e\n \u003cspan class=\"fig-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e flacon de 30 ml avec compte-gouttes intégré (environ 600 gouttes, soit 40 à 120 jours de cure selon la posologie retenue).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"fig-section\"\u003e\n \u003ch2\u003ePourquoi choisir le macérat de figuier Saint-Hilaire ?\u003c\/h2\u003e\n \u003cp class=\"fig-section-intro\"\u003eLa Distillerie Saint-Hilaire, installée au cœur de l'Auvergne, est une référence française en matière de gemmothérapie bio et d'aromathérapie.\u003c\/p\u003e\n\n \u003cdiv class=\"fig-timeline\"\u003e\n \u003cdiv class=\"fig-timeline-item\"\u003e\n \u003cdiv class=\"fig-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fig-timeline-content\"\u003e\n \u003ch3\u003eMacérat-mère concentré, non dilué\u003c\/h3\u003e\n \u003cp\u003eContrairement aux dilutions D1 que l'on trouve encore sur le marché, ce produit est un macérat-mère unitaire : vous bénéficiez de toute la richesse du bourgeon frais, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fig-timeline-item\"\u003e\n \u003cdiv class=\"fig-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fig-timeline-content\"\u003e\n \u003ch3\u003eBourgeons frais et bio\u003c\/h3\u003e\n \u003cp\u003eRécoltés au moment optimal de leur développement, lorsque leur concentration en principes actifs est maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fig-timeline-item\"\u003e\n \u003cdiv class=\"fig-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fig-timeline-content\"\u003e\n \u003ch3\u003eFabrication artisanale française\u003c\/h3\u003e\n \u003cp\u003eTriple macération traditionnelle (eau, alcool, glycérine) respectant les principes fondamentaux de la gemmothérapie, réalisée en Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fig-timeline-item\"\u003e\n \u003cdiv class=\"fig-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"fig-timeline-content\"\u003e\n \u003ch3\u003eCertification biologique\u003c\/h3\u003e\n \u003cp\u003eGarantie d'un produit sans pesticides, sans additifs de synthèse et respectueux de l'environnement.\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=\"fig-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur la gemmothérapie au figuier\u003c\/h2\u003e\n\n \u003cdiv class=\"fig-accordion\"\u003e\n \u003cdetails class=\"fig-accordion-item\"\u003e\n \u003csummary class=\"fig-accordion-header\"\u003e🌿 Peut-on associer le macérat de figuier avec d'autres bourgeons ?\u003c\/summary\u003e\n \u003cdiv class=\"fig-accordion-content mt-3\"\u003e\n \u003cp\u003eTout à fait. Le bourgeon de figuier se marie bien avec le bourgeon de \u003cstrong\u003etilleul\u003c\/strong\u003e (pour renforcer l'action sur le sommeil) ou le bourgeon d'\u003cstrong\u003eaubépine\u003c\/strong\u003e (pour les palpitations et l'anxiété). Veillez cependant à ne pas dépasser trois macérats différents en même temps, et demandez conseil à un professionnel si vous débutez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fig-accordion-item\"\u003e\n \u003csummary class=\"fig-accordion-header\"\u003e⏱️ Au bout de combien de temps ressent-on les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"fig-accordion-content mt-3\"\u003e\n \u003cp\u003eLes premiers effets sur le stress et le sommeil sont souvent perceptibles dès la \u003cstrong\u003epremière semaine\u003c\/strong\u003e de prise. Pour les troubles digestifs ou les déséquilibres plus profonds, comptez généralement deux à trois semaines avant de constater une amélioration notable. La régularité est la clé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fig-accordion-item\"\u003e\n \u003csummary class=\"fig-accordion-header\"\u003e💊 Le macérat de figuier convient-il en cas de traitement médicamenteux ?\u003c\/summary\u003e\n \u003cdiv class=\"fig-accordion-content mt-3\"\u003e\n \u003cp\u003eLa gemmothérapie est généralement bien tolérée, mais certaines interactions sont possibles, notamment avec les \u003cstrong\u003eanticoagulants\u003c\/strong\u003e et les médicaments à base d'aspirine (le figuier ayant une légère action sur la fluidité sanguine). Par précaution, consultez votre médecin ou pharmacien avant de commencer une cure si vous suivez un traitement.\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=\"fig-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\n \u003cdiv class=\"fig-accordion\"\u003e\n \u003cdetails class=\"fig-accordion-item\" open\u003e\n \u003csummary class=\"fig-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n \u003cdiv class=\"fig-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e. Il ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical adapté. Respectez la posologie recommandée et ne dépassez pas 15 gouttes par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fig-accordion-item\"\u003e\n \u003csummary class=\"fig-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"fig-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux enfants de moins de 3 ans et aux femmes enceintes ou allaitantes sans avis médical préalable. Contient de l'alcool (~30-35 % vol.) : à prendre en compte pour les personnes concernées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fig-accordion-item\"\u003e\n \u003csummary class=\"fig-accordion-header\"\u003e🧤 Allergie au latex\u003c\/summary\u003e\n \u003cdiv class=\"fig-accordion-content mt-3\"\u003e\n \u003cp\u003eLe figuier appartient à la famille des Moracées et contient du latex naturel. Si vous êtes sensible ou allergique au latex, demandez conseil à votre médecin avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fig-accordion-item\"\u003e\n \u003csummary class=\"fig-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"fig-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver le flacon bien fermé, à 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 \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"fig-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fig-cta-box\"\u003e\n \u003cp\u003e🌿 Le \u003cstrong\u003emacérat de figuier bio\u003c\/strong\u003e est l'un des trésors de la gemmothérapie pour qui cherche à retrouver un équilibre entre le corps et l'esprit. Que ce soit pour mieux dormir, apaiser un estomac noué par le stress ou simplement retrouver un peu de calme intérieur, ce bourgeon vous accompagne avec douceur et efficacité, cure après cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fig-cream: #FAF7F5;\n --fig-white: #ffffff;\n --fig-primary: #6B3A5D;\n --fig-primary-dark: #4E2844;\n --fig-primary-light: #F5EDF2;\n --fig-secondary: #4A7C59;\n --fig-accent: #C4899A;\n --fig-text: #1a1a1a;\n --fig-text-light: #5a5a5a;\n --fig-border: #e8e0e4;\n --fig-shadow: 0 4px 24px rgba(107,58,93,.08);\n --fig-shadow-lg: 0 12px 48px rgba(107,58,93,.15);\n --fig-radius: 20px;\n --fig-radius-sm: 12px;\n}\n\n.fig-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fig-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fig-hero {\n position: relative;\n background: linear-gradient(135deg, #4E2844 0%, #6B3A5D 40%, #4A7C59 100%);\n border-radius: var(--fig-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(--fig-shadow-lg);\n}\n\n.fig-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,137,154,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(74,124,89,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.fig-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fig-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.fig-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 19px);\n margin: 0 0 1.25rem 0;\n font-weight: 500;\n letter-spacing: .02em;\n}\n\n.fig-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\/* === BADGES === *\/\n.fig-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fig-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(--fig-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fig-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fig-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fig-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fig-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.fig-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(--fig-primary), var(--fig-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.fig-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fig-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.fig-card {\n background: var(--fig-white);\n border-radius: var(--fig-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fig-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fig-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fig-shadow-lg);\n border-color: var(--fig-primary);\n}\n\n.fig-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fig-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fig-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fig-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fig-card-highlight {\n border-left: 4px solid var(--fig-accent);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.fig-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fig-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fig-grid-compact .fig-card {\n padding: 1rem;\n}\n\n.fig-grid-compact .fig-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fig-grid-compact .fig-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fig-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fig-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fig-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fig-primary), var(--fig-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.fig-timeline-content {\n flex: 1;\n background: var(--fig-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fig-radius-sm);\n box-shadow: var(--fig-shadow);\n}\n\n.fig-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fig-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fig-timeline-content p {\n font-size: 14px;\n color: var(--fig-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.fig-testimonial {\n background: var(--fig-white);\n border-radius: var(--fig-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fig-shadow);\n border-left: 4px solid var(--fig-primary);\n}\n\n.fig-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fig-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fig-accordion {\n background: var(--fig-white);\n border-radius: var(--fig-radius);\n box-shadow: var(--fig-shadow);\n overflow: hidden;\n}\n\n.fig-accordion-item {\n border-bottom: 1px solid var(--fig-border);\n margin: 0;\n padding: 0;\n}\n\n.fig-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fig-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fig-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.fig-accordion-header:hover {\n background: var(--fig-primary-light);\n}\n\n.fig-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fig-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fig-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.fig-accordion-item[open] .fig-accordion-header::after {\n content: '−';\n}\n\n.fig-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fig-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fig-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fig-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fig-primary-light);\n border-radius: var(--fig-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fig-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fig-tip p {\n font-size: 14px;\n color: var(--fig-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.fig-cta-box {\n background: linear-gradient(135deg, var(--fig-primary) 0%, var(--fig-secondary) 100%);\n border-radius: var(--fig-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fig-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.fig-disclaimer {\n font-size: 12px;\n color: var(--fig-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 .fig-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fig-card {\n padding: 1.125rem;\n }\n\n .fig-section {\n margin-bottom: 1.75rem;\n }\n\n .fig-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fig-radius-sm);\n }\n\n .fig-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fig-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fig-grid-compact {\n gap: .625rem;\n }\n\n .fig-grid-compact .fig-card {\n padding: .75rem;\n }\n\n .fig-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fig-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fig-timeline-content h3 {\n font-size: 14px;\n }\n\n .fig-timeline-content p {\n font-size: 13px;\n }\n\n .fig-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fig-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fig-testimonial {\n padding: 1.25rem;\n }\n\n .fig-testimonial-text {\n font-size: 14px;\n }\n\n .fig-section-intro {\n font-size: 14px;\n margin-bottom: 1rem;\n }\n\n .fig-card-highlight {\n border-left-width: 3px;\n }\n\n .fig-tip {\n padding: .875rem 1rem;\n gap: .75rem;\n }\n\n .fig-tip-icon {\n font-size: 20px;\n }\n\n .fig-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fig-card {\n animation: figFadeInUp .5s ease backwards;\n }\n .fig-card:nth-child(1) { animation-delay: .05s; }\n .fig-card:nth-child(2) { animation-delay: .1s; }\n .fig-card:nth-child(3) { animation-delay: .15s; }\n .fig-card:nth-child(4) { animation-delay: .2s; }\n .fig-card:nth-child(5) { animation-delay: .25s; }\n .fig-card:nth-child(6) { animation-delay: .3s; }\n\n .fig-timeline-item {\n animation: figFadeInUp .5s ease backwards;\n }\n .fig-timeline-item:nth-child(1) { animation-delay: .05s; }\n .fig-timeline-item:nth-child(2) { animation-delay: .1s; }\n .fig-timeline-item:nth-child(3) { animation-delay: .15s; }\n .fig-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes figFadeInUp {\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 .fig-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":54860812616057,"sku":"NBAIDSH0033","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/macerat-figuier-bio-30ml-saint-hilaire-min.jpg?v=1770369612"},{"product_id":"macerat-romarin-bio-saint-hilaire-30ml","title":"Macérât de Romarin Bio - Saint Hilaire - 30 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Macérât de Romarin Bio - Saint Hilaire - 30 ml\nPalette détectée:\n - Primaire: #2A6B5A (vert teal\/sauge du packaging, texte \"GEMMOTHÉRAPIE BIO\")\n - Secondaire: #8B5E3C (ambre\/brun du flacon en verre)\n - Accent: #3D8B74 (vert plus clair, feuilles de romarin)\n - Fond packaging: #FFFFFF (étiquette blanche épurée)\n - Noir: #2D2D2D (bouchon, typographie Distillerie)\nAmbiance: Naturel\/Bio, artisanal français, herboristerie premium, savoir-faire traditionnel, minimaliste et épuré\nPréfixe CSS: rm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Macérât de bourgeons de Romarin Bio : le geste gemmothérapie pour votre foie et votre vitalité\"\n 2. \"Pourquoi choisir la gemmothérapie au romarin ?\"\n 3. \"Les bienfaits reconnus du macérât de romarin\"\n 4. \"Comment prendre le macérât de romarin bio Saint-Hilaire ?\"\n 5. \"Composition complète\"\n 6. \"Caractéristiques détaillées\"\n 7. \"Précautions d'emploi et contre-indications\"\n 8. \"La Distillerie Saint-Hilaire : un savoir-faire auvergnat d'exception\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"rm-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🧪 Macérât-mère concentré\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e💧 30 ml — Pipette compte-gouttes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eMacérât de Romarin Bio\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eDistillerie Saint-Hilaire — Gemmothérapie d'exception\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eUn concentré de jeunes pousses de romarin bio pour soutenir votre foie, faciliter la digestion et retrouver vitalité et clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eMacérât de bourgeons de Romarin Bio : le geste gemmothérapie pour votre foie et votre vitalité\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eLe macérât de romarin bio de la Distillerie Saint-Hilaire est un concentré de jeunes pousses de romarin (\u003cem\u003eRosmarinus officinalis\u003c\/em\u003e) obtenu par macération dans un mélange d'eau, d'alcool et de glycérine végétale.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌱 Certification bio\u003c\/h3\u003e\n \u003cp\u003eIssu de l'agriculture biologique française, certifié FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🧬 Macérât-mère unitaire\u003c\/h3\u003e\n \u003cp\u003eConcentré non dilué préservant l'intégralité du potentiel des bourgeons frais\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🫀 Soutien hépatique\u003c\/h3\u003e\n \u003cp\u003eUn allié naturel pour soutenir votre foie et faciliter votre digestion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n \u003cp\u003eRetrouvez concentration et vitalité au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePourquoi choisir la gemmothérapie au romarin ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-highlight-box\"\u003e\n \u003cp\u003eLa gemmothérapie se distingue des autres formes de phytothérapie — tisane de romarin bio, huile essentielle de romarin à cinéole bio ou encore macérât huileux de romarin — par un principe fondamental : elle utilise les \u003cstrong\u003etissus embryonnaires de la plante\u003c\/strong\u003e (bourgeons, jeunes pousses, radicelles).\u003c\/p\u003e\n \u003cp\u003eCes tissus en pleine croissance concentrent une richesse en \u003cstrong\u003eacides aminés, hormones de croissance végétale, vitamines et oligo-éléments\u003c\/strong\u003e qu'on ne retrouve plus dans la plante adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-comparison\"\u003e\n \u003cdiv class=\"rm-comparison-card rm-comparison-other\"\u003e\n \u003ch3\u003e🌿 Huile \/ macérât huileux de romarin\u003c\/h3\u003e\n \u003cp\u003eApplication principalement cutanée pour les cheveux et le cuir chevelu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-comparison-card rm-comparison-gemmo\"\u003e\n \u003ch3\u003e💎 Macérât de bourgeons de romarin\u003c\/h3\u003e\n \u003cp\u003eVoie orale ciblant les fonctions internes profondes : \u003cstrong\u003efoie, digestion, système nerveux\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLes bienfaits reconnus du macérât de romarin\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card rm-card-benefit\"\u003e\n \u003ch3\u003e🫁 Un soutien hépatique de premier plan\u003c\/h3\u003e\n \u003cp\u003eLe bourgeon de romarin est le remède de gemmothérapie le plus réputé pour accompagner le foie :\u003c\/p\u003e\n \u003cul class=\"rm-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eFavorise la détoxification hépatique\u003c\/strong\u003e en stimulant les fonctions d'élimination du foie\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eProtège les cellules hépatiques\u003c\/strong\u003e grâce à sa teneur en composés antioxydants\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAméliore le flux biliaire\u003c\/strong\u003e, facilitant la digestion des graisses et le confort après les repas\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eParticulièrement apprécié après les fêtes, lors d'un changement de saison ou pour accompagner une période de surcharge alimentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-benefit\"\u003e\n \u003ch3\u003e🍽️ Un allié pour la digestion au quotidien\u003c\/h3\u003e\n \u003cp\u003eEn stimulant la sécrétion des enzymes digestives et de la bile, il contribue à :\u003c\/p\u003e\n \u003cul class=\"rm-list\"\u003e\n \u003cli\u003eRéduire les inconforts digestifs (gaz, ballonnements, spasmes)\u003c\/li\u003e\n \u003cli\u003eOptimiser l'absorption des nutriments\u003c\/li\u003e\n \u003cli\u003eSoutenir un transit intestinal régulier\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-benefit\"\u003e\n \u003ch3\u003e⚡ Tonicité mentale et résistance à la fatigue\u003c\/h3\u003e\n \u003cp\u003eTonique du système nerveux utilisé depuis l'Antiquité, le bourgeon de romarin est indiqué en cas de :\u003c\/p\u003e\n \u003cul class=\"rm-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eFatigue intellectuelle\u003c\/strong\u003e ou surmenage prolongé\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDifficultés de concentration\u003c\/strong\u003e et de mémorisation\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eBaisse de vitalité\u003c\/strong\u003e générale, notamment aux changements de saison\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-benefit\"\u003e\n \u003ch3\u003e🛡️ Action antioxydante et soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eRiche en composés antioxydants, le macérât de bourgeons de romarin aide à neutraliser les radicaux libres. Il contribue également, grâce à ses propriétés anti-inflammatoires naturelles, à soutenir les défenses de l'organisme face aux agressions extérieures.\u003c\/p\u003e\n \u003cp\u003eUn complément de choix pour les personnes sujettes aux \u003cstrong\u003eallergies chroniques\u003c\/strong\u003e ou aux intoxications répété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=\"rm-section\"\u003e\n \u003ch2\u003eComment prendre le macérât de romarin bio Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-timeline\"\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eDosage progressif\u003c\/h3\u003e\n \u003cp\u003eCommencez par \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e pendant 2 à 3 jours, puis augmentez progressivement jusqu'à \u003cstrong\u003e15 gouttes\u003c\/strong\u003e si bien toléré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eMode d'administration\u003c\/h3\u003e\n \u003cp\u003ePures \u003cstrong\u003edirectement sous la langue\u003c\/strong\u003e pour une absorption optimale, ou diluées dans un petit verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003e15 minutes avant les repas\u003c\/strong\u003e, le matin ou le midi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eDurée d'une cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3 semaines de prise\u003c\/strong\u003e suivies d'\u003cstrong\u003e1 semaine de pause\u003c\/strong\u003e. Renouvelable jusqu'à 3 mois consécutifs pour un accompagnement en profondeur (détox saisonnière, soutien hépatique au long cours).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e pour une cure détox complète, certains naturopathes associent le macérât de romarin au bourgeon de genévrier ou de bouleau. N'hésitez pas à demander conseil à votre praticien de santé pour une synergie adaptée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eUn macérât-mère unitaire contenant uniquement des ingrédients issus de l'agriculture biologique. Aucun additif, aucun conservateur artificiel, aucun arôme ajouté.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp\u003eBase du solvant d'extraction traditionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🍇 Alcool bio\u003c\/h3\u003e\n \u003cp\u003e32 % vol. — extraction des composés alcool-solubles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🫧 Glycérine végétale bio\u003c\/h3\u003e\n \u003cp\u003eExtraction des composés liposolubles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌿 Jeunes pousses de romarin bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRosmarinus officinalis\u003c\/em\u003e — l'ensemble des principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-composition-note\"\u003eLe trio eau-alcool-glycérine constitue le solvant traditionnel de la gemmothérapie, permettant d'extraire l'ensemble des principes actifs — hydrosolubles, liposolubles et alcool-solubles — présents dans les jeunes pousses fraîches.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 \u0026 H2 #7 regroupés en accordéon pour le mobile --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eCaractéristiques détaillées\u003c\/h2\u003e\n \u003cdiv class=\"rm-specs-grid\"\u003e\n \u003cdiv class=\"rm-spec-item\"\u003e\n \u003cspan class=\"rm-spec-label\"\u003eNom latin\u003c\/span\u003e\n \u003cspan class=\"rm-spec-value\"\u003e\u003cem\u003eRosmarinus officinalis\u003c\/em\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-spec-item\"\u003e\n \u003cspan class=\"rm-spec-label\"\u003ePartie utilisée\u003c\/span\u003e\n \u003cspan class=\"rm-spec-value\"\u003eJeunes pousses (bourgeons)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-spec-item\"\u003e\n \u003cspan class=\"rm-spec-label\"\u003eProcédé\u003c\/span\u003e\n \u003cspan class=\"rm-spec-value\"\u003eMacération eau-alcool-glycérine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-spec-item\"\u003e\n \u003cspan class=\"rm-spec-label\"\u003eType de macérât\u003c\/span\u003e\n \u003cspan class=\"rm-spec-value\"\u003eMacérât-mère unitaire (concentré, non dilué)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-spec-item\"\u003e\n \u003cspan class=\"rm-spec-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"rm-spec-value\"\u003eFrance (Auvergne)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-spec-item\"\u003e\n \u003cspan class=\"rm-spec-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"rm-spec-value\"\u003eAgriculture Biologique — FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-spec-item\"\u003e\n \u003cspan class=\"rm-spec-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"rm-spec-value\"\u003e30 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-spec-item\"\u003e\n \u003cspan class=\"rm-spec-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"rm-spec-value\"\u003eFlacon verre ambré + pipette compte-gouttes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-spec-item\"\u003e\n \u003cspan class=\"rm-spec-label\"\u003eFabricant\u003c\/span\u003e\n \u003cspan class=\"rm-spec-value\"\u003eDistillerie Saint-Hilaire, Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e⚠️ Précautions essentielles\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe macérât de bourgeons de romarin est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e. Il ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical prescrit par votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas dépasser\u003c\/strong\u003e la dose journalière recommandée de 15 gouttes.\u003cbr\u003e\n \u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes et allaitantes.\u003cbr\u003e\n \u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux enfants de moins de 3 ans.\u003cbr\u003e\n \u003cstrong\u003eContient de l'alcool\u003c\/strong\u003e (32 % vol.) : à prendre en compte pour les personnes sensibles ou en cas de traitement médicamenteux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ l'abri de la lumière et de la chaleur, dans un endroit sec. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute, de traitement en cours ou de pathologie hépatique diagnostiquée, demandez toujours l'avis de votre médecin ou de votre pharmacien avant de commencer une cure de gemmothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLa Distillerie Saint-Hilaire : un savoir-faire auvergnat d'exception\u003c\/h2\u003e\n \u003cdiv class=\"rm-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 dans l'élaboration d'huiles essentielles, d'hydrolats et de macérâts de bourgeons biologiques. Chaque étape — de la récolte des jeunes pousses à la mise en flacon — est réalisée avec un souci permanent de qualité et de respect de l'environnement.\u003c\/p\u003e\n \u003cp style=\"margin-top:1rem;\"\u003eEn choisissant ce macérât de romarin bio, vous optez pour un produit \u003cstrong\u003etraçable, fabriqué en France et certifié biologique\u003c\/strong\u003e, au service d'une gemmothérapie authentique et efficace. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --rm-cream: #f7f5f0;\n --rm-white: #ffffff;\n --rm-primary: #2A6B5A;\n --rm-primary-dark: #1D4E41;\n --rm-primary-light: #e8f3ef;\n --rm-secondary: #8B5E3C;\n --rm-accent: #3D8B74;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #e0ddd6;\n --rm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.rm-premium *, .rm-premium *::before, .rm-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--rm-primary-dark) 0%, var(--rm-primary) 40%, var(--rm-accent) 80%, var(--rm-secondary) 100%);\n border-radius: var(--rm-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(--rm-shadow-lg);\n}\n\n.rm-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.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rm-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(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.rm-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.rm-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.rm-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\/* === SECTIONS === *\/\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-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.rm-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(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.rm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text-light);\n margin-bottom: 1.5rem;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-primary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFIT CARDS (plus grandes, texte aligné à gauche) === *\/\n.rm-card-benefit {\n text-align: left;\n}\n\n.rm-card-benefit h3 {\n text-align: left;\n font-size: clamp(16px, 2.5vw, 20px);\n margin-bottom: .75rem;\n}\n\n.rm-card-benefit p {\n text-align: left;\n}\n\n\/* === LISTES DANS LES CARDS === *\/\n.rm-list {\n list-style: none;\n padding: 0;\n margin: .75rem 0 0 0;\n}\n\n.rm-list li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: .5rem;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n line-height: 1.6;\n}\n\n.rm-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--rm-primary);\n font-weight: 800;\n font-size: 14px;\n}\n\n.rm-list li strong {\n color: var(--rm-text);\n}\n\n\/* === GRILLES === *\/\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.rm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rm-grid-compact .rm-card {\n padding: 1rem;\n}\n\n.rm-grid-compact .rm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rm-grid-compact .rm-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.rm-highlight-box {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--rm-accent);\n}\n\n.rm-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--rm-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.rm-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n.rm-highlight-box strong {\n color: var(--rm-primary-dark);\n}\n\n\/* === COMPARISON CARDS === *\/\n.rm-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-comparison-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.rm-comparison-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-comparison-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-comparison-card p {\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.6;\n margin: 0;\n}\n\n.rm-comparison-other {\n border: 2px solid var(--rm-border);\n}\n\n.rm-comparison-other h3 {\n color: var(--rm-text-light);\n}\n\n.rm-comparison-other p {\n color: var(--rm-text-light);\n}\n\n.rm-comparison-gemmo {\n border: 2px solid var(--rm-primary);\n background: var(--rm-primary-light);\n}\n\n.rm-comparison-gemmo h3 {\n color: var(--rm-primary-dark);\n}\n\n.rm-comparison-gemmo p {\n color: var(--rm-text);\n}\n\n\/* === TIMELINE === *\/\n.rm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-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.rm-timeline-content {\n flex: 1;\n background: var(--rm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rm-radius-sm);\n box-shadow: var(--rm-shadow);\n}\n\n.rm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-timeline-content p {\n font-size: 14px;\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rm-timeline-content strong {\n color: var(--rm-text);\n}\n\n\/* === TIP BOX === *\/\n.rm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rm-primary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rm-tip p {\n font-size: 14px;\n color: var(--rm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION NOTE === *\/\n.rm-composition-note {\n text-align: center;\n font-size: clamp(13px, 2vw, 14px);\n color: var(--rm-text-light);\n margin-top: 1.25rem;\n font-style: italic;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === SPECS GRID === *\/\n.rm-specs-grid {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-spec-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--rm-border);\n gap: 1rem;\n}\n\n.rm-spec-item:last-child {\n border-bottom: none;\n}\n\n.rm-spec-item:nth-child(even) {\n background: var(--rm-primary-light);\n}\n\n.rm-spec-label {\n font-size: 14px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n white-space: nowrap;\n flex-shrink: 0;\n}\n\n.rm-spec-value {\n font-size: 14px;\n color: var(--rm-text-light);\n text-align: right;\n}\n\n\/* === ACCORDÉON === *\/\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-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.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n.rm-accordion-content strong {\n color: var(--rm-text);\n}\n\n\/* === CTA FINAL === *\/\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-primary) 0%, var(--rm-primary-dark) 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rm-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.06) 0%, transparent 50%);\n}\n\n.rm-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.8;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.rm-cta-box strong {\n font-weight: 800;\n}\n\n\/* === DISCLAIMER === *\/\n.rm-disclaimer {\n font-size: 12px;\n color: var(--rm-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 .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rm-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rm-card {\n padding: 1.125rem;\n }\n\n .rm-section {\n margin-bottom: 1.75rem;\n }\n\n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n\n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rm-grid-compact {\n gap: .625rem;\n }\n\n .rm-grid-compact .rm-card {\n padding: .75rem;\n }\n\n .rm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rm-timeline-content h3 {\n font-size: 14px;\n }\n\n .rm-timeline-content p {\n font-size: 13px;\n }\n\n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rm-highlight-box {\n padding: 1.25rem;\n }\n\n .rm-highlight-box p {\n font-size: 14px;\n }\n\n .rm-spec-item {\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n padding: .75rem 1rem;\n }\n\n .rm-spec-value {\n text-align: left;\n font-size: 13px;\n }\n\n .rm-tip {\n padding: .875rem 1rem;\n }\n\n .rm-tip-icon {\n font-size: 20px;\n }\n\n .rm-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: rmFadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n .rm-card:nth-child(5) { animation-delay: .25s; }\n .rm-card:nth-child(6) { animation-delay: .3s; }\n\n .rm-timeline-item {\n animation: rmFadeInUp .5s ease backwards;\n }\n .rm-timeline-item:nth-child(1) { animation-delay: .05s; }\n .rm-timeline-item:nth-child(2) { animation-delay: .1s; }\n .rm-timeline-item:nth-child(3) { animation-delay: .15s; }\n .rm-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes rmFadeInUp {\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 .rm-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":54860876054905,"sku":"NBAIDSH0029","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/maceratderomarin-min.jpg?v=1770369274"},{"product_id":"macerat-tilleul-bio-saint-hilaire-30ml","title":"Macérât de Tilleul Bio - Saint-Hilaire - 30 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Macérât de Tilleul Bio - Saint-Hilaire - 30 ml\nPalette détectée:\n - Primaire: #8B6914 (doré\/or du bandeau packaging)\n - Secondaire: #4A6741 (vert feuille\/nature du logo et des fleurs de tilleul)\n - Accent: #6B4226 (ambre du flacon en verre)\nAmbiance: Naturel\/bio, herboristerie traditionnelle, sérénité, nuits apaisées, savoir-faire artisanal français\nPréfixe CSS: tl\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Macérât de bourgeons de Tilleul Bio : votre allié naturel pour un sommeil réparateur\"\n 2. \"Pourquoi choisir le bourgeon de Tilleul pour le sommeil et la détente ?\"\n 3. \"Composition complète et transparente\"\n 4. \"Comment prendre le macérât de bourgeons de Tilleul ?\"\n 5. \"Pour qui est fait ce macérât de Tilleul Bio ?\"\n 6. \"La qualité Distillerie Saint-Hilaire\"\n 7. \"Précautions d'emploi\"\n 8. \"Questions fréquentes sur le macérât de bourgeons de Tilleul\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tl-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tl-hero\"\u003e\n \u003cdiv class=\"tl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tl-hero-content\"\u003e\n \u003cdiv class=\"tl-badges-top\"\u003e\n \u003cspan class=\"tl-badge\"\u003e🌿 Gemmothérapie Bio\u003c\/span\u003e\n \u003cspan class=\"tl-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"tl-badge\"\u003e🌙 Sommeil \u0026amp; détente\u003c\/span\u003e\n \u003cspan class=\"tl-badge\"\u003e💧 Macérât-mère concentré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tl-hero-title\"\u003eMacérât de Tilleul Bio\u003c\/span\u003e\n \u003cp class=\"tl-subtitle\"\u003eDistillerie Saint-Hilaire — 30 ml\u003c\/p\u003e\n \u003cp class=\"tl-description\"\u003eRetrouvez des nuits sereines grâce à la puissance concentrée du bourgeon de Tilleul argenté, récolté à la main 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=\"tl-section\"\u003e\n \u003ch2\u003eMacérât de bourgeons de Tilleul Bio : votre allié naturel pour un sommeil réparateur\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eUne réponse douce et profonde aux tensions nerveuses et aux nuits agitées, issue du meilleur de la gemmothérapie française.\u003c\/p\u003e\n \u003cdiv class=\"tl-testimonial\"\u003e\n \u003cp class=\"tl-testimonial-text\"\u003eVous traversez une période de tension, vos nuits sont agitées et vous peinez à trouver le sommeil ? Le macérât de bourgeons de Tilleul bio de la Distillerie Saint-Hilaire est une réponse douce et naturelle à ces déséquilibres. Élaboré en Auvergne à partir de bourgeons frais de Tilleul argenté (\u003cem\u003eTilia tomentosa\u003c\/em\u003e) récoltés au printemps, ce macérât-mère unitaire concentre toute la vitalité du bourgeon — cette partie de l'arbre où se trouve l'ensemble du patrimoine génétique de la plante, à son stade le plus riche en principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-tip\"\u003e\n \u003cp\u003eEn gemmothérapie, le \u003cstrong\u003ebourgeon de Tilleul\u003c\/strong\u003e est considéré comme l'un des plus puissants alliés du système nerveux. Contrairement à une simple infusion, le macérât de bourgeons agit en profondeur, sur l'origine même du déséquilibre nerveux, et non uniquement sur ses symptômes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003ePourquoi choisir le bourgeon de Tilleul pour le sommeil et la détente ?\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eLe bourgeon concentre à la fois les propriétés de la feuille, de la fleur, de l'écorce et de l'aubier. C'est tout le potentiel de l'arbre dans une seule goutte.\u003c\/p\u003e\n \u003cdiv class=\"tl-grid\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e😴 Sédatif naturel du système nerveux\u003c\/h3\u003e\n \u003cp\u003eLe bourgeon de Tilleul aide à rééquilibrer le système nerveux en agissant sur le fond. Il favorise un relâchement profond, idéal pour les personnes dont le stress est chronique ou installé depuis longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🌙 Amélioration de la qualité du sommeil\u003c\/h3\u003e\n \u003cp\u003eEn calmant l'activité mentale excessive, il facilite l'endormissement et contribue à un sommeil plus profond et réparateur. Une alternative naturelle pour retrouver des nuits sereines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🍃 Action drainante douce\u003c\/h3\u003e\n \u003cp\u003eLe bourgeon de Tilleul favorise l'élimination de l'acide urique et du cholestérol, ce qui en fait un compagnon précieux pour les cures détox de printemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🫄 Soutien digestif lié au stress\u003c\/h3\u003e\n \u003cp\u003eSi vos tensions nerveuses se traduisent par des troubles digestifs (spasmes, ballonnements, nœud à l'estomac), le Tilleul aide à apaiser cette sphère digestive perturbée par le stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e👶 Adapté aux enfants agités\u003c\/h3\u003e\n \u003cp\u003eDoux dans son action, ce macérât convient aussi aux enfants dès 3 ans, notamment pour calmer l'hyperactivité ou les difficultés d'endormissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eUn macérât-mère unitaire formulé simplement, avec des ingrédients de qualité, tous issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"tl-grid-compact\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp\u003eBase purifiée du macérât\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🍷 Alcool bio\u003c\/h3\u003e\n \u003cp\u003e32 % vol. — solvant d'extraction traditionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🫧 Glycérine végétale bio\u003c\/h3\u003e\n \u003cp\u003eCo-solvant qui préserve les principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🌱 Bourgeons frais de Tilleul argenté bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eTilia tomentosa\u003c\/em\u003e — \u003cstrong\u003e10 %\u003c\/strong\u003e de concentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-tip\"\u003e\n \u003cspan class=\"tl-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eLa méthode du \u003cstrong\u003emacérât-mère\u003c\/strong\u003e : les bourgeons frais sont mis à macérer directement dans un mélange d'eau, d'alcool et de glycérine, sans dilution ultérieure. Vous bénéficiez ainsi de la \u003cstrong\u003econcentration maximale en principes actifs\u003c\/strong\u003e, contrairement aux dilutions hahnemanniennes (D1) pratiquées dans la gemmothérapie classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tl-disclaimer\"\u003e* Ingrédients issus de l'agriculture biologique. Certifié bio par FR-BIO-01.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eComment prendre le macérât de bourgeons de Tilleul ?\u003c\/h2\u003e\n \u003cdiv class=\"tl-timeline\"\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eAdultes : 10 à 15 gouttes par jour\u003c\/h3\u003e\n \u003cp\u003eDiluées dans un petit verre d'eau, de préférence \u003cstrong\u003e15 minutes avant le repas du soir\u003c\/strong\u003e. La prise en fin de journée est idéale pour préparer votre organisme à une nuit apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eEnfants de 3 à 12 ans : 5 gouttes par jour\u003c\/h3\u003e\n \u003cp\u003eDans un peu d'eau ou de jus de fruit, le soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure : 21 jours\u003c\/h3\u003e\n \u003cp\u003eRenouvelable après une \u003cstrong\u003epause d'une semaine\u003c\/strong\u003e. Pour un travail en profondeur, trois cures successives (avec pauses) sont souvent conseillées en gemmothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-tip\"\u003e\n \u003cspan class=\"tl-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour renforcer l'effet sur le sommeil, associez ce macérât à une \u003cstrong\u003einfusion de tilleul\u003c\/strong\u003e ou une \u003cstrong\u003einfusion tilleul-menthe\u003c\/strong\u003e le soir, pour un rituel de coucher véritablement apaisant. L'association avec le bourgeon de Figuier est également très appréciée pour un travail plus complet sur le stress et les ruminations mentales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003ePour qui est fait ce macérât de Tilleul Bio ?\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eCe complément alimentaire naturel s'adresse à un large public. Il sera particulièrement utile si vous vous reconnaissez dans l'une de ces situations :\u003c\/p\u003e\n \u003cdiv class=\"tl-grid\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🛏️ Difficultés d'endormissement\u003c\/h3\u003e\n \u003cp\u003eVous avez du mal à vous endormir ou vous vous réveillez en pleine nuit sans parvenir à retrouver le sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e😰 Période de stress intense\u003c\/h3\u003e\n \u003cp\u003eExamen, surcharge professionnelle, changement de vie… vous ressentez une tension nerveuse permanente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e👧 Enfants agités le soir\u003c\/h3\u003e\n \u003cp\u003eVos enfants peinent à trouver le calme avant le coucher et ont du mal à s'endormir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🌿 Recherche d'une solution naturelle\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une alternative douce, sans accoutumance, pour retrouver un sommeil sain et réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🧪 Pratiquant de gemmothérapie\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez intégrer le Tilleul dans votre protocole de bien-être et approfondir votre cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eLa qualité Distillerie Saint-Hilaire\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eInstallée au cœur de l'Auvergne, la Distillerie Saint-Hilaire est un acteur reconnu de la gemmothérapie et de l'aromathérapie biologiques en France.\u003c\/p\u003e\n \u003cdiv class=\"tl-grid-compact\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e✋ Récolte à la main\u003c\/h3\u003e\n \u003cp\u003eBourgeons cueillis au moment optimal du printemps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🏔️ Fabrication française\u003c\/h3\u003e\n \u003cp\u003eAuvergne — savoir-faire artisanal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🌱 Certification bio\u003c\/h3\u003e\n \u003cp\u003eFR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🧴 Flacon verre ambré 30 ml\u003c\/h3\u003e\n \u003cp\u003eCompte-gouttes intégré pour un dosage précis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🚫 Sans pesticides\u003c\/h3\u003e\n \u003cp\u003eNi conservateurs de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e⏱️ Mise en macération à frais\u003c\/h3\u003e\n \u003cp\u003eDans les heures suivant la récolte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tl-accordion\"\u003e\n \u003cdetails class=\"tl-accordion-item\"\u003e\n \u003csummary class=\"tl-accordion-header\"\u003e💊 Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"tl-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée (10 à 15 gouttes par jour pour un adulte, 5 gouttes pour un enfant).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tl-accordion-item\"\u003e\n \u003csummary class=\"tl-accordion-header\"\u003e⚕️ Complément alimentaire\u003c\/summary\u003e\n \u003cdiv class=\"tl-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical ni à une alimentation variée et équilibrée, associée à un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tl-accordion-item\"\u003e\n \u003csummary class=\"tl-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"tl-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis préalable d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tl-accordion-item\"\u003e\n \u003csummary class=\"tl-accordion-header\"\u003e🍷 Contient de l'alcool\u003c\/summary\u003e\n \u003cdiv class=\"tl-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes en sevrage alcoolique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tl-accordion-item\"\u003e\n \u003csummary class=\"tl-accordion-header\"\u003e👶 Hors de portée des enfants\u003c\/summary\u003e\n \u003cdiv class=\"tl-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=\"tl-accordion-item\"\u003e\n \u003csummary class=\"tl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tl-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver le flacon bien fermé, dans un endroit frais et à l'abri de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"tl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tl-cta-box\"\u003e\n \u003cp\u003e🌙 Offrez à votre organisme la sérénité du Tilleul argenté d'Auvergne.\u003cbr\u003eUn rituel de 21 jours pour retrouver un sommeil profond et réparateur, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tl-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tl-cream: #faf8f3;\n --tl-white: #ffffff;\n --tl-primary: #8B6914;\n --tl-primary-dark: #5c4510;\n --tl-primary-light: #f5f0e2;\n --tl-secondary: #4A6741;\n --tl-accent: #6B4226;\n --tl-text: #1a1a1a;\n --tl-text-light: #5a5a5a;\n --tl-border: #e5dfd3;\n --tl-shadow: 0 4px 24px rgba(90,70,20,.08);\n --tl-shadow-lg: 0 12px 48px rgba(90,70,20,.15);\n --tl-radius: 20px;\n --tl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tl-hero {\n position: relative;\n background: linear-gradient(135deg, #5c4510 0%, #8B6914 40%, #4A6741 100%);\n border-radius: var(--tl-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(--tl-shadow-lg);\n}\n\n.tl-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.tl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tl-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.tl-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.tl-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.tl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tl-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(--tl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.tl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tl-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.tl-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(--tl-primary), var(--tl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.tl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tl-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.tl-card {\n background: var(--tl-white);\n border-radius: var(--tl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tl-shadow-lg);\n border-color: var(--tl-primary);\n}\n\n.tl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.tl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tl-grid-compact .tl-card {\n padding: 1rem;\n}\n\n.tl-grid-compact .tl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tl-grid-compact .tl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tl-primary), var(--tl-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.tl-timeline-content {\n flex: 1;\n background: var(--tl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tl-radius-sm);\n box-shadow: var(--tl-shadow);\n}\n\n.tl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tl-timeline-content p {\n font-size: 14px;\n color: var(--tl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.tl-testimonial {\n background: var(--tl-white);\n border-radius: var(--tl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tl-shadow);\n border-left: 4px solid var(--tl-primary);\n}\n\n.tl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.tl-accordion {\n background: var(--tl-white);\n border-radius: var(--tl-radius);\n box-shadow: var(--tl-shadow);\n overflow: hidden;\n}\n\n.tl-accordion-item {\n border-bottom: 1px solid var(--tl-border);\n margin: 0;\n padding: 0;\n}\n\n.tl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tl-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.tl-accordion-header:hover {\n background: var(--tl-primary-light);\n}\n\n.tl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tl-primary);\n transition: transform .2s ease;\n}\n\n.tl-accordion-item[open] .tl-accordion-header::after {\n content: '−';\n}\n\n.tl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tl-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.tl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tl-primary-light);\n border-radius: var(--tl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tl-tip p {\n font-size: 14px;\n color: var(--tl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.tl-cta-box {\n background: linear-gradient(135deg, var(--tl-primary) 0%, var(--tl-primary-dark) 100%);\n border-radius: var(--tl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tl-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.tl-disclaimer {\n font-size: 12px;\n color: var(--tl-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 .tl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tl-card {\n padding: 1.125rem;\n }\n\n .tl-section {\n margin-bottom: 1.75rem;\n }\n\n .tl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tl-radius-sm);\n }\n\n .tl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tl-grid-compact {\n gap: .625rem;\n }\n\n .tl-grid-compact .tl-card {\n padding: .75rem;\n }\n\n .tl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tl-timeline-content h3 {\n font-size: 14px;\n }\n\n .tl-timeline-content p {\n font-size: 13px;\n }\n\n .tl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .tl-testimonial {\n padding: 1.25rem;\n }\n\n .tl-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tl-card {\n animation: tlFadeInUp .5s ease backwards;\n }\n .tl-card:nth-child(1) { animation-delay: .05s; }\n .tl-card:nth-child(2) { animation-delay: .1s; }\n .tl-card:nth-child(3) { animation-delay: .15s; }\n .tl-card:nth-child(4) { animation-delay: .2s; }\n .tl-card:nth-child(5) { animation-delay: .25s; }\n .tl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes tlFadeInUp {\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 .tl-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":54860933824889,"sku":"NBAIDSH0022","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/maceratdetilleul_1_-min.jpg?v=1770369242"},{"product_id":"huile-avocat-bio-saint-hilaire-50ml","title":"Huile Végétale d'Avocat Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale d'Avocat Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #6B8E23 (vert olive\/avocat de l'étiquette)\n - Secondaire: #8B5E3C (brun ambré du flacon en verre)\n - Accent: #C5D45A (vert-jaune chartreuse de la bande étiquette)\nAmbiance: Naturel\/bio, botanique, authentique, artisanal français (Auvergne), soin cosmétique végétal\nPréfixe CSS: av\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale d'avocat bio : le soin nourrissant par excellence pour votre peau et vos cheveux\"\n 2. \"Pourquoi choisir l'huile végétale d'avocat ? Composition et richesse nutritive\"\n 3. \"Bienfaits de l'huile végétale d'avocat bio pour la peau\"\n 4. \"Bienfaits de l'huile d'avocat bio pour les cheveux\"\n 5. \"Comment utiliser l'huile d'avocat bio au quotidien ?\"\n 6. \"Quels types de peau et de cheveux sont concernés ?\"\n 7. \"La Distillerie Saint-Hilaire : un savoir-faire ancré en Auvergne\"\n 8. \"Précautions d'emploi et conservation\"\n 9. \"Questions fréquentes sur l'huile végétale d'avocat bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"av-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"av-hero\"\u003e\n \u003cdiv class=\"av-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"av-hero-content\"\u003e\n \u003cdiv class=\"av-badges-top\"\u003e\n \u003cspan class=\"av-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🫒 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🧴 Flacon verre 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"av-hero-title\"\u003eHuile végétale d'avocat bio\u003c\/span\u003e\n \u003cp class=\"av-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"av-description\"\u003eNutrition intense pour la peau et les cheveux. 100 % pure, vierge, extraite de la pulpe d'avocats bio par première pression à froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eHuile végétale d'avocat bio : le soin nourrissant par excellence pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eVous cherchez une huile végétale d'avocat de qualité, capable de nourrir en profondeur une peau assoiffée ou de redonner vie à des cheveux fatigués ?\u003c\/p\u003e\n \u003cdiv class=\"av-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile d'avocat bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est exactement ce qu'il vous faut. Obtenue par \u003cstrong\u003epremière pression à froid de la pulpe\u003c\/strong\u003e d'avocats issus de l'agriculture biologique (\u003cem\u003ePersea gratissima\u003c\/em\u003e), elle conserve l'intégralité de ses acides gras, vitamines et antioxydants — sans aucun raffinage, sans additif, sans compromis.\u003c\/p\u003e\n \u003cp\u003eConditionnée dans un élégant \u003cstrong\u003eflacon en verre de 50 ml\u003c\/strong\u003e équipé d'un spray pratique, cette huile végétale bio est pensée pour s'intégrer facilement à votre routine beauté quotidienne, que ce soit en soin visage, corps ou capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile végétale d'avocat ? Composition et richesse nutritive\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eL'huile bio d'avocat se distingue des autres huiles végétales par un profil lipidique exceptionnellement riche et équilibré. Sa composition en fait un véritable concentré de bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🫒 Acide oléique (oméga-9)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e55 à 70 %\u003c\/strong\u003e — acide gras mono-insaturé principal. Pénètre facilement l'épiderme pour nourrir les couches profondes, renforce le film hydrolipidique et apporte une souplesse durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Acide palmitoléique (oméga-7)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 à 10 %\u003c\/strong\u003e — rare dans le monde végétal, naturellement présent dans le sébum humain. Contribue à la régénération des peaux matures ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💧 Acide linoléique (oméga-6)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 à 15 %\u003c\/strong\u003e — essentiel au maintien de la barrière cutanée. Aide à prévenir la déshydratation et apaise les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Acide palmitique\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 à 20 %\u003c\/strong\u003e — participe à l'effet protecteur et émollient de l'huile, renforçant la couche lipidique naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌟 Vitamines A, D, E et K\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E agit comme un puissant antioxydant. La vitamine A soutient le renouvellement cellulaire. La vitamine K contribue à atténuer cernes et rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Phytostérols et caroténoïdes\u003c\/h3\u003e\n \u003cp\u003eComposés bioactifs qui renforcent les propriétés réparatrices et anti-âge de l'huile pour une peau visiblement revitalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient INCI :\u003c\/strong\u003e Persea Gratissima Oil* — \u003cem\u003e*Issu de l'agriculture biologique\u003c\/em\u003e\u003cbr\u003e\n \u003cstrong\u003ePartie pressée :\u003c\/strong\u003e pulpe du fruit. C'est cette extraction à partir de la chair (et non du noyau) qui confère à l'huile sa couleur verte caractéristique et sa richesse exceptionnelle en nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile végétale d'avocat bio pour la peau\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eLes bienfaits de l'huile végétale d'avocat sur la peau sont multiples et particulièrement appréciés des peaux sèches, matures ou fragilisées. Tous les types de peau peuvent y trouver leur compte.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💦 Nutrition intense des peaux sèches et déshydratées\u003c\/h3\u003e\n \u003cp\u003eSi votre peau tiraille, pèle ou manque cruellement de confort, l'huile d'avocat est l'une des huiles végétales les plus nourrissantes. Sa texture riche mais non grasse pénètre remarquablement bien sans laisser de film collant. Elle restaure le film hydrolipidique et aide la peau à retenir son hydratation naturelle. Vous sentirez la différence dès les premières applications : une peau plus douce, plus souple, véritablement apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e⏳ Soin anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa concentration en \u003cstrong\u003evitamine E, en phytostérols et en acide palmitoléique\u003c\/strong\u003e, cette huile contribue à préserver l'élasticité de la peau et à atténuer les signes visibles du vieillissement. Elle soutient le renouvellement cellulaire et aide à maintenir une peau d'apparence ferme et lumineuse. Un soin anti-âge naturel précieux, en complément de votre crème habituelle ou utilisée seule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🩹 Réparation des peaux abîmées et fragilisées\u003c\/h3\u003e\n \u003cp\u003ePeaux irritées par le froid, le vent, le soleil ou des soins trop agressifs ? L'huile d'avocat bio agit comme un véritable baume réparateur. Elle calme les inconforts, aide à restaurer la barrière cutanée endommagée et protège la peau des agressions extérieures. Excellent soin pour les coudes, genoux, talons et mains gercées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌸 Alliée des peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eNaturellement bien tolérée, cette huile végétale convient aux peaux les plus délicates. Son profil en acides gras proches de ceux du sébum humain lui confère une excellente affinité avec la peau, minimisant les risques de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile d'avocat bio pour les cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eSi vous avez les cheveux secs, cassants, ternes ou crépus, l'huile végétale d'avocat pourrait bien devenir votre meilleure alliée capillaire.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💪 Nutrition profonde de la fibre capillaire\u003c\/h3\u003e\n \u003cp\u003eContrairement à de nombreuses huiles qui restent en surface, l'huile d'avocat possède une capacité remarquable à pénétrer la fibre du cheveu. Elle nourrit de l'intérieur, redonnant souplesse, brillance et résistance aux cheveux les plus desséchés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre la casse\u003c\/h3\u003e\n \u003cp\u003eEn renforçant la structure du cheveu, elle réduit significativement la casse et les pointes fourchues. Particulièrement recommandée si vos cheveux sont abîmés par les colorations, le lissage ou les appareils chauffants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧴 Soin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquée en massage sur le cuir chevelu, elle nourrit la peau et favorise un environnement sain pour la pousse. D'un grand secours en cas de cuir chevelu sec ou sujet aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Discipline des cheveux frisés et crépus\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur les longueurs et les pointes suffisent à dompter les frisottis et à définir les boucles, tout en apportant un toucher soyeux et une brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'avocat bio au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eLa polyvalence de cette huile végétale est l'un de ses plus grands atouts. Voici des conseils d'utilisation concrets pour en tirer le meilleur parti :\u003c\/p\u003e\n \u003cdiv class=\"av-timeline\"\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eLe soir, après avoir nettoyé votre peau, appliquez \u003cstrong\u003e3 à 5 gouttes\u003c\/strong\u003e sur le visage et le cou. Massez doucement en mouvements circulaires ascendants. Utilisez-la seule ou mélangée à votre crème de nuit. Le matin, une ou deux gouttes sur les zones sèches suffisent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn soin contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez délicatement une micro-goutte sous chaque œil, du coin interne vers le coin externe. Sa teneur en vitamine K en fait un soin intéressant pour la zone fragile du contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn soin corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, sur une peau encore légèrement humide, appliquez généreusement sur les zones sèches (jambes, bras, mains, pieds). L'eau résiduelle facilite l'absorption et renforce l'effet hydratant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire avant-shampooing\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs et les pointes, massez le cuir chevelu. Enveloppez dans une serviette chaude et \u003cstrong\u003elaissez poser 1 à 2 heures\u003c\/strong\u003e (ou toute une nuit). Procédez ensuite à votre shampooing — deux lavages peuvent être nécessaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn sérum sans rinçage pour les pointes\u003c\/h3\u003e\n \u003cp\u003eSur cheveux secs ou humides, frottez une à deux gouttes entre vos paumes et lissez-les sur les pointes. Cela protège les cheveux de la sécheresse sans les alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e6\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn base pour vos mélanges cosmétiques maison\u003c\/h3\u003e\n \u003cp\u003eExcellente base pour diluer des huiles essentielles ou créer vos propres sérums. Se marie parfaitement avec l'huile essentielle de \u003cstrong\u003elavande\u003c\/strong\u003e (apaisante), d'\u003cstrong\u003eylang-ylang\u003c\/strong\u003e (cheveux) ou de \u003cstrong\u003egéranium rosat\u003c\/strong\u003e (anti-âge).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eQuels types de peau et de cheveux sont concernés ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003ePour vous aider à savoir si cette huile bio d'avocat est faite pour vous, voici un récapitulatif :\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eTerrain de prédilection. Effet nourrissant immédiat et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eSoin anti-âge naturel grâce aux antioxydants et au soutien de l'élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles ou irritées\u003c\/h3\u003e\n \u003cp\u003eApaisante et protectrice, elle restaure le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Peaux ternes et fatiguées\u003c\/h3\u003e\n \u003cp\u003eRavive l'éclat et donne un aspect plus lumineux au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs, cassants ou abîmés\u003c\/h3\u003e\n \u003cp\u003eNutrition et réparation en profondeur de la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Cheveux crépus, frisés ou bouclés\u003c\/h3\u003e\n \u003cp\u003eDiscipline, définition des boucles et brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧴 Cuir chevelu sec\u003c\/h3\u003e\n \u003cp\u003eApaise et nourrit sans agresser le cuir chevelu sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRemarque :\u003c\/strong\u003e si vous avez la peau grasse ou à tendance acnéique, l'huile d'avocat peut s'avérer un peu trop riche en application quotidienne sur le visage. Privilégiez une utilisation ponctuelle ou localisée sur les zones sèches uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eLa Distillerie Saint-Hilaire : un savoir-faire ancré en Auvergne\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eCette huile végétale est produite par la Distillerie Saint-Hilaire, une maison installée au cœur de l'Auvergne, reconnue pour son engagement envers la qualité et le respect de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌿 Agriculture biologique certifiée\u003c\/h3\u003e\n \u003cp\u003eLes avocats utilisés sont issus de cultures biologiques, sans pesticides ni engrais chimiques de synthèse. Un engagement fort pour la nature et votre santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n \u003cp\u003eCette méthode d'extraction douce, sans chaleur excessive, préserve l'intégralité des nutriments et des propriétés actives de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💎 Huile 100 % pure et vierge\u003c\/h3\u003e\n \u003cp\u003eAucun additif, aucun conservateur, aucune dilution. Un produit brut et authentique, dans toute sa richesse naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e♻️ Flacon en verre recyclable\u003c\/h3\u003e\n \u003cp\u003eLe conditionnement en verre ambré protège l'huile de la lumière qui dégrade les vitamines, tout en s'inscrivant dans une démarche écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🧴 Usage et application\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Évitez toute application sur les enfants de moins de 3 ans sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e⚠️ Allergies et test cutané\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue à l'avocat ou au latex (allergie croisée possible), effectuez un test cutané dans le pli du coude \u003cstrong\u003e48 heures avant\u003c\/strong\u003e la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon dans un endroit \u003cstrong\u003efrais, sec et à l'abri de la lumière directe\u003c\/strong\u003e pour préserver toutes les propriétés de l'huile. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue en aucun cas un traitement médical et ne saurait se substituer à 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!-- H2 #9 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile végétale d'avocat bio\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eL'huile d'avocat bio est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile d'avocat possède un \u003cstrong\u003eindice de comédogénicité de 2 sur 5\u003c\/strong\u003e, ce qui la classe parmi les huiles modérément comédogènes. Pour la plupart des types de peau, elle ne pose aucun problème. Toutefois, si vous avez la peau très grasse ou sujette aux imperfections, privilégiez une utilisation avec parcimonie sur le visage ou réservez-la aux soins capillaires et corporels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003ePeut-on utiliser l'huile d'avocat autour des yeux ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, tout à fait. Sa richesse en vitamines et sa texture qui pénètre bien en font un soin adapté à cette zone fragile. Veillez simplement à ne pas en appliquer directement dans les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eL'huile d'avocat convient-elle aux femmes enceintes ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile végétale d'avocat pure, sans ajout d'huiles essentielles, est généralement bien tolérée pendant la grossesse. Elle est d'ailleurs souvent recommandée pour prévenir les vergetures. En cas de doute, demandez l'avis de votre médecin ou de votre sage-femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eComment savoir si mon huile d'avocat est encore bonne ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eUne huile d'avocat bio de qualité possède une \u003cstrong\u003eodeur douce et légèrement verte\u003c\/strong\u003e, caractéristique du fruit. Si elle dégage une odeur rance ou désagréable, elle s'est oxydée et il est préférable de ne plus l'utiliser. Bien conservée, elle se garde généralement entre \u003cstrong\u003e6 et 12 mois\u003c\/strong\u003e après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003ePeut-on mélanger l'huile d'avocat avec d'autres huiles végétales ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. L'huile d'avocat se marie très bien avec l'\u003cstrong\u003ehuile de jojoba\u003c\/strong\u003e (pour équilibrer les peaux mixtes), l'\u003cstrong\u003ehuile de coco\u003c\/strong\u003e (pour un masque capillaire ultra-nourrissant) ou l'\u003cstrong\u003ehuile de rose musquée\u003c\/strong\u003e (pour renforcer l'effet anti-âge). N'hésitez pas à créer vos propres synergies selon vos besoins.\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=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"av-cta-box\"\u003e\n \u003cp\u003e🥑 Offrez à votre peau et vos cheveux le meilleur de la nature avec cette huile d'avocat bio, pure et authentique, distillée avec soin au cœur de l'Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"av-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé. Usage cosmétique externe uniquement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --av-cream: #f7f5f0;\n --av-white: #ffffff;\n --av-primary: #6B8E23;\n --av-primary-dark: #3d5a0f;\n --av-primary-light: #f0f4e4;\n --av-secondary: #8B5E3C;\n --av-accent: #C5D45A;\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n --av-border: #e0e0e0;\n --av-shadow: 0 4px 24px rgba(0,0,0,.08);\n --av-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --av-radius: 20px;\n --av-radius-sm: 12px;\n}\n\n.av-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--av-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5a0f 0%, #6B8E23 40%, #8B5E3C 100%);\n border-radius: var(--av-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(--av-shadow-lg);\n}\n\n.av-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(197,212,90,.15) 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(139,94,60,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.av-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.av-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.av-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.av-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.av-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(--av-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.av-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--av-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.av-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(--av-primary), var(--av-accent));\n border-radius: 2px;\n}\n\n.av-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-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.av-highlight-box {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-primary);\n}\n\n.av-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--av-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.av-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.av-card {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.av-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--av-shadow-lg);\n border-color: var(--av-primary);\n}\n\n.av-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.av-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.av-grid-compact .av-card {\n padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.av-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.av-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--av-primary), var(--av-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(107,142,35,.3);\n}\n\n.av-timeline-content {\n flex: 1;\n background: var(--av-white);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\n box-shadow: var(--av-shadow);\n}\n\n.av-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--av-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n font-size: 14px;\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.av-testimonial {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-primary);\n}\n\n.av-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.av-accordion {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-accordion-item {\n border-bottom: 1px solid var(--av-border);\n margin: 0;\n padding: 0;\n}\n\n.av-accordion-item:last-child {\n border-bottom: none;\n}\n\n.av-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--av-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.av-accordion-header:hover {\n background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.av-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--av-primary);\n transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n content: '−';\n}\n\n.av-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--av-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.av-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.av-tip p {\n font-size: 14px;\n color: var(--av-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.av-cta-box {\n background: linear-gradient(135deg, var(--av-primary) 0%, var(--av-primary-dark) 100%);\n border-radius: var(--av-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.av-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.av-disclaimer {\n font-size: 12px;\n color: var(--av-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 .av-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .av-card {\n padding: 1.125rem;\n }\n\n .av-section {\n margin-bottom: 1.75rem;\n }\n\n .av-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--av-radius-sm);\n }\n\n .av-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .av-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .av-grid-compact {\n gap: .625rem;\n }\n\n .av-grid-compact .av-card {\n padding: .75rem;\n }\n\n .av-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .av-timeline-content {\n padding: .875rem 1rem;\n }\n\n .av-timeline-content h3 {\n font-size: 14px;\n }\n\n .av-timeline-content p {\n font-size: 13px;\n }\n\n .av-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .av-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .av-testimonial {\n padding: 1.25rem;\n }\n\n .av-testimonial-text {\n font-size: 14px;\n }\n\n .av-highlight-box {\n padding: 1.25rem;\n }\n\n .av-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-card:nth-child(1) { animation-delay: .05s; }\n .av-card:nth-child(2) { animation-delay: .1s; }\n .av-card:nth-child(3) { animation-delay: .15s; }\n .av-card:nth-child(4) { animation-delay: .2s; }\n .av-card:nth-child(5) { animation-delay: .25s; }\n .av-card:nth-child(6) { animation-delay: .3s; }\n .av-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes avFadeInUp {\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 .av-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":54861991182713,"sku":"NBAIDSH0024","price":6.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HVavocat_1_-min.jpg?v=1736419851"},{"product_id":"huile-vegetale-carotte-bio-50m","title":"Huile végétale à la Carotte Bio - Saint Hilaire - 50 ml","description":"\u003cdiv class=\"mc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 Biologique certifié\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🥕 Riche en bêta-carotène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eHuile végétale à la Carotte Bio\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eUn macérât huileux d'exception, issu de racines de carotte bio macérées dans de l'huile de tournesol biologique. Le secret d'un teint lumineux et doré, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eMacérât huileux de carotte bio : l'allié naturel d'un teint lumineux\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de carotte pour le visage\u003c\/strong\u003e qui apporte un véritable éclat naturel à votre peau ? Le macérât huileux de carotte bio de la Distillerie Saint-Hilaire est bien plus qu'un simple soin : c'est un concentré de bêta-carotène issu de racines de carotte (\u003cem\u003eDaucus carota\u003c\/em\u003e) macérées patiemment dans une huile de tournesol biologique. Fabriqué en Auvergne selon un savoir-faire artisanal, ce flacon de 50 ml deviendra vite un incontournable de votre routine beauté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePourquoi utiliser une huile de carotte sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLa carotte est naturellement riche en \u003cstrong\u003ebêta-carotène\u003c\/strong\u003e, un pigment précurseur de la vitamine A reconnu pour ses propriétés antioxydantes. Appliquée sur la peau, cette \u003cstrong\u003ehuile végétale de carotte\u003c\/strong\u003e offre des bienfaits concrets que vous remarquerez rapidement :\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e✨ Effet bonne mine immédiat\u003c\/h3\u003e\n \u003cp\u003eLe bêta-carotène donne à la peau une teinte dorée subtile et un éclat sain, sans artifice. Le teint paraît reposé et lumineux dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e☀️ Préparation au bronzage\u003c\/h3\u003e\n \u003cp\u003eAppliquée quelques semaines avant l'été, elle prépare la peau à l'exposition solaire et aide à obtenir un hâle plus uniforme et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eElle lutte contre les radicaux libres responsables du vieillissement prématuré de la peau, aidant à préserver sa souplesse et sa jeunesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💧 Nutrition et régénération\u003c\/h3\u003e\n \u003cp\u003eLes peaux sèches, ternes ou fragilisées retrouvent confort et douceur grâce à l'action nourrissante de l'huile de tournesol combinée aux actifs de la carotte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile visage carotte au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eL'avantage de ce macérât, c'est sa polyvalence. Voici quelques façons concrètes de l'intégrer à vos soins :\u003c\/p\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 gouttes le soir sur un visage propre et sec. Massez délicatement du centre vers l'extérieur du visage jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn préparation solaire\u003c\/h3\u003e\n \u003cp\u003eCommencez à l'utiliser 2 à 3 semaines avant vos vacances pour préparer naturellement votre peau au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn soin après-soleil\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le corps après une journée d'exposition pour apaiser, nourrir et prolonger votre bronzage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn mélange personnalisé\u003c\/h3\u003e\n \u003cp\u003eAssociez quelques gouttes à votre crème de jour, à une autre huile végétale ou à votre fond de teint pour un effet bonne mine discret.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile carotte visage\u003c\/strong\u003e convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌻 Helianthus annuus seed oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de tournesol biologique — base de macération nourrissante et légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🥕 Daucus carota sativa root extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de racine de carotte biologique — concentré en bêta-carotène pour l'éclat du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Rosmarinus officinalis leaf extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de feuille de romarin biologique — antioxydant naturel qui préserve la qualité de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e Formule 100 % naturelle, sans conservateur de synthèse, sans parfum ajouté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧴 Usage et application\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière directe et de la chaleur pour préserver la qualité des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e☀️ Protection solaire\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eAttention :\u003c\/strong\u003e ce macérât ne remplace en aucun cas une crème solaire. Utilisez toujours une protection adaptée lors d'une exposition prolongée au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Allergies\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute ou de terrain allergique, réalisez un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mc-cta-box\"\u003e\n \u003cp\u003eFabriqué en France par la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e, ce macérât huileux de carotte bio reflète un engagement sincère pour des soins naturels, biologiques et respectueux de votre peau comme de l'environnement. Un geste simple pour un teint éclatant toute l'année. 🥕✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #fdf8f2;\n --mc-white: #ffffff;\n --mc-primary: #e8983e;\n --mc-primary-dark: #8b5e34;\n --mc-primary-light: #fdf0e2;\n --mc-secondary: #5a7a3a;\n --mc-accent: #d4782a;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #e8ddd0;\n --mc-shadow: 0 4px 24px rgba(139, 94, 52, .08);\n --mc-shadow-lg: 0 12px 48px rgba(139, 94, 52, .15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #8b5e34 0%, #e8983e 50%, #d4782a 100%);\n border-radius: var(--mc-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(--mc-shadow-lg);\n}\n\n.mc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-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(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mc-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.mc-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.mc-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.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-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.mc-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(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-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.mc-section-intro strong {\n color: var(--mc-text);\n}\n\n\/* === CARDS === *\/\n.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRID COMPACT === *\/\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-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.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mc-tip p strong {\n color: var(--mc-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-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.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n.mc-accordion-content p strong {\n color: var(--mc-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-primary) 0%, var(--mc-primary-dark) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mc-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.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-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 .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\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 .mc-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":54862224720249,"sku":"NBAIDSH0019","price":7.09,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-a-la-carotte-bio-saint-hilaire-50-ml-packshothd.webp?v=1774427265"},{"product_id":"huile-vegetale-abricot-bio-50ml","title":"Huile Végétale d'Abricot Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale d'Abricot Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #2D4A3E (vert foncé profond du logo\/étiquette Saint-Hilaire)\n - Secondaire: #E8A87C (pêche\/abricot doux de la bande étiquette)\n - Accent: #D4874D (ambre doré de l'huile\/flacon)\n - Background: #FDF5EE (beige rosé très clair, rappel du fond photo)\nAmbiance: Naturel, bio, artisanal, cosmétique premium, douceur, Auvergne, authenticité\nPréfixe CSS: ab\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de noyau d'abricot bio : l'alliée éclat de votre peau\"\n 2. \"Les bienfaits de l'huile d'abricot pour le visage et le corps\"\n 3. \"Comment utiliser l'huile noyau d'abricot au quotidien ?\"\n 4. \"Composition\"\n 5. \"Qualité et engagement Saint-Hilaire\"\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=\"ab-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ab-hero\"\u003e\n \u003cdiv class=\"ab-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-hero-content\"\u003e\n \u003cdiv class=\"ab-badges-top\"\u003e\n \u003cspan class=\"ab-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🍑 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ab-hero-title\"\u003eHuile végétale d'abricot bio\u003c\/span\u003e\n \u003cp class=\"ab-subtitle\"\u003eSaint-Hilaire — Flacon 50 ml avec pompe doseuse\u003c\/p\u003e\n \u003cp class=\"ab-description\"\u003eL'éclat naturel d'une huile précieuse, pressée à froid à partir des amandons de \u003cem\u003ePrunus armeniaca\u003c\/em\u003e. Riche en bêta-carotène et en vitamines A \u0026amp; E pour une peau lumineuse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eHuile végétale de noyau d'abricot bio : l'alliée éclat de votre peau\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eVous cherchez une huile végétale d'abricot capable de redonner vie à votre teint tout en nourrissant votre peau en profondeur ?\u003c\/p\u003e\n \u003cdiv class=\"ab-highlight-box\"\u003e\n \u003cp\u003eL'huile végétale de noyau d'abricot bio de la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e est exactement ce qu'il vous faut. Obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e des amandons de \u003cem\u003ePrunus armeniaca\u003c\/em\u003e, elle conserve toute la richesse de ses actifs naturels : \u003cstrong\u003eacides gras insaturés\u003c\/strong\u003e, \u003cstrong\u003evitamine A\u003c\/strong\u003e (bêta-carotène) et \u003cstrong\u003evitamine E\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eCertifiée \u003cstrong\u003ebiologique\u003c\/strong\u003e, cette huile est présentée dans un flacon en verre ambré de 50 ml muni d'une pompe doseuse, pour une utilisation précise et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'abricot pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUne huile polyvalente à la texture sèche qui pénètre rapidement sans laisser de film gras.\u003c\/p\u003e\n \u003cdiv class=\"ab-grid\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e✨ Effet bonne mine immédiat\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa concentration en bêta-carotène, elle ravive les teints ternes et fatigués. Quelques gouttes suffisent pour retrouver un éclat lumineux, même en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eRiche en acide oléique (oméga 9) et en acide linoléique (oméga 6), elle renforce le film hydrolipidique cutané. La peau reste souple, douce et protégée des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌸 Action anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eLes vitamines A et E agissent en synergie pour aider à réduire l'apparence des rides et ridules. La peau retrouve progressivement fermeté et élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🤍 Convient à toutes les peaux\u003c\/h3\u003e\n \u003cp\u003eSa légèreté la rend aussi confortable sur les peaux mixtes que sur les peaux sèches, sensibles ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire nourrissant\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle gaine la fibre capillaire, réduit les frisottis et redonne brillance aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile noyau d'abricot au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUne huile remarquablement facile à intégrer à votre routine beauté.\u003c\/p\u003e\n \u003cdiv class=\"ab-timeline\"\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage matin et soir\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 gouttes sur une peau propre et légèrement humide. Massez doucement du centre du visage vers l'extérieur. Vous pouvez l'utiliser seule ou la mélanger à votre crème habituelle pour enrichir son pouvoir nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn huile démaquillante\u003c\/h3\u003e\n \u003cp\u003eVersez une noisette dans le creux de vos mains, massez l'ensemble du visage, puis rincez à l'eau tiède ou retirez avec un coton humide. Elle dissout efficacement le maquillage, même waterproof.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn massage corporel\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la pure ou associée à quelques gouttes d'huile essentielle de votre choix pour un massage relaxant et hydratant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs, laissez poser 30 minutes à une nuit sous une serviette, puis procédez à votre shampooing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-tip\"\u003e\n \u003cspan class=\"ab-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e sur peau légèrement humide, l'huile pénètre encore plus vite et laisse un fini soyeux incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ab-grid-compact\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧬 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003ePrunus Armeniaca Kernel Oil*\u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌰 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eAmandon du noyau d'abricot\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧴 Flacon\u003c\/h3\u003e\n \u003cp\u003eVerre ambré avec pompe doseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eQualité et engagement Saint-Hilaire\u003c\/h2\u003e\n \u003cdiv class=\"ab-testimonial\"\u003e\n \u003cp class=\"ab-testimonial-text\"\u003eLa Distillerie Saint-Hilaire, installée en Auvergne, cultive un savoir-faire artisanal depuis plusieurs décennies. Cette huile d'abricot bio est extraite à froid pour préserver l'intégralité de ses nutriments. Le flacon en verre ambré protège l'huile de l'oxydation, tandis que la pompe doseuse évite tout gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eNutriments préservés à 100 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🫙 Verre ambré\u003c\/h3\u003e\n \u003cp\u003eProtection anti-oxydation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌱 Agriculture bio\u003c\/h3\u003e\n \u003cp\u003eCertification biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire auvergnat\u003c\/h3\u003e\n \u003cp\u003eArtisanat depuis des décennies\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ab-accordion\"\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e⚠️ Usage et conservation\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage \u003cstrong\u003eexterne uniquement\u003c\/strong\u003e. Conservez le flacon bien fermé, à l'abri de la lumière directe et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue aux fruits à coque, réalisez un test cutané 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=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ab-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ab-cta-box\"\u003e\n \u003cp\u003e🍑 Offrez à votre peau l'éclat naturel de l'abricot bio d'Auvergne.\u003cbr\u003eUne huile précieuse, un geste simple, une peau lumineuse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ab-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ab-cream: #FDF5EE;\n --ab-white: #ffffff;\n --ab-primary: #2D4A3E;\n --ab-primary-dark: #1E352B;\n --ab-primary-light: #E8F0EC;\n --ab-secondary: #E8A87C;\n --ab-accent: #D4874D;\n --ab-text: #1a1a1a;\n --ab-text-light: #5a5a5a;\n --ab-border: #e8ddd4;\n --ab-shadow: 0 4px 24px rgba(45,74,62,.08);\n --ab-shadow-lg: 0 12px 48px rgba(45,74,62,.15);\n --ab-radius: 20px;\n --ab-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ab-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ab-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ab-hero {\n position: relative;\n background: linear-gradient(135deg, #2D4A3E 0%, #3A6354 40%, #D4874D 100%);\n border-radius: var(--ab-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(--ab-shadow-lg);\n}\n\n.ab-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,168,124,.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,135,77,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ab-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ab-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.ab-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ab-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ab-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ab-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(--ab-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ab-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ab-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ab-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ab-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.ab-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(--ab-primary), var(--ab-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ab-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-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.ab-highlight-box {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n border-left: 4px solid var(--ab-secondary);\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ab-text);\n line-height: 1.8;\n}\n\n.ab-highlight-box p {\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ab-card {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ab-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ab-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ab-shadow-lg);\n border-color: var(--ab-secondary);\n}\n\n.ab-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ab-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ab-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ab-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ab-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ab-grid-compact .ab-card {\n padding: 1rem;\n}\n\n.ab-grid-compact .ab-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ab-grid-compact .ab-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ab-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ab-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ab-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ab-primary), var(--ab-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.ab-timeline-content {\n flex: 1;\n background: var(--ab-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ab-radius-sm);\n box-shadow: var(--ab-shadow);\n}\n\n.ab-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ab-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ab-timeline-content p {\n font-size: 14px;\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ab-testimonial {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n border-left: 4px solid var(--ab-primary);\n}\n\n.ab-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ab-accordion {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n box-shadow: var(--ab-shadow);\n overflow: hidden;\n}\n\n.ab-accordion-item {\n border-bottom: 1px solid var(--ab-border);\n margin: 0;\n padding: 0;\n}\n\n.ab-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ab-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ab-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.ab-accordion-header:hover {\n background: var(--ab-primary-light);\n}\n\n.ab-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ab-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ab-primary);\n transition: transform .2s ease;\n}\n\n.ab-accordion-item[open] .ab-accordion-header::after {\n content: '−';\n}\n\n.ab-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ab-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ab-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ab-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ab-primary-light);\n border-radius: var(--ab-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ab-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ab-tip p {\n font-size: 14px;\n color: var(--ab-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ab-cta-box {\n background: linear-gradient(135deg, var(--ab-primary) 0%, var(--ab-accent) 100%);\n border-radius: var(--ab-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ab-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(232,168,124,.2) 0%, transparent 50%);\n}\n\n.ab-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.ab-disclaimer {\n font-size: 12px;\n color: var(--ab-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 .ab-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ab-card {\n padding: 1.125rem;\n }\n\n .ab-section {\n margin-bottom: 1.75rem;\n }\n\n .ab-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ab-radius-sm);\n }\n\n .ab-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ab-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ab-grid-compact {\n gap: .625rem;\n }\n\n .ab-grid-compact .ab-card {\n padding: .75rem;\n }\n\n .ab-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ab-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ab-timeline-content h3 {\n font-size: 14px;\n }\n\n .ab-timeline-content p {\n font-size: 13px;\n }\n\n .ab-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ab-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ab-testimonial {\n padding: 1.25rem;\n }\n\n .ab-testimonial-text {\n font-size: 14px;\n }\n\n .ab-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ab-card {\n animation: abFadeInUp .5s ease backwards;\n }\n .ab-card:nth-child(1) { animation-delay: .05s; }\n .ab-card:nth-child(2) { animation-delay: .1s; }\n .ab-card:nth-child(3) { animation-delay: .15s; }\n .ab-card:nth-child(4) { animation-delay: .2s; }\n .ab-card:nth-child(5) { animation-delay: .25s; }\n .ab-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes abFadeInUp {\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 .ab-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":54862241825145,"sku":"NBAIDSH0016","price":7.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-dabricot-bio-saint-hilaire-50-ml-ingredients.webp?v=1771577056"},{"product_id":"soin-naturel-amande-douce-50ml","title":"Huile végétale d'Amande Douce Bio - Saint-Hilaire - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile végétale d'Amande Douce Bio - Saint-Hilaire - 50ml\nPalette détectée:\n - Primaire: #2D5A3D (vert foncé du texte \"Distillerie Saint-Hilaire\" sur l'étiquette)\n - Secondaire: #C8A96E (ambre doré du flacon en verre et des amandes)\n - Accent: #E8D5B0 (beige crème de l'étiquette)\n - Fond flacon: #8B5E3C (brun ambré du verre)\nAmbiance: Naturel\/bio, artisanal, douceur, authenticité provençale\/auvergnate, cosmétique végétale\nPréfixe CSS: ad\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile d'amande douce bio : le soin végétal par excellence pour votre peau et vos cheveux\"\n 2. \"Pourquoi choisir l'huile d'amande douce ? Ses bienfaits décryptés\"\n 3. \"L'huile d'amande douce pour les cheveux : un soin capillaire naturel\"\n 4. \"L'huile d'amande douce pour bébé : douceur et sécurité\"\n 5. \"Comment utiliser cette huile végétale d'amande douce bio ?\"\n 6. \"Y a-t-il des inconvénients à l'huile d'amande douce ?\"\n 7. \"Composition\"\n 8. \"Des engagements bio et écoresponsables concrets\"\n 9. \"À qui s'adresse cette huile d'amande douce bio ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ad-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ad-hero\"\u003e\n \u003cdiv class=\"ad-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ad-hero-content\"\u003e\n \u003cdiv class=\"ad-badges-top\"\u003e\n \u003cspan class=\"ad-badge\"\u003e🌿 Certifiée Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🫒 1ère pression à froid\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🇫🇷 Conditionnée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🍶 Flacon verre 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ad-hero-title\"\u003eHuile végétale d'Amande Douce Bio\u003c\/span\u003e\n \u003cp class=\"ad-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"ad-description\"\u003eLa douceur pure de l'amande biologique, obtenue par première pression à froid. Un soin multi-usage pour toute la famille : peau, cheveux, bébé, massage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eHuile d'amande douce bio : le soin végétal par excellence pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSi vous cherchez \u003cstrong\u003eune huile végétale polyvalente, douce et efficace\u003c\/strong\u003e, vous êtes au bon endroit.\u003c\/p\u003e\n \u003cdiv class=\"ad-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile d'amande douce\u003c\/strong\u003e biologique de la Distillerie Saint-Hilaire est un trésor de simplicité : obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e à partir d'amandes cultivées en Espagne, elle conserve l'intégralité de ses nutriments précieux. Aucun raffinage, aucun additif, juste la richesse naturelle de l'amande (\u003cem\u003ePrunus dulcis\u003c\/em\u003e) dans un flacon en verre de 50 ml muni d'une pompe pratique.\u003c\/p\u003e\n \u003cp\u003eQue vous souhaitiez nourrir une peau sèche, apaiser la peau fragile de votre bébé, redonner de l'éclat à vos cheveux ou vous offrir un massage relaxant, cette \u003cstrong\u003ehuile d'amande douce\u003c\/strong\u003e saura répondre à vos attentes avec douceur et efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile d'amande douce ? Ses bienfaits décryptés\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eL'huile d'amande douce fait partie des huiles végétales les plus anciennes et les plus appréciées en cosmétique naturelle, et ce n'est pas un hasard.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧬 Riche en acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eSa composition exceptionnelle en oméga-9 (acide oléique) et oméga-6 (acide linoléique) en fait un soin nourrissant profond qui renforce le film hydrolipidique de la peau. Résultat : votre peau reste souple, protégée et confortable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🍊 Source naturelle de vitamines\u003c\/h3\u003e\n \u003cp\u003eElle concentre des vitamines A, B1, B2, B6 et surtout de la \u003cstrong\u003evitamine E\u003c\/strong\u003e, un puissant antioxydant naturel qui aide à lutter contre le vieillissement cutané prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌸 Adoucissante et apaisante\u003c\/h3\u003e\n \u003cp\u003eLes \u003cstrong\u003ebienfaits de l'huile d'amande douce\u003c\/strong\u003e sont particulièrement remarquables sur les peaux sensibles, réactives ou sujettes aux tiraillements. Elle calme les rougeurs et les démangeaisons avec une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e✨ Texture soyeuse et pénétrante\u003c\/h3\u003e\n \u003cp\u003eContrairement à certaines huiles plus épaisses, elle pénètre relativement vite sans laisser de film gras désagréable, ce qui la rend agréable en application quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eL'huile d'amande douce pour les cheveux : un soin capillaire naturel\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSi vos cheveux sont secs, cassants ou ternes, l'\u003cstrong\u003ehuile d'amande douce pour les cheveux\u003c\/strong\u003e pourrait bien devenir votre alliée indispensable.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💇 Répare les pointes\u003c\/h3\u003e\n \u003cp\u003eRedonne souplesse et brillance aux pointes sèches et fourchues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Apaise le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAction émolliente sur un cuir chevelu irrité ou sujet aux pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🛡️ Protège les cheveux\u003c\/h3\u003e\n \u003cp\u003eProtège des agressions extérieures : vent, froid, chaleur des appareils coiffants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌀 Discipline les boucles\u003c\/h3\u003e\n \u003cp\u003eLimite les frisottis et apporte de la définition aux cheveux bouclés ou frisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-tip\"\u003e\n \u003cspan class=\"ad-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e appliquez une noisette d'huile sur vos longueurs et pointes sèches, laissez poser 30 minutes à 1 heure en bain d'huile avant votre shampooing. Pour un soin express au quotidien, une ou deux gouttes sur les pointes encore humides après le lavage suffisent à les protéger et les nourrir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eL'huile d'amande douce pour bébé : douceur et sécurité\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eL'\u003cstrong\u003ehuile d'amande douce pour bébé\u003c\/strong\u003e est un grand classique, plébiscité par des générations de parents. Sa texture douce et sa composition naturelle en font un soin parfaitement adapté à la peau fragile des tout-petits.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e👶 Massage de bébé\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes réchauffées entre vos paumes suffisent pour un moment de tendresse et de détente. Le massage favorise le lien parent-enfant tout en hydratant la peau délicate de votre bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Croûtes de lait\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité sur le cuir chevelu de votre nourrisson, laissez agir quelques minutes, puis brossez délicatement avec une brosse à poils souples avant le bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🤲 Zones sèches\u003c\/h3\u003e\n \u003cp\u003eCoudes, joues, petits plis… l'huile d'amande douce nourrit et adoucit les zones qui tiraillent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-tip\"\u003e\n \u003cspan class=\"ad-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécaution :\u003c\/strong\u003e bien que très douce, il est toujours recommandé de réaliser un test cutané dans le pli du coude de votre enfant 24 heures avant la première utilisation, notamment en cas d'antécédents allergiques aux fruits à coque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile végétale d'amande douce bio ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eLa polyvalence de cette huile est l'un de ses plus grands atouts. Voici comment l'intégrer simplement à votre routine.\u003c\/p\u003e\n \u003cdiv class=\"ad-timeline\"\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSoin du visage\u003c\/h3\u003e\n \u003cp\u003eLe soir, sur une peau nettoyée, déposez 3 à 4 gouttes au creux de vos paumes et massez délicatement votre visage en mouvements ascendants. Particulièrement recommandée pour les peaux sèches, sensibles ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSoin du corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, appliquez sur la peau encore légèrement humide pour une absorption optimale. Insistez sur les zones les plus sèches : coudes, genoux, pieds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eHuile de massage\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la pure pour un massage relaxant, ou mélangez-la avec quelques gouttes d'huile essentielle de votre choix (lavande pour la détente, ylang-ylang pour la sensualité). Sa texture fluide facilite les mouvements et offre un excellent glissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eDémaquillant naturel\u003c\/h3\u003e\n \u003cp\u003eSur un coton ou directement avec les doigts, elle dissout efficacement le maquillage, même waterproof, tout en prenant soin de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eBase en aromathérapie\u003c\/h3\u003e\n \u003cp\u003eEn tant qu'huile de support, elle sert de base idéale pour diluer vos huiles essentielles avant une application cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eY a-t-il des inconvénients à l'huile d'amande douce ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSoyons transparents : comme tout produit naturel, l'\u003cstrong\u003ehuile d'amande douce\u003c\/strong\u003e présente quelques limites qu'il est important de connaître pour l'utiliser en toute sérénité.\u003c\/p\u003e\n \u003cdiv class=\"ad-accordion\"\u003e\n \u003cdetails class=\"ad-accordion-item\"\u003e\n \u003csummary class=\"ad-accordion-header\"\u003e🥜 Allergies aux fruits à coque\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003eC'est le principal point de vigilance. Si vous ou votre enfant êtes allergique aux amandes ou aux fruits à coque, cette huile est déconseillée. En cas de doute, consultez votre médecin ou votre allergologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ad-accordion-item\"\u003e\n \u003csummary class=\"ad-accordion-header\"\u003e🔬 Comédogénicité légère\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile d'amande douce a un indice de comédogénicité de 2 sur 5. Si vous avez la peau grasse ou sujette aux imperfections, privilégiez son utilisation sur le corps plutôt que sur le visage, ou testez-la progressivement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ad-accordion-item\"\u003e\n \u003csummary class=\"ad-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003eComme toute huile vierge de qualité, elle peut rancir si elle est exposée à la chaleur ou à la lumière. Conservez-la dans un endroit frais et sec, à l'abri de la lumière directe, et utilisez-la dans les 6 mois suivant l'ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ad-composition-box\"\u003e\n \u003cdiv class=\"ad-composition-main\"\u003e\n \u003ch3\u003e🌱 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003ePrunus Amygdalus Dulcis Oil*\u003c\/strong\u003e (huile d'amande douce)\u003c\/p\u003e\n \u003cp\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🫒 Mode d'obtention\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid, sans traitement chimique ni raffinage. Préserve l'intégralité des acides gras, vitamines et composés actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🇪🇸 Origine\u003c\/h3\u003e\n \u003cp\u003eAmandes cultivées en Espagne, conditionnement en France par la Distillerie Saint-Hilaire (Auvergne).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eDes engagements bio et écoresponsables concrets\u003c\/h2\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🏅 Certification Ecocert – COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCe label exigeant garantit que l'ensemble du processus de fabrication, de la culture de l'amande au conditionnement, respecte des critères environnementaux stricts et vérifiés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🍶 Flacon en verre ambré\u003c\/h3\u003e\n \u003cp\u003eRecyclable et protecteur, il préserve l'huile de la lumière et assure une meilleure conservation de ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💧 Pompe doseuse\u003c\/h3\u003e\n \u003cp\u003eElle vous permet de prélever la juste quantité, sans gaspillage ni contamination du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire Distillerie Saint-Hilaire\u003c\/h3\u003e\n \u003cp\u003eImplantée en Auvergne, cette distillerie artisanale perpétue un savoir-faire rigoureux, en privilégiant des matières premières biologiques et traçables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile d'amande douce bio ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eElle convient à \u003cstrong\u003etoute la famille\u003c\/strong\u003e, des nourrissons aux adultes, et s'adapte à de nombreuses situations.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Peaux sèches et sensibles\u003c\/h3\u003e\n \u003cp\u003eLes personnes à la peau sèche, sensible ou réactive qui cherchent un soin nourrissant sans ingrédient superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e👶 Jeunes parents\u003c\/h3\u003e\n \u003cp\u003eLes jeunes parents souhaitant un soin naturel et sûr pour la peau de leur bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs et abîmés\u003c\/h3\u003e\n \u003cp\u003eLes personnes aux cheveux secs, abîmés ou indisciplinés en quête d'un soin capillaire simple et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧘 Amateurs d'aromathérapie\u003c\/h3\u003e\n \u003cp\u003eLes amateurs d'aromathérapie et de massage qui recherchent une huile de support de qualité biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌿 Routine simplifiée\u003c\/h3\u003e\n \u003cp\u003eToute personne souhaitant simplifier sa routine beauté avec un produit multi-usage, naturel et certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + Précautions --\u003e\n \u003csection class=\"ad-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ad-cta-box\"\u003e\n \u003cp\u003e🌿 L'huile d'amande douce bio Saint-Hilaire : un seul geste pour nourrir, apaiser et sublimer votre peau et vos cheveux, au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-disclaimer\"\u003e\u003cstrong\u003ePrécautions d'emploi :\u003c\/strong\u003e cette huile végétale est un soin cosmétique et ne remplace en aucun cas un traitement médical. En cas de doute, notamment en cas d'allergie connue aux fruits à coque, consultez un professionnel de santé avant utilisation. Réservé à un usage externe. 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 --ad-cream: #FAF7F2;\n --ad-white: #ffffff;\n --ad-primary: #2D5A3D;\n --ad-primary-dark: #1E3F2B;\n --ad-primary-light: #EDF5F0;\n --ad-secondary: #C8A96E;\n --ad-accent: #E8D5B0;\n --ad-text: #1a1a1a;\n --ad-text-light: #5a5a5a;\n --ad-border: #e0ddd8;\n --ad-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ad-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ad-radius: 20px;\n --ad-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ad-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ad-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ad-hero {\n position: relative;\n background: linear-gradient(135deg, #1E3F2B 0%, #2D5A3D 40%, #3D7A52 70%, #C8A96E 100%);\n border-radius: var(--ad-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(--ad-shadow-lg);\n}\n\n.ad-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,169,110,.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,169,110,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ad-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ad-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.ad-subtitle {\n color: var(--ad-accent);\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.ad-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.ad-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ad-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(--ad-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ad-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ad-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ad-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ad-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.ad-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(--ad-primary), var(--ad-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ad-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ad-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.ad-card {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ad-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ad-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ad-shadow-lg);\n border-color: var(--ad-primary);\n}\n\n.ad-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ad-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ad-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ad-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ad-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ad-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ad-grid-compact .ad-card {\n padding: 1rem;\n}\n\n.ad-grid-compact .ad-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ad-grid-compact .ad-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ad-highlight-box {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ad-shadow);\n border-left: 4px solid var(--ad-secondary);\n}\n\n.ad-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--ad-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.ad-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ad-composition-box {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.ad-composition-main {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ad-shadow);\n text-align: center;\n border: 2px solid var(--ad-primary-light);\n}\n\n.ad-composition-main h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--ad-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.ad-composition-main p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--ad-text-light);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.ad-composition-main p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.ad-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ad-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ad-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ad-primary), var(--ad-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.ad-timeline-content {\n flex: 1;\n background: var(--ad-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ad-radius-sm);\n box-shadow: var(--ad-shadow);\n}\n\n.ad-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ad-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ad-timeline-content p {\n font-size: 14px;\n color: var(--ad-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ad-testimonial {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ad-shadow);\n border-left: 4px solid var(--ad-primary);\n}\n\n.ad-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ad-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ad-accordion {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n box-shadow: var(--ad-shadow);\n overflow: hidden;\n}\n\n.ad-accordion-item {\n border-bottom: 1px solid var(--ad-border);\n margin: 0;\n padding: 0;\n}\n\n.ad-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ad-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ad-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.ad-accordion-header:hover {\n background: var(--ad-primary-light);\n}\n\n.ad-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ad-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ad-primary);\n transition: transform .2s ease;\n}\n\n.ad-accordion-item[open] .ad-accordion-header::after {\n content: '−';\n}\n\n.ad-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ad-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ad-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ad-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ad-primary-light);\n border-radius: var(--ad-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ad-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ad-tip p {\n font-size: 14px;\n color: var(--ad-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ad-cta-box {\n background: linear-gradient(135deg, var(--ad-primary) 0%, var(--ad-primary-dark) 100%);\n border-radius: var(--ad-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ad-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.ad-disclaimer {\n font-size: 12px;\n color: var(--ad-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 .ad-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ad-card {\n padding: 1.125rem;\n }\n\n .ad-section {\n margin-bottom: 1.75rem;\n }\n\n .ad-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ad-radius-sm);\n }\n\n .ad-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ad-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ad-grid-compact {\n gap: .625rem;\n }\n\n .ad-grid-compact .ad-card {\n padding: .75rem;\n }\n\n .ad-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ad-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ad-timeline-content h3 {\n font-size: 14px;\n }\n\n .ad-timeline-content p {\n font-size: 13px;\n }\n\n .ad-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ad-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ad-testimonial {\n padding: 1.25rem;\n }\n\n .ad-testimonial-text {\n font-size: 14px;\n }\n\n .ad-highlight-box {\n padding: 1.25rem;\n }\n\n .ad-highlight-box p {\n font-size: 14px;\n }\n\n .ad-composition-main {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ad-card {\n animation: adFadeInUp .5s ease backwards;\n }\n .ad-card:nth-child(1) { animation-delay: .05s; }\n .ad-card:nth-child(2) { animation-delay: .1s; }\n .ad-card:nth-child(3) { animation-delay: .15s; }\n .ad-card:nth-child(4) { animation-delay: .2s; }\n .ad-card:nth-child(5) { animation-delay: .25s; }\n .ad-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes adFadeInUp {\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 .ad-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":54862249525625,"sku":"NBAIDSH0015","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-amande-douce-bio-saint-hilaire-50ml.jpg?v=1770369943"},{"product_id":"huile-arnica-bio-saint-hilaire-50ml","title":"Huile Végétale d'Arnica Bio - Saint-Hilaire - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale d'Arnica Bio - Saint-Hilaire - 50ml\nPalette détectée:\n - Primaire: #2D5A27 (vert foncé du logo Distillerie Saint-Hilaire)\n - Secondaire: #E8B830 (jaune doré de la bande Arnica sur l'étiquette)\n - Accent: #C47A2A (brun ambré du flacon en verre)\nAmbiance: Naturel\/bio, artisanal français, terroir montagnard, authenticité, tradition herboriste\nPréfixe CSS: arn\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Macérat huileux d'arnica bio : l'allié naturel de votre confort musculaire et articulaire\"\n 2. \"Pourquoi choisir l'huile d'arnica pour votre peau et vos muscles ?\"\n 3. \"Comment utiliser le macérat huileux d'arnica bio ?\"\n 4. \"Composition complète (INCI)\"\n 5. \"Ce qui distingue cette huile d'arnica des autres\"\n 6. \"Pour qui est faite cette huile ?\"\n 7. \"Précautions d'emploi\"\n 8. \"La Distillerie Saint-Hilaire : l'excellence auvergnate au service du naturel\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"arn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"arn-hero\"\u003e\n \u003cdiv class=\"arn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arn-hero-content\"\u003e\n \u003cdiv class=\"arn-badges-top\"\u003e\n \u003cspan class=\"arn-badge\"\u003e🌿 Bio \u0026amp; équitable\u003c\/span\u003e\n \u003cspan class=\"arn-badge\"\u003e🏔️ Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"arn-badge\"\u003e🌻 Arnica montana\u003c\/span\u003e\n \u003cspan class=\"arn-badge\"\u003e💧 Flacon 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arn-hero-title\"\u003eHuile végétale d'Arnica Bio\u003c\/span\u003e\n \u003cp class=\"arn-subtitle\"\u003eDistillerie Saint-Hilaire — Macérat huileux artisanal\u003c\/p\u003e\n \u003cp class=\"arn-description\"\u003eUn concentré de fleurs d'arnica sauvages, macérées avec soin dans une huile végétale biologique pour offrir confort musculaire, apaisement des bleus et éclat naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"arn-section\"\u003e\n \u003ch2\u003eMacérat huileux d'arnica bio : l'allié naturel de votre confort musculaire et articulaire\u003c\/h2\u003e\n \u003cp class=\"arn-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile d'arnica\u003c\/strong\u003e de qualité, issue d'un savoir-faire artisanal français ? Le \u003cstrong\u003emacérat huileux d'Arnica montana biologique\u003c\/strong\u003e de la Distillerie Saint-Hilaire est bien plus qu'une simple huile de massage : c'est un concentré de nature, élaboré en Auvergne à partir de \u003cstrong\u003efleurs d'arnica sauvages\u003c\/strong\u003e soigneusement macérées dans une huile végétale biologique. Un procédé ancestral qui permet de capturer toute la richesse en principes actifs de cette plante de montagne emblématique.\u003c\/p\u003e\n \u003cdiv class=\"arn-grid-compact\"\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🏅 Double certification\u003c\/h3\u003e\n \u003cp\u003eBiologique et équitable, pour le respect de l'environnement et des producteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🌼 Partie macérée : fleurs\u003c\/h3\u003e\n \u003cp\u003eLes fleurs concentrent le plus de principes actifs : lactones sesquiterpéniques, flavonoïdes, caroténoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🧪 Savoir-faire ancestral\u003c\/h3\u003e\n \u003cp\u003eMacération artisanale en Auvergne, fidèle aux procédés traditionnels de l'herboristerie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eProduit élaboré par la Distillerie Saint-Hilaire, au cœur du terroir auvergnat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"arn-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile d'arnica pour votre peau et vos muscles ?\u003c\/h2\u003e\n \u003cp class=\"arn-section-intro\"\u003eL'\u003cstrong\u003earnica montana\u003c\/strong\u003e est utilisée depuis des siècles dans la tradition herboriste européenne. Sous forme de macérat huileux, ses bienfaits se déploient pleinement lors d'une application cutanée directe.\u003c\/p\u003e\n \u003cdiv class=\"arn-grid\"\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e💪 Confort musculaire et articulaire\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les sportifs — course à pied, randonnée, vélo, musculation — cette huile s'utilise en massage pour \u003cstrong\u003epréparer les muscles avant l'effort\u003c\/strong\u003e et \u003cstrong\u003efavoriser la récupération\u003c\/strong\u003e ensuite. Appliquée en friction douce, elle aide à décontracter les tensions et à limiter l'apparition des courbatures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🩹 Atténuation des bleus et petits chocs\u003c\/h3\u003e\n \u003cp\u003eUn coup, un bleu, une bosse chez votre enfant (dès 6 ans) : l'arnica est le réflexe naturel par excellence. Ses propriétés apaisantes aident à \u003cstrong\u003eréduire l'apparence des hématomes\u003c\/strong\u003e et à calmer l'inconfort des contusions superficielles. Plus le massage est rapide après le choc, plus l'efficacité est perceptible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🦵 Sensation de légèreté pour les jambes\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eJambes lourdes\u003c\/strong\u003e en fin de journée, chaleur ou longue station debout ? Un massage doux en remontant des chevilles vers les cuisses contribue à \u003cstrong\u003estimuler la microcirculation\u003c\/strong\u003e et offre une agréable sensation de fraîcheur et de légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e✨ Soin anti-âge et éclat de la peau\u003c\/h3\u003e\n \u003cp\u003eRiche en \u003cstrong\u003eantioxydants naturels\u003c\/strong\u003e (caroténoïdes, flavonoïdes), l'arnica aide à \u003cstrong\u003elutter contre le stress oxydatif\u003c\/strong\u003e responsable du vieillissement prématuré. Utilisée sur le visage ou le décolleté, elle apporte souplesse et éclat aux peaux ternes ou fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"arn-section\"\u003e\n \u003ch2\u003eComment utiliser le macérat huileux d'arnica bio ?\u003c\/h2\u003e\n \u003cp class=\"arn-section-intro\"\u003eL'un des grands avantages de cette huile est sa \u003cstrong\u003epolyvalence d'utilisation\u003c\/strong\u003e. Voici nos conseils concrets pour en tirer le meilleur parti :\u003c\/p\u003e\n \u003cdiv class=\"arn-timeline\"\u003e\n \u003cdiv class=\"arn-timeline-item\"\u003e\n \u003cdiv class=\"arn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-content\"\u003e\n \u003ch3\u003e🏃 En massage sportif\u003c\/h3\u003e\n \u003cp\u003ePrélevez 4 à 6 pressions de pompe dans le creux de votre main. Réchauffez l'huile entre vos paumes, puis massez les zones concernées (mollets, cuisses, épaules, dos) avec des mouvements lents et appuyés pendant 5 à 10 minutes. Idéal avant et après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-item\"\u003e\n \u003cdiv class=\"arn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-content\"\u003e\n \u003ch3\u003e🩹 Sur un bleu ou une bosse\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité directement sur la zone touchée et massez très délicatement en cercles légers, 2 à 3 fois par jour, jusqu'à amélioration visible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-item\"\u003e\n \u003cdiv class=\"arn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-content\"\u003e\n \u003ch3\u003e🦶 Pour les jambes lourdes\u003c\/h3\u003e\n \u003cp\u003eMassez toujours du bas vers le haut, en partant de la cheville et en remontant vers le genou, puis la cuisse. Pratiquez ce massage le soir, après votre douche, pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-item\"\u003e\n \u003cdiv class=\"arn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-content\"\u003e\n \u003ch3\u003e🌿 En synergie aromatique\u003c\/h3\u003e\n \u003cp\u003eCe macérat huileux constitue une excellente \u003cstrong\u003ehuile de base\u003c\/strong\u003e pour diluer vos huiles essentielles. Associez-le par exemple à 2 gouttes d'huile essentielle de gaulthérie ou d'eucalyptus citronné pour renforcer l'effet apaisant lors d'un massage musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-item\"\u003e\n \u003cdiv class=\"arn-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-content\"\u003e\n \u003ch3\u003e🧴 En soin visage anti-âge\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 gouttes sur le visage propre et sec, matin ou soir, en massant du centre vers l'extérieur du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-tip\"\u003e\n \u003cspan class=\"arn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e Le flacon pompe de 50 ml est très pratique à emporter dans votre sac de sport ou en voyage. Il permet un dosage précis et évite tout gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"arn-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp class=\"arn-section-intro\"\u003eCe macérat huileux ne contient que le strict nécessaire, sans aucun additif de synthèse :\u003c\/p\u003e\n \u003cdiv class=\"arn-grid\"\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🌻 Helianthus Annuus Seed Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de tournesol biologique, utilisée comme huile de macération. Riche en vitamine E et en acides gras essentiels, elle nourrit la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🌼 Arnica Montana Flower Extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de fleurs d'arnica montana obtenu par macération. Source de lactones sesquiterpéniques, flavonoïdes et caroténoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🛡️ Tocopherol\u003c\/h3\u003e\n \u003cp\u003eVitamine E naturelle, antioxydant qui protège l'huile de l'oxydation et prolonge sa conservation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-tip\"\u003e\n \u003cspan class=\"arn-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. 100 % des ingrédients sont d'origine naturelle.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🌸 Partie macérée\u003c\/h3\u003e\n \u003cp\u003eFleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-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=\"arn-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🧴 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eVerre ambré + pompe doseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"arn-section\"\u003e\n \u003ch2\u003eCe qui distingue cette huile d'arnica des autres\u003c\/h2\u003e\n \u003cp class=\"arn-section-intro\"\u003eVous vous demandez pourquoi choisir ce macérat plutôt qu'une huile arnica d'une autre marque ? Voici les éléments qui font la différence :\u003c\/p\u003e\n \u003cdiv class=\"arn-grid\"\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🏔️ Fabrication artisanale en Auvergne\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire perpétue un savoir-faire de distillation et de macération ancré dans le terroir auvergnat. Les fleurs sont sélectionnées avec soin, dans le respect des écosystèmes montagnards.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🤝 Double engagement bio et équitable\u003c\/h3\u003e\n \u003cp\u003eAu-delà de la certification biologique, la démarche équitable garantit une rémunération juste des cueilleurs et producteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🫙 Flacon en verre ambré\u003c\/h3\u003e\n \u003cp\u003eLe verre ambré protège les actifs de la lumière et préserve la qualité de l'huile dans le temps, contrairement aux contenants en plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🧴 Formule minimaliste\u003c\/h3\u003e\n \u003cp\u003ePas de conservateurs de synthèse, pas de parfums artificiels, pas d'huiles minérales. Seulement l'essentiel pour une efficacité naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🤲 Texture agréable\u003c\/h3\u003e\n \u003cp\u003eCe macérat pénètre facilement sans laisser de film gras, ce qui le rend particulièrement agréable en huile de massage comme en soin quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"arn-section\"\u003e\n \u003ch2\u003ePour qui est faite cette huile ?\u003c\/h2\u003e\n \u003cdiv class=\"arn-grid\"\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🏃 Les sportifs\u003c\/h3\u003e\n \u003cp\u003eAmateurs comme confirmés, pour un soin naturel de préparation et de récupération musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e💼 Les personnes actives\u003c\/h3\u003e\n \u003cp\u003eSouffrant de tensions liées à leur posture de travail : dos, épaules, nuque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Les parents\u003c\/h3\u003e\n \u003cp\u003eUn remède naturel pour les petits bleus et bosses des enfants de plus de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🌿 Les amateurs d'aromathérapie\u003c\/h3\u003e\n \u003cp\u003eUne huile de base de qualité biologique pour toutes vos synergies aromatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🇫🇷 Les adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eToute personne soucieuse de privilégier des soins corporels biologiques, naturels et fabriqués en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"arn-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"arn-accordion\"\u003e\n \u003cdetails class=\"arn-accordion-item\"\u003e\n \u003csummary class=\"arn-accordion-header\"\u003e🚫 Usage et restrictions\u003c\/summary\u003e\n \u003cdiv class=\"arn-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Ne jamais ingérer. Ne pas appliquer sur une \u003cstrong\u003epeau lésée\u003c\/strong\u003e, des plaies ouvertes ou des muqueuses. Éviter tout contact avec les yeux — en cas de contact accidentel, rincer abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arn-accordion-item\"\u003e\n \u003csummary class=\"arn-accordion-header\"\u003e👶 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"arn-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux enfants de moins de 6 ans, aux femmes enceintes et allaitantes, sauf avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arn-accordion-item\"\u003e\n \u003csummary class=\"arn-accordion-header\"\u003e🌼 Allergies aux Astéracées\u003c\/summary\u003e\n \u003cdiv class=\"arn-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue aux plantes de la famille des Astéracées (marguerites, camomille, souci…), effectuez un \u003cstrong\u003etest cutané\u003c\/strong\u003e 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=\"arn-accordion-item\"\u003e\n \u003csummary class=\"arn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"arn-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière directe et de la chaleur, dans un endroit sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arn-accordion-item\"\u003e\n \u003csummary class=\"arn-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"arn-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique \u003cstrong\u003ene remplace pas un avis ou un traitement médical\u003c\/strong\u003e. En cas de douleur persistante, de gonflement important ou 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!-- H2 #8 --\u003e\n \u003csection class=\"arn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLa Distillerie Saint-Hilaire : l'excellence auvergnate au service du naturel\u003c\/h2\u003e\n \u003cdiv class=\"arn-testimonial\"\u003e\n \u003cp class=\"arn-testimonial-text\"\u003eInstallée au cœur de l'Auvergne, la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e est une entreprise familiale spécialisée dans la distillation de plantes et la production d'huiles essentielles et de macérats huileux biologiques. Chaque produit est le fruit d'un \u003cstrong\u003esavoir-faire artisanal rigoureux\u003c\/strong\u003e, alliant respect des traditions et exigences de qualité modernes. Les plantes sont sélectionnées localement ou issues de filières équitables, et chaque lot est contrôlé pour garantir pureté, traçabilité et efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🌿 Choisir Saint-Hilaire, c'est soutenir une \u003cstrong\u003eproduction locale et responsable\u003c\/strong\u003e, tout en vous offrant le meilleur de la nature auvergnate dans votre salle de bain ou votre trousse de soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arn-cream: #FAF8F3;\n --arn-white: #ffffff;\n --arn-primary: #2D5A27;\n --arn-primary-dark: #1E3D1A;\n --arn-primary-light: #EAF2E8;\n --arn-secondary: #E8B830;\n --arn-accent: #C47A2A;\n --arn-text: #1a1a1a;\n --arn-text-light: #5a5a5a;\n --arn-border: #e0e0e0;\n --arn-shadow: 0 4px 24px rgba(0,0,0,.08);\n --arn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --arn-radius: 20px;\n --arn-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.arn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arn-hero {\n position: relative;\n background: linear-gradient(135deg, #1E3D1A 0%, #2D5A27 40%, #3A7233 70%, #C47A2A 100%);\n border-radius: var(--arn-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(--arn-shadow-lg);\n}\n\n.arn-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,184,48,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(196,122,42,.08) 0%, transparent 60%);\n opacity: 1;\n}\n\n.arn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.arn-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.arn-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.arn-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\/* === BADGES === *\/\n.arn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.arn-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(--arn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.arn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arn-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.arn-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(--arn-primary), var(--arn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.arn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--arn-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.arn-section-intro strong {\n color: var(--arn-text);\n}\n\n\/* === CARDS === *\/\n.arn-card {\n background: var(--arn-white);\n border-radius: var(--arn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arn-shadow-lg);\n border-color: var(--arn-primary);\n}\n\n.arn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.arn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arn-card p strong {\n color: var(--arn-text);\n}\n\n\/* === GRILLES === *\/\n.arn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.arn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.arn-grid-compact .arn-card {\n padding: 1rem;\n}\n\n.arn-grid-compact .arn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.arn-grid-compact .arn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.arn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.arn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.arn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--arn-primary), var(--arn-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.arn-timeline-content {\n flex: 1;\n background: var(--arn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--arn-radius-sm);\n box-shadow: var(--arn-shadow);\n}\n\n.arn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--arn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.arn-timeline-content p {\n font-size: 14px;\n color: var(--arn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arn-timeline-content p strong {\n color: var(--arn-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.arn-testimonial {\n background: var(--arn-white);\n border-radius: var(--arn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--arn-shadow);\n border-left: 4px solid var(--arn-primary);\n}\n\n.arn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--arn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.arn-testimonial-text strong {\n color: var(--arn-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.arn-accordion {\n background: var(--arn-white);\n border-radius: var(--arn-radius);\n box-shadow: var(--arn-shadow);\n overflow: hidden;\n}\n\n.arn-accordion-item {\n border-bottom: 1px solid var(--arn-border);\n margin: 0;\n padding: 0;\n}\n\n.arn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arn-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.arn-accordion-header:hover {\n background: var(--arn-primary-light);\n}\n\n.arn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--arn-primary);\n transition: transform .2s ease;\n}\n\n.arn-accordion-item[open] .arn-accordion-header::after {\n content: '−';\n}\n\n.arn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.arn-accordion-content p {\n margin: 0;\n}\n\n.arn-accordion-content p strong {\n color: var(--arn-text);\n}\n\n\/* === TIP BOX === *\/\n.arn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--arn-primary-light);\n border-radius: var(--arn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.arn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.arn-tip p {\n font-size: 14px;\n color: var(--arn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.arn-cta-box {\n background: linear-gradient(135deg, var(--arn-primary) 0%, var(--arn-primary-dark) 100%);\n border-radius: var(--arn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.arn-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 .arn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .arn-card {\n padding: 1.125rem;\n }\n\n .arn-section {\n margin-bottom: 1.75rem;\n }\n\n .arn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arn-radius-sm);\n }\n\n .arn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .arn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .arn-grid-compact {\n gap: .625rem;\n }\n\n .arn-grid-compact .arn-card {\n padding: .75rem;\n }\n\n .arn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .arn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .arn-timeline-content h3 {\n font-size: 14px;\n }\n\n .arn-timeline-content p {\n font-size: 13px;\n }\n\n .arn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .arn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .arn-testimonial {\n padding: 1.25rem;\n }\n\n .arn-testimonial-text {\n font-size: 14px;\n }\n\n .arn-section-intro {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arn-card {\n animation: arnFadeInUp .5s ease backwards;\n }\n .arn-card:nth-child(1) { animation-delay: .05s; }\n .arn-card:nth-child(2) { animation-delay: .1s; }\n .arn-card:nth-child(3) { animation-delay: .15s; }\n .arn-card:nth-child(4) { animation-delay: .2s; }\n .arn-card:nth-child(5) { animation-delay: .25s; }\n .arn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes arnFadeInUp {\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 .arn-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":54862302577017,"sku":"NBAIDSH0004","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-d-arnica-saint-hilaire-50-ml-min.jpg?v=1737048037"},{"product_id":"huile-vegetale-calendula-bio-saint-hilaire","title":"Huile Végétale de Calendula Bio - Saint-Hilaire - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Calendula Bio - Saint-Hilaire - 50ml\nPalette détectée:\n - Primaire: #D4891C (jaune-orangé doré du bandeau Calendula sur l'étiquette)\n - Secondaire: #5C3A1E (brun ambre du flacon en verre)\n - Accent: #E8A830 (jaune vif des fleurs de calendula)\nAmbiance: Naturel\/bio, artisanal français, herboristerie traditionnelle, douceur maternelle, Auvergne\nPréfixe CSS: cal\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Macérat huileux de Calendula biologique : l'allié des peaux sensibles\"\n 2. \"Huile de calendula : bienfaits pour la peau\"\n 3. \"Pour quelles situations utiliser l'huile de calendula ?\"\n 4. \"Comment utiliser ce macérat huileux de calendula ?\"\n 5. \"Composition complète (INCI)\"\n 6. \"Pourquoi choisir le macérat de calendula Saint-Hilaire ?\"\n 7. \"Précautions d'emploi et conservation\"\n 8. \"Questions fréquentes sur l'huile de calendula\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cal-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cal-hero\"\u003e\n \u003cdiv class=\"cal-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cal-hero-content\"\u003e\n \u003cdiv class=\"cal-badges-top\"\u003e\n \u003cspan class=\"cal-badge\"\u003e🌿 Certifié biologique\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e🌼 100% naturel\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e👶 Convient aux bébés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cal-hero-title\"\u003eHuile végétale de Calendula bio\u003c\/span\u003e\n \u003cp class=\"cal-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml avec pompe doseuse\u003c\/p\u003e\n \u003cp class=\"cal-description\"\u003eLe macérat huileux artisanal d'exception pour apaiser, nourrir et réparer les peaux les plus sensibles — du nourrisson à l'adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eMacérat huileux de Calendula biologique : l'allié des peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de calendula\u003c\/strong\u003e authentique, douce et véritablement efficace pour prendre soin des peaux les plus fragiles ?\u003c\/p\u003e\n \u003cdiv class=\"cal-highlight-box\"\u003e\n \u003cp\u003eCe \u003cstrong\u003emacérat huileux de Calendula bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est obtenu selon un procédé artisanal ancestral : les fleurs de \u003cem\u003eCalendula officinalis\u003c\/em\u003e — le fameux « Souci des jardins » — sont longuement macérées dans une \u003cstrong\u003ehuile de tournesol biologique\u003c\/strong\u003e, permettant d'en capturer toute la richesse en principes actifs apaisants et réparateurs.\u003c\/p\u003e\n \u003cp\u003eFabriqué en Auvergne par une distillerie reconnue pour son savoir-faire et son exigence de qualité, ce flacon de 50 ml avec pompe doseuse vous accompagne au quotidien pour apaiser, nourrir et protéger votre peau, celle de vos proches et même celle des tout-petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eHuile de calendula : bienfaits pour la peau\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eLe calendula est l'une des plantes les plus étudiées et les plus appréciées en cosmétique naturelle. Ses fleurs regorgent de \u003cstrong\u003eflavonoïdes\u003c\/strong\u003e, de \u003cstrong\u003ecaroténoïdes\u003c\/strong\u003e et d'\u003cstrong\u003eesters faradiol\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌸 Apaisante pour les peaux irritées\u003c\/h3\u003e\n \u003cp\u003eRougeurs, tiraillements, petites irritations du quotidien… L'huile au calendula calme rapidement les inconforts cutanés. Un réflexe naturel en cas de peau échauffée par le soleil, le froid ou le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e✨ Réparatrice et régénérante\u003c\/h3\u003e\n \u003cp\u003eElle soutient le processus naturel de réparation de la peau. Gerçures, crevasses, petites zones abîmées ou dessèchement : elle favorise le renouvellement cellulaire pour une peau saine et souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💧 Nourrissante en profondeur\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'huile de tournesol bio, ce macérat est riche en acides gras essentiels (oméga 6, oméga 9) et en vitamine E. Il nourrit intensément sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🛡️ Adoucissante et protectrice\u003c\/h3\u003e\n \u003cp\u003eSes propriétés émollientes assouplissent la peau et renforcent la barrière cutanée. Les antioxydants naturels aident à lutter contre le stress oxydatif et le vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e👶 Adaptée aux peaux délicates\u003c\/h3\u003e\n \u003cp\u003eSa grande douceur en fait un soin de choix pour les peaux réactives, atopiques, ainsi que pour la peau fragile des bébés et des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-tip\"\u003e\n \u003cspan class=\"cal-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e il n'existe pas d'\u003cstrong\u003ehuile essentielle de calendula\u003c\/strong\u003e à proprement parler. Le calendula ne se distille pas comme la lavande ou le tea tree. C'est bien sous forme de \u003cstrong\u003emacérat huileux\u003c\/strong\u003e (aussi appelé huile de calendula) que l'on profite de ses bienfaits en cosmétique. Une nuance importante pour bien choisir votre produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003ePour quelles situations utiliser l'huile de calendula ?\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eCe macérat huileux est d'une polyvalence remarquable. Voici les situations concrètes dans lesquelles il peut devenir votre meilleur allié :\u003c\/p\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e😊 Rougeurs et irritations du visage\u003c\/h3\u003e\n \u003cp\u003eIdéal en soin quotidien pour les peaux sensibles sujettes aux rougeurs diffuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🧤 Mains sèches et gerçures hivernales\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes suffisent pour réparer et assouplir la peau des mains abîmée par le froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e👶 Peau de bébé\u003c\/h3\u003e\n \u003cp\u003eParfait en massage doux pour apaiser les petites irritations liées aux couches ou aux frottements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e☀️ Après-soleil naturel\u003c\/h3\u003e\n \u003cp\u003eEn application sur une peau échauffée par le soleil, il apporte un soulagement immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🦵 Zones de sécheresse localisées\u003c\/h3\u003e\n \u003cp\u003eCoudes, genoux, talons… les zones rugueuses retrouvent souplesse et confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌀 Vergetures et cicatrices récentes\u003c\/h3\u003e\n \u003cp\u003eEn massage régulier, il contribue à améliorer l'aspect de la peau et à soutenir sa régénération naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💆 Base de massage\u003c\/h3\u003e\n \u003cp\u003eUtilisé seul ou avec quelques gouttes d'huiles essentielles adaptées, il constitue une excellente huile de massage corporel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eComment utiliser ce macérat huileux de calendula ?\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eGrâce à sa \u003cstrong\u003epompe doseuse pratique\u003c\/strong\u003e, l'application est simple et hygiénique :\u003c\/p\u003e\n \u003cdiv class=\"cal-timeline\"\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et légèrement humide, appliquez 3 à 4 pressions de pompe. Massez délicatement du centre du visage vers l'extérieur, matin et\/ou soir. Votre peau absorbe rapidement l'huile, sans sensation de gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn soin corps localisé\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur la zone concernée, 2 à 3 fois par jour, en massant doucement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn massage bébé\u003c\/h3\u003e\n \u003cp\u003eRéchauffez une petite quantité entre vos paumes, puis massez tendrement le corps de bébé après le bain. Un moment de douceur et de complicité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn synergie avec des huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eUtilisez ce macérat comme huile de support pour diluer vos huiles essentielles (lavande vraie, camomille romaine, tea tree…) selon vos besoins et les conseils d'un professionnel.\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=\"cal-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eSeulement \u003cstrong\u003edeux ingrédients\u003c\/strong\u003e pour une formule d'une simplicité et d'une pureté exemplaires.\u003c\/p\u003e\n \u003cdiv class=\"cal-grid-compact\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌻 Helianthus Annuus Seed Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de tournesol biologique — support de macération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌼 Calendula Officinalis Flower Extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de fleurs de Calendula officinal biologique — partie macérée : fleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-tip\"\u003e\n \u003cspan class=\"cal-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e Pas de parfum synthétique, pas de conservateur artificiel, pas d'additif superflu. Juste l'essentiel, certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003ePourquoi choisir le macérat de calendula Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🏔️ Fabrication artisanale en Auvergne\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire perpétue un savoir-faire régional et maîtrise chaque étape de la production, de la plante au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌿 Certification biologique\u003c\/h3\u003e\n \u003cp\u003eLes fleurs de calendula et l'huile de tournesol utilisées sont issues de l'agriculture biologique, garantissant un produit exempt de pesticides et de produits chimiques de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🫙 Flacon en verre ambré\u003c\/h3\u003e\n \u003cp\u003eLe contenant protège les actifs de la lumière et de l'oxydation, préservant la qualité de l'huile dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💧 Pompe doseuse\u003c\/h3\u003e\n \u003cp\u003eElle assure un dosage précis et une utilisation hygiénique, évitant tout contact direct avec le contenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e✈️ Format 50 ml pratique\u003c\/h3\u003e\n \u003cp\u003eFacile à emporter en voyage ou à glisser dans votre trousse de soin, tout en offrant plusieurs semaines d'utilisation grâce à la concentration du macérat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"cal-accordion\"\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🚫 Usage externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux. En cas de projection oculaire, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eAvant une première utilisation, réalisez un \u003cstrong\u003etest cutané\u003c\/strong\u003e dans le pli du coude et attendez 24 heures pour vérifier l'absence de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e👶 Enfants de moins de 3 ans\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis d'un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon \u003cstrong\u003eà l'abri de la lumière et de la chaleur\u003c\/strong\u003e, dans un endroit frais et sec. Refermez bien la pompe après chaque utilisation pour préserver la fraîcheur du macérat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"cal-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème de peau persistant (eczéma, dermatite, psoriasis…), consultez un dermatologue ou votre médecin traitant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"cal-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de calendula\u003c\/h2\u003e\n \u003cdiv class=\"cal-accordion\"\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eQuelle est la différence entre huile de calendula et huile essentielle de calendula ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eIl n'existe pas véritablement d'huile essentielle de calendula obtenue par distillation classique. Ce que l'on appelle couramment « \u003cstrong\u003ehuile de calendula\u003c\/strong\u003e » est en réalité un \u003cstrong\u003emacérat huileux\u003c\/strong\u003e : les fleurs sont mises à macérer dans une huile végétale (ici, du tournesol bio) pendant plusieurs semaines. C'est ce procédé qui permet d'obtenir un soin concentré en actifs apaisants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eL'huile de calendula convient-elle aux bébés ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, le macérat huileux de calendula est reconnu pour sa grande douceur et est traditionnellement utilisé pour le soin de la peau des nourrissons et des jeunes enfants. Pour les bébés de moins de 3 mois, un avis médical est toutefois recommandé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003ePeut-on utiliser l'huile de calendula sur le visage ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. Elle est même particulièrement recommandée pour les peaux sensibles et réactives du visage. Appliquez-la le soir sur peau propre pour un effet nourrissant et apaisant optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eL'huile de calendula est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eLe macérat de calendula sur base de tournesol a un \u003cstrong\u003eindice de comédogénicité faible\u003c\/strong\u003e (environ 0 à 1). Il convient donc à la plupart des types de peau, y compris les peaux mixtes, sans risque majeur de boucher les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eCombien de temps se conserve ce macérat ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eConservé dans de bonnes conditions (à l'abri de la chaleur et de la lumière), le macérat huileux de calendula se conserve généralement 6 à 12 mois après ouverture. Référez-vous à la date indiquée sur le flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cal-cream: #FDF8F0;\n --cal-white: #ffffff;\n --cal-primary: #D4891C;\n --cal-primary-dark: #5C3A1E;\n --cal-primary-light: #FFF5E6;\n --cal-secondary: #E8A830;\n --cal-accent: #F0C044;\n --cal-text: #1a1a1a;\n --cal-text-light: #5a5a5a;\n --cal-border: #EDE3D6;\n --cal-shadow: 0 4px 24px rgba(92, 58, 30, .08);\n --cal-shadow-lg: 0 12px 48px rgba(92, 58, 30, .15);\n --cal-radius: 20px;\n --cal-radius-sm: 12px;\n}\n\n.cal-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cal-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cal-hero {\n position: relative;\n background: linear-gradient(135deg, #5C3A1E 0%, #8B5E3C 40%, #D4891C 100%);\n border-radius: var(--cal-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(--cal-shadow-lg);\n}\n\n.cal-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, 168, 48, .3) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(240, 192, 68, .2) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.cal-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cal-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.cal-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cal-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(--cal-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cal-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cal-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .02em;\n}\n\n.cal-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.cal-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cal-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cal-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.cal-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(--cal-primary), var(--cal-secondary));\n border-radius: 2px;\n}\n\n.cal-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cal-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.cal-highlight-box {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cal-shadow);\n border-left: 4px solid var(--cal-secondary);\n}\n\n.cal-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--cal-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.cal-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.cal-card {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cal-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cal-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cal-shadow-lg);\n border-color: var(--cal-primary);\n}\n\n.cal-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cal-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cal-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cal-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cal-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cal-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cal-grid-compact .cal-card {\n padding: 1rem;\n}\n\n.cal-grid-compact .cal-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cal-grid-compact .cal-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cal-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cal-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cal-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cal-primary), var(--cal-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.cal-timeline-content {\n flex: 1;\n background: var(--cal-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cal-radius-sm);\n box-shadow: var(--cal-shadow);\n}\n\n.cal-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cal-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cal-timeline-content p {\n font-size: 14px;\n color: var(--cal-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cal-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cal-primary-light);\n border-radius: var(--cal-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cal-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cal-tip p {\n font-size: 14px;\n color: var(--cal-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cal-accordion {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n box-shadow: var(--cal-shadow);\n overflow: hidden;\n}\n\n.cal-accordion-item {\n border-bottom: 1px solid var(--cal-border);\n margin: 0;\n padding: 0;\n}\n\n.cal-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cal-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cal-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.cal-accordion-header:hover {\n background: var(--cal-primary-light);\n}\n\n.cal-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cal-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cal-primary);\n transition: transform .2s ease;\n}\n\n.cal-accordion-item[open] .cal-accordion-header::after {\n content: '−';\n}\n\n.cal-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cal-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cal-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cal-disclaimer {\n font-size: 12px;\n color: var(--cal-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 .cal-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cal-card {\n padding: 1.125rem;\n }\n\n .cal-section {\n margin-bottom: 1.75rem;\n }\n\n .cal-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cal-radius-sm);\n }\n\n .cal-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cal-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cal-grid-compact {\n gap: .625rem;\n }\n\n .cal-grid-compact .cal-card {\n padding: .75rem;\n }\n\n .cal-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cal-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cal-timeline-content h3 {\n font-size: 14px;\n }\n\n .cal-timeline-content p {\n font-size: 13px;\n }\n\n .cal-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cal-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cal-highlight-box {\n padding: 1.25rem;\n }\n\n .cal-highlight-box p {\n font-size: 14px;\n }\n\n .cal-tip {\n padding: .875rem 1rem;\n }\n\n .cal-tip-icon {\n font-size: 20px;\n }\n\n .cal-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cal-card {\n animation: calFadeInUp .5s ease backwards;\n }\n .cal-card:nth-child(1) { animation-delay: .05s; }\n .cal-card:nth-child(2) { animation-delay: .1s; }\n .cal-card:nth-child(3) { animation-delay: .15s; }\n .cal-card:nth-child(4) { animation-delay: .2s; }\n .cal-card:nth-child(5) { animation-delay: .25s; }\n .cal-card:nth-child(6) { animation-delay: .3s; }\n .cal-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes calFadeInUp {\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 .cal-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":54862394917241,"sku":"NBAIDSH0018","price":8.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-calendula-bio-saint-hilaire-50ml-bis-min.jpg?v=1770369757"},{"product_id":"huile-jojoba-bio-saint-hilaire-50ml","title":"Huile Végétale de Jojoba Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Jojoba Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #8B5E3C (brun ambré du flacon en verre)\n - Secondaire: #E8B5A0 (rose poudré\/saumon de la bande sur l'étiquette)\n - Accent: #5A7A3A (vert des feuilles\/végétal naturel)\n - Fond: #FAF6F2 (crème chaud très doux)\nAmbiance: Naturel\/bio, artisanal français, doux \u0026 féminin, authentique, apothicaire moderne\nPréfixe CSS: jjb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de jojoba bio : le soin incontournable pour la peau et les cheveux\"\n 2. \"Pourquoi l'huile de jojoba est-elle si particulière ?\"\n 3. \"Les bienfaits de l'huile de jojoba bio pour le visage\"\n 4. \"L'huile de jojoba pour les cheveux : un soin complet\"\n 5. \"Comment utiliser l'huile de jojoba au quotidien ?\"\n 6. \"Composition\"\n 7. \"Pourquoi choisir l'huile de jojoba Saint-Hilaire ?\"\n 8. \"Précautions d'emploi et conservation\"\n 9. \"Questions fréquentes sur l'huile de jojoba bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"jjb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"jjb-hero\"\u003e\n \u003cdiv class=\"jjb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"jjb-hero-content\"\u003e\n \u003cdiv class=\"jjb-badges-top\"\u003e\n \u003cspan class=\"jjb-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"jjb-badge\"\u003e🇫🇷 Fabriquée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"jjb-badge\"\u003e🌰 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jjb-hero-title\"\u003eHuile végétale de jojoba bio\u003c\/span\u003e\n \u003cp class=\"jjb-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"jjb-description\"\u003eUne cire liquide d'exception, proche du sébum naturel de votre peau. Soin polyvalent visage, cheveux et corps — 100 % pur, un seul ingrédient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eHuile végétale de jojoba bio : le soin incontournable pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eVous cherchez une huile végétale polyvalente, naturelle et vraiment efficace ?\u003c\/p\u003e\n \u003cdiv class=\"jjb-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile de jojoba bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est bien plus qu'une simple huile : c'est une \u003cstrong\u003ecire liquide\u003c\/strong\u003e d'exception, obtenue par première pression à froid des graines de \u003cem\u003eSimmondsia chinensis\u003c\/em\u003e. Certifiée biologique et fabriquée en Auvergne, elle se distingue par sa composition remarquablement proche du sébum naturel de votre peau.\u003c\/p\u003e\n \u003cp\u003eRésultat : elle pénètre en un éclair, ne laisse aucun film gras et convient véritablement à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les plus sensibles et les plus grasses.\u003c\/p\u003e\n \u003cp\u003eQue vous souhaitiez utiliser l'\u003cstrong\u003ehuile de jojoba pour le visage\u003c\/strong\u003e, en soin capillaire ou comme base de massage, ce flacon de 50 ml avec pompe doseuse vous accompagnera au quotidien dans une routine beauté simple, efficace et 100 % naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de jojoba est-elle si particulière ?\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eContrairement à la plupart des huiles végétales, l'huile de jojoba n'est pas un triglycéride mais une \u003cstrong\u003ecire liquide esters\u003c\/strong\u003e. Cette particularité lui confère des propriétés uniques.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🤝 Affinité exceptionnelle avec la peau\u003c\/h3\u003e\n \u003cp\u003eSa structure moléculaire est quasi identique au sébum humain. Votre peau la reconnaît et l'absorbe instantanément, sans sensation grasse ni pores obstrués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🛡️ Stabilité remarquable\u003c\/h3\u003e\n \u003cp\u003eNaturellement riche en antioxydants (vitamine E), elle ne rancit quasiment pas et se conserve très longtemps — un investissement durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🧬 Richesse en acides gras\u003c\/h3\u003e\n \u003cp\u003eAcide gadoléique (65-80 %), acide érucique et acide oléique : ils nourrissent, protègent et assouplissent la peau et les cheveux en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de jojoba bio pour le visage\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eAppliquer de l'\u003cstrong\u003ehuile de jojoba sur le visage\u003c\/strong\u003e est l'un des gestes les plus simples et les plus bénéfiques que vous puissiez adopter.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n \u003cp\u003eEn « mimant » le sébum, elle envoie un signal à votre peau pour qu'elle réduise sa propre production de gras. Les peaux mixtes à grasses retrouvent un équilibre naturel, les brillances s'atténuent visiblement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e💧 Hydratation sans excès\u003c\/h3\u003e\n \u003cp\u003eElle forme un film protecteur imperceptible qui empêche la déshydratation tout en laissant la peau respirer. Les peaux sèches et déshydratées retrouvent confort et souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌸 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eEn cas de rougeurs, tiraillements ou irritations, l'huile de jojoba calme la peau grâce à ses propriétés adoucissantes. Particulièrement appréciée des peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e✨ Prévention du vieillissement\u003c\/h3\u003e\n \u003cp\u003eSa richesse en vitamine E et en antioxydants aide à lutter contre les radicaux libres responsables du vieillissement prématuré. Le teint apparaît plus lumineux, plus lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🎯 Soin anti-imperfections\u003c\/h3\u003e\n \u003cp\u003eNon comédogène, elle n'obstrue pas les pores. Elle convient aux peaux à tendance acnéique et aide à apaiser les petites inflammations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eL'huile de jojoba pour les cheveux : un soin complet\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eL'\u003cstrong\u003ehuile de jojoba pour cheveux\u003c\/strong\u003e est un véritable allié capillaire, quel que soit votre type de chevelure.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e💆 Nutrition des cheveux secs et cassants\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle gaine la fibre capillaire, la nourrit en profondeur et lui redonne éclat et souplesse. Fini les pointes fourchues et les cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du cuir chevelu gras\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes massées avant le shampooing aident à rééquilibrer la production de sébum du cuir chevelu, tout comme elle le fait sur le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre les agressions\u003c\/h3\u003e\n \u003cp\u003eVent, froid, chaleur du sèche-cheveux, exposition au soleil… L'huile de jojoba forme un duo protecteur qui limite la casse et la déshydratation au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🪮 Démêlage facilité\u003c\/h3\u003e\n \u003cp\u003eEn masque ou en soin sans rinçage sur les pointes, elle assouplit la fibre et rend les cheveux plus faciles à coiffer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de jojoba au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"jjb-timeline\"\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eMatin ou soir, sur peau propre et légèrement humide, appliquez \u003cstrong\u003e2 à 3 pressions de pompe\u003c\/strong\u003e dans le creux de votre main. Chauffez l'huile entre vos paumes, puis massez délicatement votre visage par mouvements circulaires en remontant vers les tempes. L'huile pénètre en quelques secondes. Utilisez-la seule ou avant votre crème habituelle pour en renforcer l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn démaquillant naturel\u003c\/h3\u003e\n \u003cp\u003eLe soir, massez généreusement l'huile sur l'ensemble du visage, y compris les yeux (paupières fermées). Elle dissout efficacement le maquillage — même waterproof — tout en respectant l'équilibre de votre peau. Rincez à l'eau tiède ou retirez l'excédent avec un coton réutilisable humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez une quantité généreuse sur les longueurs et les pointes sèches. Enveloppez vos cheveux dans une serviette chaude et laissez poser \u003cstrong\u003e30 minutes à 1 heure\u003c\/strong\u003e avant votre shampooing. Renouvelez une à deux fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn huile de massage ou base pour huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eSa texture fluide et sa pénétration rapide en font une excellente huile de massage pour le corps. Elle constitue également une \u003cstrong\u003ebase idéale pour diluer vos huiles essentielles\u003c\/strong\u003e, puisqu'elle est neutre en odeur et très bien tolérée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn soin des ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle et cuticule chaque soir. Les ongles cassants retrouvent force et les cuticules sont nourries et assouplies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"jjb-composition-box\"\u003e\n \u003cdiv class=\"jjb-composition-inci\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient unique (INCI) :\u003c\/strong\u003e \u003cem\u003eSimmondsia Chinensis Seed Oil*\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e* Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-grid-compact\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌰 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eGraine de jojoba\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e⚙️ Extraction\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🧴 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré avec pompe doseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\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!-- H2 #7 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de jojoba Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🏔️ Production française artisanale\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire est implantée en Auvergne et perpétue un savoir-faire reconnu dans la distillation et le pressage d'huiles végétales de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌱 Pression à froid certifiée bio\u003c\/h3\u003e\n \u003cp\u003eCe procédé préserve l'intégralité des actifs naturels (vitamines, acides gras, antioxydants). Aucun solvant chimique, aucun raffinage agressif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🧴 Flacon verre ambré avec pompe\u003c\/h3\u003e\n \u003cp\u003eLe verre protège l'huile de la lumière et de l'oxydation, tandis que la pompe garantit un dosage précis et hygiénique, sans gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e💎 Huile 100 % pure\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient, aucun additif, aucun parfum ajouté, aucun conservateur. La garantie d'un soin brut, authentique et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"jjb-accordion\"\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003e⚠️ Précautions d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez tout contact direct avec les yeux. En cas de projection oculaire, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003cp\u003eBien que l'huile de jojoba soit très bien tolérée, il est toujours recommandé de réaliser un \u003cstrong\u003etest cutané dans le pli du coude\u003c\/strong\u003e 24 heures avant la première utilisation, surtout si vous avez une peau très réactive ou des allergies connues.\u003c\/p\u003e\n \u003cp\u003eConvient à toute la famille, y compris aux enfants. En cas de doute ou de terrain allergique particulier, demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eGardez le flacon dans un endroit frais et sec, à l'abri de la lumière directe et des sources de chaleur. Grâce à sa stabilité naturelle, l'huile de jojoba se conserve facilement \u003cstrong\u003e12 à 18 mois\u003c\/strong\u003e après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003eℹ️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical. En cas de problème dermatologique persistant, consultez votre médecin ou votre dermatologue.\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=\"jjb-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de jojoba bio\u003c\/h2\u003e\n \u003cdiv class=\"jjb-accordion\"\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003eL'huile de jojoba convient-elle aux peaux grasses ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, c'est même l'une de ses utilisations les plus pertinentes. L'\u003cstrong\u003ehuile de jojoba pour le visage\u003c\/strong\u003e régule naturellement la production de sébum. Les peaux grasses et mixtes la tolèrent parfaitement car elle n'obstrue pas les pores et n'alourdit pas la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003ePeut-on utiliser l'huile de jojoba sur les cheveux tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eTout dépend de l'usage. En soin des pointes, vous pouvez appliquer une petite quantité d'\u003cstrong\u003ehuile de jojoba sur les cheveux\u003c\/strong\u003e quotidiennement sans les alourdir. Pour un masque capillaire en profondeur, une à deux fois par semaine suffit amplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003eL'huile de jojoba est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eNon. L'huile de jojoba possède un \u003cstrong\u003eindice de comédogénicité de 2 sur 5\u003c\/strong\u003e, ce qui la classe parmi les huiles peu comédogènes. Elle est généralement bien tolérée par les peaux sujettes aux imperfections, précisément parce qu'elle aide à réguler le sébum plutôt qu'à surcharger la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003ePeut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de jojoba pure, sans ajout d'huile essentielle, est considérée comme sûre pendant la grossesse et l'allaitement. Elle est d'ailleurs souvent recommandée pour prévenir les vergetures et hydrater la peau qui tiraille. En cas de doute, consultez votre sage-femme ou votre médecin.\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=\"jjb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"jjb-cta-box\"\u003e\n \u003cp\u003e🌿 Une huile, mille usages : visage, cheveux, corps, ongles, massage. Offrez à votre peau le soin le plus naturel qui soit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"jjb-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --jjb-cream: #FAF6F2;\n --jjb-white: #ffffff;\n --jjb-primary: #8B5E3C;\n --jjb-primary-dark: #5C3A22;\n --jjb-primary-light: #F5EDE6;\n --jjb-secondary: #E8B5A0;\n --jjb-accent: #5A7A3A;\n --jjb-text: #1a1a1a;\n --jjb-text-light: #5a5a5a;\n --jjb-border: #e8ddd4;\n --jjb-shadow: 0 4px 24px rgba(92,58,34,.08);\n --jjb-shadow-lg: 0 12px 48px rgba(92,58,34,.15);\n --jjb-radius: 20px;\n --jjb-radius-sm: 12px;\n}\n\n.jjb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jjb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.jjb-hero {\n position: relative;\n background: linear-gradient(135deg, #5C3A22 0%, #8B5E3C 40%, #C4906C 75%, #E8B5A0 100%);\n border-radius: var(--jjb-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(--jjb-shadow-lg);\n}\n\n.jjb-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.jjb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.jjb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jjb-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(--jjb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jjb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.jjb-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.jjb-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 text-transform: uppercase;\n}\n\n.jjb-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.jjb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jjb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jjb-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.jjb-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(--jjb-primary), var(--jjb-secondary));\n border-radius: 2px;\n}\n\n.jjb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jjb-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.jjb-highlight-box {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--jjb-shadow);\n border-left: 4px solid var(--jjb-secondary);\n}\n\n.jjb-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--jjb-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.jjb-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.jjb-card {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jjb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jjb-shadow-lg);\n border-color: var(--jjb-primary);\n}\n\n.jjb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jjb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jjb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.jjb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.jjb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.jjb-grid-compact .jjb-card {\n padding: 1rem;\n}\n\n.jjb-grid-compact .jjb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.jjb-grid-compact .jjb-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.jjb-composition-box {\n margin-bottom: 1.5rem;\n}\n\n.jjb-composition-inci {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n text-align: center;\n border: 2px dashed var(--jjb-secondary);\n}\n\n.jjb-composition-inci p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--jjb-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.jjb-composition-inci p:last-child {\n margin-bottom: 0;\n font-size: clamp(12px, 2vw, 14px);\n color: var(--jjb-text-light);\n}\n\n\/* === TIMELINE === *\/\n.jjb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jjb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jjb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--jjb-primary), var(--jjb-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.jjb-timeline-content {\n flex: 1;\n background: var(--jjb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--jjb-radius-sm);\n box-shadow: var(--jjb-shadow);\n}\n\n.jjb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jjb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.jjb-timeline-content p {\n font-size: 14px;\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.jjb-accordion {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n box-shadow: var(--jjb-shadow);\n overflow: hidden;\n}\n\n.jjb-accordion-item {\n border-bottom: 1px solid var(--jjb-border);\n margin: 0;\n padding: 0;\n}\n\n.jjb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.jjb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--jjb-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.jjb-accordion-header:hover {\n background: var(--jjb-primary-light);\n}\n\n.jjb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.jjb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--jjb-primary);\n transition: transform .2s ease;\n}\n\n.jjb-accordion-item[open] .jjb-accordion-header::after {\n content: '−';\n}\n\n.jjb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--jjb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.jjb-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.jjb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.jjb-cta-box {\n background: linear-gradient(135deg, var(--jjb-primary) 0%, var(--jjb-primary-dark) 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jjb-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(232,181,160,.15) 0%, transparent 60%);\n}\n\n.jjb-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.jjb-disclaimer {\n font-size: 12px;\n color: var(--jjb-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 .jjb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .jjb-card {\n padding: 1.125rem;\n }\n\n .jjb-section {\n margin-bottom: 1.75rem;\n }\n\n .jjb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jjb-radius-sm);\n }\n\n .jjb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .jjb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .jjb-grid-compact {\n gap: .625rem;\n }\n\n .jjb-grid-compact .jjb-card {\n padding: .75rem;\n }\n\n .jjb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .jjb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .jjb-timeline-content h3 {\n font-size: 14px;\n }\n\n .jjb-timeline-content p {\n font-size: 13px;\n }\n\n .jjb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .jjb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .jjb-highlight-box {\n padding: 1.25rem;\n }\n\n .jjb-highlight-box p {\n font-size: 14px;\n }\n\n .jjb-composition-inci {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .jjb-card {\n animation: jjbFadeInUp .5s ease backwards;\n }\n .jjb-card:nth-child(1) { animation-delay: .05s; }\n .jjb-card:nth-child(2) { animation-delay: .1s; }\n .jjb-card:nth-child(3) { animation-delay: .15s; }\n .jjb-card:nth-child(4) { animation-delay: .2s; }\n .jjb-card:nth-child(5) { animation-delay: .25s; }\n .jjb-card:nth-child(6) { animation-delay: .3s; }\n\n .jjb-timeline-item {\n animation: jjbFadeInUp .5s ease backwards;\n }\n .jjb-timeline-item:nth-child(1) { animation-delay: .05s; }\n .jjb-timeline-item:nth-child(2) { animation-delay: .1s; }\n .jjb-timeline-item:nth-child(3) { animation-delay: .15s; }\n .jjb-timeline-item:nth-child(4) { animation-delay: .2s; }\n .jjb-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes jjbFadeInUp {\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 .jjb-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":54863397716345,"sku":"NBAIDSH0008","price":8.79,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HV_jojoba-min.jpg?v=1770369059"},{"product_id":"huile-vegetale-rose-musquee-bio-50ml","title":"Huile Végétale de Rose musquée Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Rose musquée Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #8B4E2A (brun ambré du flacon)\n - Secondaire: #E8B4C0 (rose poudré du bandeau packaging)\n - Accent: #C4564A (rouge des cynorrhodons\/fruits)\nAmbiance: Naturel\/botanique, élégant et féminin, cosmétique bio premium, artisanat français\nPréfixe CSS: rm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de Rose musquée bio : le secret d'une peau régénérée et lumineuse\"\n 2. \"Pourquoi la rose musquée est-elle si précieuse pour la peau ?\"\n 3. \"Les bienfaits concrets de cette huile de rose musquée bio\"\n 4. \"Pour qui est faite cette huile végétale de rose musquée ?\"\n 5. \"Comment utiliser l'huile de rose musquée sur le visage ?\"\n 6. \"La qualité Saint-Hilaire : un savoir-faire d'Auvergne\"\n 7. \"Huile de rose musquée : danger ou précautions ?\"\n 8. \"Composition complète (INCI)\"\n 9. \"Questions fréquentes sur l'huile de rose musquée\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"rm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌹 Rosa rubiginosa\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e❄️ Pressée à froid\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eHuile végétale de Rose musquée bio\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eUn trésor botanique concentré en vitamine A naturelle et en acides gras essentiels, pour une peau visiblement régénérée, lumineuse et unifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eHuile végétale de Rose musquée bio : le secret d'une peau régénérée et lumineuse\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eObtenue par pression à froid des graines de \u003cem\u003eRosa rubiginosa\u003c\/em\u003e, cette huile concentre une richesse exceptionnelle en acides gras essentiels, en vitamine A (rétinol naturel) et en vitamine E.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔬 Rétinol naturel\u003c\/h3\u003e\n \u003cp\u003eVitamine A acide d'origine végétale pour stimuler le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant qui protège les cellules du stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Oméga 3-6-9\u003c\/h3\u003e\n \u003cp\u003eProfil lipidique rare pour nourrir, apaiser et renforcer la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🎯 Flacon pompe\u003c\/h3\u003e\n \u003cp\u003e50 ml en verre ambré pour un dosage précis et une conservation optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align:center;margin-top:1.25rem;font-size:clamp(13px,2vw,15px);color:var(--rm-text-light);line-height:1.7;\"\u003eQue vous souhaitiez atténuer des cicatrices, estomper des taches pigmentaires, lisser des ridules ou simplement offrir à votre visage une nutrition profonde, cette huile s'adapte à de nombreuses préoccupations cutanées.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePourquoi la rose musquée est-elle si précieuse pour la peau ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eLa rose musquée (\u003cem\u003eRosa rubiginosa\u003c\/em\u003e) est un arbuste originaire d'Amérique du Sud dont les petits fruits rouges renferment des graines exceptionnellement riches en nutriments. Son profil lipidique rare est dominé par des acides gras polyinsaturés.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🧬 Acide linoléique (oméga-6)\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière cutanée et limite les pertes en eau pour une peau durablement hydratée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌊 Acide alpha-linolénique (oméga-3)\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux sensibles ou réactives et favorise la souplesse cutanée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e✨ Acide oléique (oméga-9)\u003c\/h3\u003e\n \u003cp\u003eFacilite la pénétration de l'huile et nourrit les couches profondes de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔬 Trétinoïne naturelle\u003c\/h3\u003e\n \u003cp\u003eVitamine A acide rare à l'état naturel, reconnue pour stimuler le renouvellement cellulaire et améliorer la texture de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant qui protège les cellules du stress oxydatif et préserve la jeunesse cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est cette combinaison unique qui fait de l'huile de rose musquée un actif cosmétique aussi réputé, aussi bien en soin anti-âge qu'en soin réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette huile de rose musquée bio\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e🩹 Régénération et réparation cutanée\u003c\/h3\u003e\n \u003cp\u003eParticulièrement appréciée pour accompagner la peau après des agressions : cicatrices d'acné, marques post-opératoires, vergetures ou brûlures superficielles. Sa teneur en rétinol et en acides gras essentiels soutient le renouvellement cellulaire naturel. Beaucoup d'utilisateurs constatent une nette amélioration dès quelques semaines d'application régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e⏳ Soin anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eRidules autour des yeux, perte de fermeté, teint terne : en stimulant la synthèse de collagène et en améliorant l'élasticité de la peau, elle aide à lisser visiblement la surface cutanée. Après quelques semaines, le teint apparaît plus lumineux et la peau plus rebondie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e🎨 Atténuation des taches pigmentaires\u003c\/h3\u003e\n \u003cp\u003eTaches brunes, masque de grossesse, hyperpigmentation post-inflammatoire : la vitamine A naturelle favorise le renouvellement des cellules superficielles, aidant à estomper progressivement les zones hyperpigmentées au fil des applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e💦 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eVotre peau tiraille ou manque de souplesse ? Cette huile pénètre rapidement sans laisser de film gras désagréable. Elle restaure le film hydrolipidique et offre un confort immédiat, même aux peaux desséchées par le froid, le vent ou la climatisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePour qui est faite cette huile végétale de rose musquée ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eL'un de ses grands atouts : elle convient à une grande variété de types de peau.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👵 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eRéduit l'apparence des rides et redonne de l'éclat au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition profonde et durable pour retrouver souplesse et confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🩹 Peaux marquées par des cicatrices\u003c\/h3\u003e\n \u003cp\u003eAcné, chirurgie, brûlures légères, vergetures : accompagne la réparation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e😶‍🌫️ Peaux ternes ou fatiguées\u003c\/h3\u003e\n \u003cp\u003ePour retrouver un teint uniforme et lumineux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles ou réactives\u003c\/h3\u003e\n \u003cp\u003eComposition apaisante riche en oméga-3 pour calmer les inconforts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e si vous avez une peau à tendance grasse ou acnéique, utilisez cette huile avec parcimonie, de préférence le soir, en ciblant les zones qui en ont le plus besoin (cicatrices, taches). Sa légère teinte orangée est tout à fait normale : elle témoigne de sa richesse en caroténoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de rose musquée sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003ePour profiter pleinement de tous ses bienfaits, voici une routine simple et efficace :\u003c\/p\u003e\n \u003cdiv class=\"rm-timeline\"\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e🌙 Le soir (utilisation recommandée)\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et légèrement humide, pressez 3 à 5 gouttes dans le creux de votre main. Réchauffez l'huile entre vos paumes, puis appliquez-la sur le visage, le cou et le décolleté en effectuant de doux mouvements ascendants et circulaires. L'application sur peau humide favorise une meilleure pénétration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e☀️ Le matin (en option)\u003c\/h3\u003e\n \u003cp\u003eMélangez 2 gouttes d'huile à votre crème de jour habituelle pour un effet bonne mine immédiat. Pensez à appliquer une protection solaire par-dessus, car la vitamine A peut rendre la peau légèrement plus sensible au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e🎯 En soin ciblé\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement quelques gouttes directement sur les cicatrices, vergetures ou taches que vous souhaitez atténuer, matin et soir, pendant au moins 8 semaines pour observer des résultats significatifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e🧪 En mélange\u003c\/h3\u003e\n \u003cp\u003eExcellente base pour diluer vos huiles essentielles (lavande, géranium, hélichryse italienne…) dans le cadre de soins personnalisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLa qualité Saint-Hilaire : un savoir-faire d'Auvergne\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eLa Distillerie Saint-Hilaire, implantée au cœur de l'Auvergne, cultive un savoir-faire artisanal exigeant dans la production d'huiles végétales et d'huiles essentielles biologiques.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌿 Certifiée biologique\u003c\/h3\u003e\n \u003cp\u003e100 % des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e❄️ Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eProcédé doux qui préserve l'intégralité des actifs sans altération par la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 Pure et sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur, aucun parfum synthétique, aucun solvant chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🫙 Flacon verre ambré\u003c\/h3\u003e\n \u003cp\u003eProtection contre la lumière et l'oxydation pour une fraîcheur optimale jusqu'à la dernière goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eHuile de rose musquée : danger ou précautions ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eRassurez-vous : cette huile végétale est globalement très bien tolérée et ne présente pas de risque particulier pour la grande majorité des utilisateurs. Quelques précautions sont toutefois à respecter.\u003c\/p\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧪 Test de tolérance\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eAvant la première utilisation, appliquez une petite quantité dans le pli du coude et attendez 24 heures pour vérifier l'absence de réaction allergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e☀️ Photosensibilité\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eEn raison de sa teneur en vitamine A, évitez l'exposition prolongée au soleil juste après l'application, ou appliquez-la de préférence le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis de votre médecin ou sage-femme avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🩹 Plaies ouvertes\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer sur des plaies ouvertes ou des lésions infectées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de la lumière directe. Une fois ouvert, utilisez l'huile dans les 6 mois pour bénéficier de toutes ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eEn cas de doute ou de problème cutané persistant, consultez un dermatologue. Cette huile végétale est un soin cosmétique et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"rm-composition-box\"\u003e\n \u003cp class=\"rm-inci\"\u003e\u003cstrong\u003eIngrédient :\u003c\/strong\u003e \u003cem\u003eRosa rubiginosa seed oil*\u003c\/em\u003e (huile végétale de rose musquée)\u003c\/p\u003e\n \u003cp class=\"rm-inci-note\"\u003e* Ingrédient issu de l'agriculture biologique. \u003cstrong\u003e100 % du total des ingrédients sont d'origine biologique.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact rm-composition-details\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌱 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eGraine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e❄️ Extraction\u003c\/h3\u003e\n \u003cp\u003ePression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌹 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRosa rubiginosa\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de rose musquée\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003ePeut-on utiliser l'huile de rose musquée tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, tout à fait. L'huile de rose musquée peut s'intégrer à votre routine quotidienne, de préférence le soir. Pour les peaux sensibles ou mixtes, une application un jour sur deux peut suffire dans un premier temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003eAu bout de combien de temps voit-on les résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eChaque peau est différente, mais de nombreux utilisateurs observent une amélioration de la texture et de l'éclat du teint dès 3 à 4 semaines d'utilisation régulière. Pour les cicatrices plus anciennes ou les taches installées, comptez 2 à 3 mois d'application assidue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003eL'huile de rose musquée est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de rose musquée possède un indice de comédogénicité faible (1 sur 5). Elle est donc généralement bien tolérée par les peaux mixtes. Toutefois, si vous êtes sujette aux imperfections, privilégiez une utilisation ciblée plutôt qu'une application sur l'ensemble du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003ePeut-on l'utiliser sur le corps ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. L'huile de rose musquée est excellente en soin corporel, notamment sur les zones sujettes aux vergetures (ventre, cuisses, poitrine) ou sur les cicatrices situées sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003ePeut-on la mélanger avec d'autres huiles ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, elle se marie très bien avec d'autres huiles végétales comme l'huile de jojoba, l'huile d'argan ou l'huile de bourrache pour des soins sur mesure adaptés à vos besoins.\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=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre peau le pouvoir régénérant de la rose musquée bio.\u003cbr\u003eUn flacon de 50 ml suffit pour plusieurs mois de soin quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eLes compléments alimentaires et soins cosmétiques ne se substituent pas à une alimentation variée et équilibrée, ni à un suivi médical. Se référer aux précautions d'emploi avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rm-cream: #FDF8F5;\n --rm-white: #ffffff;\n --rm-primary: #8B4E2A;\n --rm-primary-dark: #5E3219;\n --rm-primary-light: #F5EAE2;\n --rm-secondary: #E8B4C0;\n --rm-accent: #C4564A;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #e8ddd6;\n --rm-shadow: 0 4px 24px rgba(139, 78, 42, .08);\n --rm-shadow-lg: 0 12px 48px rgba(139, 78, 42, .15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #8B4E2A 0%, #A0664A 40%, #C4564A 70%, #E8B4C0 100%);\n border-radius: var(--rm-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(--rm-shadow-lg);\n}\n\n.rm-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(232,180,192,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-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.rm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.rm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rm-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(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-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.rm-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(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n.rm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-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.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-secondary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rm-card-highlight {\n border-left: 4px solid var(--rm-secondary);\n text-align: left;\n}\n\n.rm-card-highlight:hover {\n border-color: var(--rm-primary);\n}\n\n\/* === GRILLES === *\/\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rm-grid-compact .rm-card {\n padding: 1rem;\n}\n\n.rm-grid-compact .rm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rm-grid-compact .rm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-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.rm-timeline-content {\n flex: 1;\n background: var(--rm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rm-radius-sm);\n box-shadow: var(--rm-shadow);\n}\n\n.rm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-timeline-content p {\n font-size: 14px;\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL (unused here but kept for system) === *\/\n.rm-testimonial {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border-left: 4px solid var(--rm-primary);\n}\n\n.rm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-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.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rm-primary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rm-tip p {\n font-size: 14px;\n color: var(--rm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.rm-composition-box {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n text-align: center;\n}\n\n.rm-inci {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.rm-inci-note {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0 0 1.5rem 0;\n line-height: 1.6;\n}\n\n.rm-composition-details {\n margin-top: 0;\n}\n\n.rm-composition-details .rm-card {\n background: var(--rm-primary-light);\n box-shadow: none;\n}\n\n.rm-composition-details .rm-card:hover {\n box-shadow: var(--rm-shadow);\n}\n\n\/* === CTA FINAL === *\/\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-primary) 0%, var(--rm-primary-dark) 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rm-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.rm-disclaimer {\n font-size: 12px;\n color: var(--rm-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 .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rm-card {\n padding: 1.125rem;\n }\n\n .rm-section {\n margin-bottom: 1.75rem;\n }\n\n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n\n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rm-grid-compact {\n gap: .625rem;\n }\n\n .rm-grid-compact .rm-card {\n padding: .75rem;\n }\n\n .rm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rm-timeline-content h3 {\n font-size: 14px;\n }\n\n .rm-timeline-content p {\n font-size: 13px;\n }\n\n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rm-testimonial {\n padding: 1.25rem;\n }\n\n .rm-testimonial-text {\n font-size: 14px;\n }\n\n .rm-composition-box {\n padding: 1.25rem;\n }\n\n .rm-card-highlight {\n border-left-width: 3px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: rmFadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n .rm-card:nth-child(5) { animation-delay: .25s; }\n .rm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rmFadeInUp {\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 .rm-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":54864015589753,"sku":"NBAIDSH0036","price":13.94,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-rose-musquee-bio-saint-hilaire-50-ml-ingredients_3454db5c-e4fd-41e6-853f-57e525646821.webp?v=1771577430"},{"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":"eau-florale-bleuet-bio-saint-hilaire-200ml","title":"Eau Florale de Bleuet Bio - Saint-Hilaire - 200ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Eau Florale de Bleuet Bio - Distillerie Saint-Hilaire - 200ml\nPalette détectée:\n - Primaire: #1e3a6e (bleu profond du flacon cobalt)\n - Secondaire: #5b8fd9 (bleu bleuet\/cornflower)\n - Accent: #3b5998 (bleu moyen intermédiaire)\n - Fond packaging blanc: #ffffff (bandeau étiquette)\nAmbiance: Naturel, botanique, artisanal français, cosmétique bio, douceur florale, pureté\nPréfixe CSS: bf\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Eau florale de bleuet bio : un soin ancestral pour les peaux sensibles\"\n 2. \"Bienfaits de l'eau florale de bleuet bio\"\n 3. \"Comment utiliser cet hydrolat de bleuet ?\"\n 4. \"Composition\"\n 5. \"La Distillerie Saint-Hilaire : un savoir-faire artisanal d'Auvergne\"\n 6. \"Conseils de conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bf-hero\"\u003e\n \u003cdiv class=\"bf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bf-hero-content\"\u003e\n \u003cdiv class=\"bf-badges-top\"\u003e\n \u003cspan class=\"bf-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e💧 100% pur hydrolat\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🌸 Sans conservateur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bf-hero-title\"\u003eEau Florale de Bleuet Bio\u003c\/span\u003e\n \u003cp class=\"bf-subtitle\"\u003eDistillerie Saint-Hilaire — 200 ml\u003c\/p\u003e\n \u003cp class=\"bf-description\"\u003eUn hydrolat d'exception, distillé à la vapeur d'eau au cœur de l'Auvergne, pour apaiser les peaux sensibles et décongestionner le contour des yeux naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eEau florale de bleuet bio : un soin ancestral pour les peaux sensibles\u003c\/h2\u003e\n \u003cdiv class=\"bf-testimonial\"\u003e\n \u003cp class=\"bf-testimonial-text\"\u003eConnue depuis des siècles pour sa douceur exceptionnelle, l'eau florale de bleuet est l'alliée incontournable des peaux délicates et des yeux fatigués. Cet hydrolat de bleuet signé Distillerie Saint-Hilaire est obtenu par distillation à la vapeur d'eau de la partie aérienne fleurie du \u003cem\u003eCentaurea cyanus\u003c\/em\u003e, cultivé en agriculture biologique au cœur de l'Auvergne. Le résultat : un soin pur, sans conservateur ni additif, qui respecte profondément votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eBienfaits de l'eau florale de bleuet bio\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003ePourquoi cet hydrolat de bleuet est-il si apprécié en cosmétique naturelle ? Ses propriétés sont multiples et particulièrement adaptées aux peaux réactives.\u003c\/p\u003e\n \u003cdiv class=\"bf-grid\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌿 Apaisante et anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eElle calme les rougeurs, les irritations cutanées et les sensations d'inconfort, y compris après un coup de soleil ou le feu du rasoir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e👁️ Décongestionnante contour des yeux\u003c\/h3\u003e\n \u003cp\u003eSon usage le plus célèbre : elle aide à réduire les poches, les cernes et à soulager les yeux gonflés par la fatigue ou les allergies saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e✨ Adoucissante et régénérante\u003c\/h3\u003e\n \u003cp\u003eElle favorise la réparation des peaux fragilisées, abîmées par l'acné, l'eczéma ou les petites agressions du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e💎 Rafraîchissante et tonifiante\u003c\/h3\u003e\n \u003cp\u003eAppliquée en brume, elle ravive instantanément l'éclat du teint et resserre les pores en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eComment utiliser cet hydrolat de bleuet ?\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eLe format spray 200 ml rend l'utilisation de cette eau florale très pratique au quotidien. Voici les façons les plus efficaces de l'intégrer à votre routine.\u003c\/p\u003e\n \u003cdiv class=\"bf-timeline\"\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn tonique visage\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur l'ensemble du visage après le nettoyage, matin et soir. Laissez sécher naturellement avant d'appliquer votre sérum ou votre crème hydratante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn compresse sur les yeux\u003c\/h3\u003e\n \u003cp\u003eImbibez deux cotons ou compresses, placez-les sur vos paupières fermées pendant 10 à 15 minutes. Un geste simple qui fait toute la différence en cas de yeux fatigués ou irrités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn brume rafraîchissante\u003c\/h3\u003e\n \u003cp\u003eGardez le flacon au réfrigérateur pour un effet fraîcheur décuplé, idéal en été pour revitaliser votre peau tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn ingrédient cosmétique maison\u003c\/h3\u003e\n \u003cp\u003eCet hydrolat constitue une base parfaite pour vos masques, lotions ou sérums faits maison. Une versatilité appréciable pour les passionnés de DIY beauté.\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=\"bf-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"bf-composition-box\"\u003e\n \u003cdiv class=\"bf-composition-inci\"\u003e\n \u003cspan class=\"bf-composition-label\"\u003eIngrédient (INCI)\u003c\/span\u003e\n \u003cspan class=\"bf-composition-value\"\u003eCentaurea Cyanus Flower Water*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-composition-note\"\u003e*issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eAucun agent de conservation ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum de synthèse\u003c\/h3\u003e\n \u003cp\u003eUniquement l'odeur naturelle du bleuet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eAucun alcool ajouté dans la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e✅ Pureté totale\u003c\/h3\u003e\n \u003cp\u003eCertifié biologique, un seul ingrédient\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eLa Distillerie Saint-Hilaire : un savoir-faire artisanal d'Auvergne\u003c\/h2\u003e\n \u003cdiv class=\"bf-testimonial\"\u003e\n \u003cp class=\"bf-testimonial-text\"\u003eInstallée au cœur de l'Auvergne, la Distillerie Saint-Hilaire perpétue un savoir-faire artisanal dans la distillation de plantes aromatiques et médicinales. Chaque lot d'eau florale de bleuet bio est élaboré en petites quantités pour garantir une qualité optimale. La marque s'engage dans une démarche biologique et équitable, avec un conditionnement en flacon bleu recyclable qui protège le produit de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"bf-accordion\"\u003e\n \u003cdetails class=\"bf-accordion-item\" open\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n \u003cdiv class=\"bf-accordion-content mt-3\"\u003e\n \u003cp\u003ePour préserver toutes les propriétés de votre hydrolat de bleuet, conservez-le au réfrigérateur après ouverture et utilisez-le dans les six mois. Le flacon opaque assure une bonne protection, mais la fraîcheur prolonge la durée de vie du produit et renforce son action décongestionnante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bf-accordion-item\"\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\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=\"bf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bf-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à votre peau la douceur ancestrale du bleuet d'Auvergne — un hydrolat pur, biologique et artisanal pour un rituel beauté naturel au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS — EAU FLORALE BLEUET === *\/\n:root {\n --bf-cream: #f4f7fb;\n --bf-white: #ffffff;\n --bf-primary: #2c4f8a;\n --bf-primary-dark: #1a3262;\n --bf-primary-light: #e8eff8;\n --bf-secondary: #6b9de8;\n --bf-accent: #8fb4f0;\n --bf-text: #1a1a2e;\n --bf-text-light: #556075;\n --bf-border: #d6e0ee;\n --bf-shadow: 0 4px 24px rgba(28, 50, 98, .07);\n --bf-shadow-lg: 0 12px 48px rgba(28, 50, 98, .14);\n --bf-radius: 20px;\n --bf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bf-hero {\n position: relative;\n background: linear-gradient(135deg, #1a3262 0%, #2c4f8a 40%, #5b8fd9 80%, #8fb4f0 100%);\n border-radius: var(--bf-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(--bf-shadow-lg);\n}\n\n.bf-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.bf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.bf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bf-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(--bf-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.bf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.bf-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.bf-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: .03em;\n}\n\n.bf-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.bf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bf-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.bf-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(--bf-primary), var(--bf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.bf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bf-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.bf-card {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bf-shadow-lg);\n border-color: var(--bf-primary);\n}\n\n.bf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bf-grid-compact .bf-card {\n padding: 1rem;\n}\n\n.bf-grid-compact .bf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bf-grid-compact .bf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bf-primary), var(--bf-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.bf-timeline-content {\n flex: 1;\n background: var(--bf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bf-radius-sm);\n box-shadow: var(--bf-shadow);\n}\n\n.bf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bf-timeline-content p {\n font-size: 14px;\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bf-testimonial {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bf-shadow);\n border-left: 4px solid var(--bf-primary);\n}\n\n.bf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.bf-composition-box {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bf-shadow);\n text-align: center;\n margin-bottom: 1.25rem;\n border: 2px solid var(--bf-primary-light);\n}\n\n.bf-composition-inci {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n align-items: center;\n}\n\n.bf-composition-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--bf-text-light);\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.bf-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--bf-primary-dark);\n font-style: italic;\n}\n\n.bf-composition-note {\n margin: .75rem 0 0 0;\n font-size: 14px;\n color: var(--bf-text-light);\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.bf-accordion {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n box-shadow: var(--bf-shadow);\n overflow: hidden;\n}\n\n.bf-accordion-item {\n border-bottom: 1px solid var(--bf-border);\n margin: 0;\n padding: 0;\n}\n\n.bf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bf-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.bf-accordion-header:hover {\n background: var(--bf-primary-light);\n}\n\n.bf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bf-primary);\n transition: transform .2s ease;\n}\n\n.bf-accordion-item[open] .bf-accordion-header::after {\n content: '−';\n}\n\n.bf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bf-cta-box {\n background: linear-gradient(135deg, var(--bf-primary) 0%, var(--bf-primary-dark) 100%);\n border-radius: var(--bf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bf-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.bf-disclaimer {\n font-size: 12px;\n color: var(--bf-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 .bf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bf-card {\n padding: 1.125rem;\n }\n\n .bf-section {\n margin-bottom: 1.75rem;\n }\n\n .bf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bf-radius-sm);\n }\n\n .bf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bf-grid-compact {\n gap: .625rem;\n }\n\n .bf-grid-compact .bf-card {\n padding: .75rem;\n }\n\n .bf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bf-timeline-content h3 {\n font-size: 14px;\n }\n\n .bf-timeline-content p {\n font-size: 13px;\n }\n\n .bf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bf-testimonial {\n padding: 1.25rem;\n }\n\n .bf-testimonial-text {\n font-size: 14px;\n }\n\n .bf-composition-value {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bf-card {\n animation: bfFadeInUp .5s ease backwards;\n }\n .bf-card:nth-child(1) { animation-delay: .05s; }\n .bf-card:nth-child(2) { animation-delay: .1s; }\n .bf-card:nth-child(3) { animation-delay: .15s; }\n .bf-card:nth-child(4) { animation-delay: .2s; }\n .bf-card:nth-child(5) { animation-delay: .25s; }\n .bf-card:nth-child(6) { animation-delay: .3s; }\n\n .bf-timeline-item {\n animation: bfFadeInUp .5s ease backwards;\n }\n .bf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .bf-timeline-item:nth-child(2) { animation-delay: .1s; }\n .bf-timeline-item:nth-child(3) { animation-delay: .15s; }\n .bf-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes bfFadeInUp {\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 .bf-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":54868407484793,"sku":"NBAIDSH0027","price":8.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HVbleuet_1_-min.jpg?v=1766172678"},{"product_id":"eau-florale-tea-tree-bio-200ml","title":"Eau Florale Tea Tree Bio - Saint-Hilaire - 200ml","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🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e💧 200 ml spray\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tt-hero-title\"\u003eEau Florale Tea Tree Bio\u003c\/span\u003e\n \u003cp class=\"tt-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"tt-description\"\u003eLa puissance purifiante du tea tree dans une eau florale 100 % pure, biologique et non diluée. Votre alliée quotidienne pour une peau nette, apaisée et éclatante.\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\u003eEau florale de tea tree bio : le soin purifiant par excellence\u003c\/h2\u003e\n \u003cdiv class=\"tt-testimonial\"\u003e\n \u003cp class=\"tt-testimonial-text\"\u003eVous cherchez un soin naturel capable de purifier votre peau sans l'agresser ? L'eau florale bio de tea tree Saint-Hilaire est faite pour vous. Obtenue par distillation à la vapeur d'eau des feuilles de \u003cem\u003eMelaleuca alternifolia\u003c\/em\u003e issues de l'agriculture biologique, cette eau florale concentre toute la puissance du tea tree dans une formule douce, sans additif chimique ni conservateur de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tt-section-intro\" style=\"margin-top:1.25rem;\"\u003eConditionnée en flacon spray de 200 ml, elle devient vite indispensable dans votre routine beauté quotidienne, que ce soit pour le visage, le corps ou même le cuir chevelu.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eBienfaits de l'eau florale tea tree pour la peau\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eLe tea tree est reconnu depuis des siècles pour ses propriétés antibactériennes, antiseptiques et purifiantes. Sous forme d'eau florale, ces vertus sont présentes dans une concentration plus douce que l'huile essentielle, adaptée à une utilisation quotidienne, même sur les peaux sensibles.\u003c\/p\u003e\n \u003cdiv class=\"tt-grid\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✨ Purifie et assainit\u003c\/h3\u003e\n \u003cp\u003eAide à réduire les imperfections, les boutons et les points noirs en limitant la prolifération bactérienne à la surface de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e💎 Régule le sébum\u003c\/h3\u003e\n \u003cp\u003eParticulièrement recommandée pour les peaux mixtes à grasses, elle contribue à matifier le teint sans dessécher l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌸 Apaise les irritations\u003c\/h3\u003e\n \u003cp\u003eRougeurs, tiraillements, petites démangeaisons — elle calme la peau en douceur grâce à ses propriétés anti-inflammatoires naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🎯 Tonifie et resserre les pores\u003c\/h3\u003e\n \u003cp\u003eUtilisée en lotion tonique, elle affine visiblement le grain de peau et redonne de l'éclat au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e💆 Assainit le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eEn cas de démangeaisons ou de cuir chevelu à tendance grasse, elle constitue un soin complémentaire efficace.\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 eau florale de tea tree bio ?\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eGrâce à son format spray pratique, cette eau florale tea tree s'utilise de multiples façons :\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 lotion tonique matin et soir\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur un coton et passez-le délicatement sur le visage après le nettoyage. Cela prépare votre peau à recevoir votre sérum ou votre crème hydratante.\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 brume fraîcheur\u003c\/h3\u003e\n \u003cp\u003ePulvérisez directement sur le visage à tout moment de la journée pour un effet rafraîchissant et purifiant immédiat.\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 du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquez en friction sur le cuir chevelu avant le shampoing pour apaiser les démangeaisons et réguler l'excès de sébum.\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\u003eEn complément d'un masque à l'argile\u003c\/h3\u003e\n \u003cp\u003eRemplacez l'eau par cette eau florale pour préparer vos masques purifiants maison — un geste simple pour décupler les résultats.\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\u003eComposition et qualité certifiée bio\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\u003eMelaleuca alternifolia (tea tree) leaf water* — *issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🏔️ Distillée en Auvergne\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire maîtrise l'intégralité du processus de distillation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuille — distillation lente à la vapeur d'eau pour préserver tous les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✅ Pureté garantie\u003c\/h3\u003e\n \u003cp\u003ePure, non diluée, sans aucun ajout — certifiée biologique et commerce équitable\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\u003eLes feuilles de tea tree sont distillées lentement à la vapeur d'eau, ce qui permet de préserver l'ensemble des actifs végétaux pour une eau florale d'une qualité exceptionnelle. Contenance : \u003cstrong\u003e200 ml\u003c\/strong\u003e.\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\u003eConseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"tt-accordion\"\u003e\n \u003cdetails class=\"tt-accordion-item\" open\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre eau florale bio à l'abri de la lumière et de la chaleur. Une fois ouverte, vous pouvez la placer au réfrigérateur pour prolonger sa fraîcheur et décupler l'effet tonifiant lors de l'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⏳ Durée d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eUtilisez-la de préférence dans les six mois suivant l'ouverture pour profiter de toutes ses propriétés purifiantes.\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⚠️ Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eCette eau florale de tea tree bio est un soin cosmétique naturel. Elle ne remplace en aucun cas un avis ou un traitement médical. En cas de doute, consultez un professionnel de santé avant 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=\"tt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tt-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le pouvoir purifiant du tea tree bio — une eau florale pure, distillée en Auvergne, pour une routine beauté naturelle et efficace au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tt-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit ne se substitue pas à un suivi médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tt-cream: #f4f6fa;\n --tt-white: #ffffff;\n --tt-primary: #2e4a8e;\n --tt-primary-dark: #1a2f5e;\n --tt-primary-light: #e8edf7;\n --tt-secondary: #4a7cb5;\n --tt-accent: #3b6db0;\n --tt-text: #1a1a1a;\n --tt-text-light: #5a5a5a;\n --tt-border: #dde3ef;\n --tt-shadow: 0 4px 24px rgba(46,74,142,.08);\n --tt-shadow-lg: 0 12px 48px rgba(26,47,94,.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, #1a2f5e 0%, #2e4a8e 40%, #4a7cb5 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,.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.04) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.02) 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-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 1rem 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,.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.tt-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.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 === *\/\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\/* === 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\/* === TESTIMONIAL === *\/\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}\n\n.tt-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tt-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\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\/* === 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}\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-testimonial {\n padding: 1.25rem;\n }\n\n .tt-testimonial-text {\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}\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":54868447494521,"sku":"NBAIDSH0011","price":9.09,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-tea-tree-bio-saint-hilaire-200ml-ingredients.webp?v=1774261234"},{"product_id":"huile-ricin-bio-saint-hilaire-200ml","title":"Huile Végétale de Ricin Bio - Saint-Hilaire - 200ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Ricin Bio - Saint-Hilaire - 200ml\nPalette détectée:\n - Primaire: #D48B8B (rose doux\/vieux rose du bandeau packaging)\n - Secondaire: #2D4A2D (vert foncé du logo et des éléments végétaux)\n - Accent: #E8C96A (jaune doré de l'huile dans le flacon)\n - Crème: #FDF8F3 (fond chaud\/naturel)\nAmbiance: Naturel\/bio, élégant, féminin-doux, artisanal français, végétal\nPréfixe CSS: rc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de ricin bio Saint-Hilaire : le soin naturel par excellence pour vos cheveux, votre peau et vos ongles\"\n 2. \"Pourquoi l'huile de ricin est-elle si prisée en cosmétique naturelle ?\"\n 3. \"Huile de ricin et cheveux : un duo incontournable\"\n 4. \"Au-delà des cheveux : les multiples usages de l'huile de ricin bio\"\n 5. \"Comment utiliser l'huile de ricin sur les cheveux et la peau ?\"\n 6. \"Composition\"\n 7. \"Ce qui distingue l'huile de ricin bio Saint-Hilaire\"\n 8. \"Questions fréquentes sur l'huile de ricin bio\"\n 9. \"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=\"rc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rc-hero\"\u003e\n \u003cdiv class=\"rc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rc-hero-content\"\u003e\n \u003cdiv class=\"rc-badges-top\"\u003e\n \u003cspan class=\"rc-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e❄️ Pressée à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-hero-title\"\u003eHuile végétale de ricin bio\u003c\/span\u003e\n \u003cp class=\"rc-subtitle\"\u003eDistillerie Saint-Hilaire · Auvergne · 200 ml\u003c\/p\u003e\n \u003cp class=\"rc-description\"\u003eL'huile de ricin pure et vierge, issue de l'agriculture biologique et équitable, pour fortifier vos cheveux, nourrir votre peau et renforcer vos ongles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eHuile végétale de ricin bio Saint-Hilaire : le soin naturel par excellence pour vos cheveux, votre peau et vos ongles\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de ricin bio\u003c\/strong\u003e vraiment efficace, pure et obtenue dans le respect de l'environnement ? L'huile végétale de ricin de la Distillerie Saint-Hilaire, en format généreux de 200 ml, coche toutes les cases.\u003c\/p\u003e\n \u003cp class=\"rc-section-intro\"\u003ePressée à froid à partir de graines de \u003cem\u003eRicinus communis\u003c\/em\u003e issues de l'agriculture biologique et équitable, elle préserve l'intégralité de ses actifs naturels pour vous offrir un soin polyvalent d'une qualité remarquable.\u003c\/p\u003e\n \u003cdiv class=\"rc-grid-compact\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💇 Cheveux fortifiés\u003c\/h3\u003e\n \u003cp\u003eStimule la pousse et renforce la fibre capillaire de l'intérieur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧴 Peau nourrie\u003c\/h3\u003e\n \u003cp\u003eHydratation profonde et durable pour les peaux sèches ou irritées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💅 Ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eRéduit la casse et favorise la pousse d'ongles plus résistants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧔 Barbe soignée\u003c\/h3\u003e\n \u003cp\u003eAdoucit, nourrit et donne de la densité à votre barbe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de ricin est-elle si prisée en cosmétique naturelle ?\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eUtilisée depuis des millénaires, l'huile de ricin doit ses vertus exceptionnelles à sa \u003cstrong\u003erichesse en acide ricinoléique\u003c\/strong\u003e (85 à 90 % de sa composition), un acide gras rare que l'on ne retrouve dans quasiment aucune autre huile végétale.\u003c\/p\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💪 Action fortifiante\u003c\/h3\u003e\n \u003cp\u003eRenforce la fibre capillaire, les ongles et les cils de l'intérieur pour une résistance accrue au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💧 Pouvoir nourrissant intense\u003c\/h3\u003e\n \u003cp\u003ePénètre les couches superficielles de la peau et du cheveu pour une hydratation profonde et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🛡️ Propriétés protectrices\u003c\/h3\u003e\n \u003cp\u003eForme un film lipidique naturel qui protège contre le froid, la pollution et la sécheresse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e✨ Effet gainant\u003c\/h3\u003e\n \u003cp\u003eEnrobe le cheveu pour lui donner plus de densité, de brillance et de souplesse sans alourdir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eAssociée à la \u003cstrong\u003evitamine E\u003c\/strong\u003e naturellement présente dans l'huile, ces propriétés font de l'huile de ricin bio un soin complet, efficace et 100 % d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eHuile de ricin et cheveux : un duo incontournable\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eSi l'\u003cstrong\u003ehuile de ricin pour les cheveux\u003c\/strong\u003e jouit d'une telle réputation, ce n'est pas un hasard. C'est l'une des huiles végétales les plus efficaces pour répondre à de nombreuses problématiques capillaires.\u003c\/p\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌱 Stimuler la pousse des cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquée régulièrement en massage sur le cuir chevelu, l'huile de ricin favorise la microcirculation sanguine au niveau des follicules pileux. Ce geste simple, réalisé du bout des doigts pendant quelques minutes, crée un environnement propice à la croissance capillaire. Beaucoup constatent des cheveux plus vigoureux après quelques semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🔧 Nourrir et réparer les cheveux secs ou abîmés\u003c\/h3\u003e\n \u003cp\u003eCheveux ternes, fourchus ou fragilisés par les colorations, le lissage ou le soleil ? En masque avant-shampoing, l'acide ricinoléique comble les micro-fissures de la fibre capillaire et restaure la gaine protectrice naturelle du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌟 Donner volume et brillance\u003c\/h3\u003e\n \u003cp\u003eL'effet gainant de l'huile de ricin sur cheveux fins est particulièrement intéressant : en enrobant chaque fibre, elle donne une impression de densité accrue tout en apportant une brillance naturelle, sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eAu-delà des cheveux : les multiples usages de l'huile de ricin bio\u003c\/h2\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💅 Soin des ongles et des cuticules\u003c\/h3\u003e\n \u003cp\u003eVos ongles se dédoublent ou se cassent ? Massez chaque soir une goutte sur chaque ongle et ses cuticules. En quelques semaines, observez des \u003cstrong\u003eongles plus résistants\u003c\/strong\u003e et des cuticules plus souples et mieux hydratées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e👁️ Soin des cils et des sourcils\u003c\/h3\u003e\n \u003cp\u003eAppliquée à l'aide d'une brosse à mascara propre, l'huile de ricin nourrit et fortifie vos cils et sourcils. Une alternative naturelle pour retrouver des cils plus épais et des sourcils mieux fournis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧴 Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eAllié précieux pour les \u003cstrong\u003epeaux sèches ou irritées\u003c\/strong\u003e, elle apaise les zones de sécheresse (coudes, talons, mains abîmées) et aide à améliorer l'apparence des petites cicatrices ou vergetures. Idéale aussi dans vos préparations cosmétiques maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧔 Entretien de la barbe\u003c\/h3\u003e\n \u003cp\u003eMessieurs, elle nourrit le poil en profondeur, adoucit la barbe, réduit les démangeaisons et hydrate la peau sous-jacente. Quelques gouttes suffisent pour une barbe plus douce, plus dense et visuellement plus fournie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de ricin sur les cheveux et la peau ?\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eL'huile de ricin a une texture naturellement \u003cstrong\u003eépaisse et visqueuse\u003c\/strong\u003e. C'est tout à fait normal et c'est le signe d'une huile pure et non diluée. Voici nos conseils pratiques :\u003c\/p\u003e\n\n \u003cdiv class=\"rc-card\" style=\"margin-bottom:1.25rem;\"\u003e\n \u003ch3\u003e🧖 En masque capillaire (méthode la plus populaire)\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline\"\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003ePrélevez et réchauffez\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette d'huile de ricin dans le creux de votre main et réchauffez-la entre vos paumes pour la rendre plus fluide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003eAppliquez et massez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le cuir chevelu en massant par mouvements circulaires, puis répartissez sur les longueurs et les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003eEnveloppez vos cheveux dans une serviette chaude ou un bonnet de douche et laissez poser \u003cstrong\u003eau minimum 30 minutes\u003c\/strong\u003e, idéalement toute une nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003eRincez et répétez\u003c\/h3\u003e\n \u003cp\u003eProcédez à deux shampoings doux pour éliminer complètement l'huile. Répétez 1 à 2 fois par semaine pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous trouvez la texture trop épaisse, mélangez l'huile de ricin avec une huile plus légère comme l'huile de coco, de jojoba ou d'amande douce (moitié-moitié). L'application sera plus facile et les bienfaits complémentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"rc-card\" style=\"margin-top:1.25rem;\"\u003e\n \u003ch3\u003e🎯 En soin ciblé (ongles, cils, sourcils, peau)\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité directement sur la zone à traiter, massez délicatement pour favoriser la pénétration, puis laissez agir sans rincer — de préférence le soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rc-card rc-composition-card\"\u003e\n \u003ch3\u003e🧬 Ingrédient (INCI)\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRicinus communis seed oil*\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"font-size:12px;color:var(--rc-text-light);margin-top:.5rem;\"\u003e* Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌾 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eGraine de ricin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e❄️ Mode d'obtention\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique et équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e200 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eCette huile est \u003cstrong\u003e100 % pure, vierge et sans aucun additif\u003c\/strong\u003e. Aucun parfum, aucun conservateur, aucun solvant chimique n'entre dans sa composition. Un produit brut, tel que la nature l'a conçu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eCe qui distingue l'huile de ricin bio Saint-Hilaire\u003c\/h2\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌿 Certifiée biologique\u003c\/h3\u003e\n \u003cp\u003eLes graines de ricin sont cultivées sans pesticides ni engrais chimiques de synthèse, pour une huile respectueuse de votre corps et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eUn choix éthique qui garantit une juste rémunération des producteurs et soutient des pratiques agricoles durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e❄️ Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eCe procédé mécanique, sans chaleur excessive, préserve intégralement les acides gras, la vitamine E et tous les actifs sensibles de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e📦 Format 200 ml généreux\u003c\/h3\u003e\n \u003cp\u003eIdéal pour une utilisation régulière sur plusieurs mois, que ce soit pour les cheveux, la peau ou les ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire est implantée en Auvergne et perpétue un savoir-faire artisanal depuis plusieurs générations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de ricin bio\u003c\/h2\u003e\n \u003cdiv class=\"rc-accordion\"\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🌱 L'huile de ricin fait-elle vraiment pousser les cheveux ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de ricin ne possède pas de propriétés « magiques », mais son action nourrissante et stimulante sur le cuir chevelu crée des conditions favorables à la pousse. En massant régulièrement le cuir chevelu, vous favorisez la circulation sanguine et apportez des nutriments essentiels au bulbe pileux. Les résultats varient d'une personne à l'autre, mais beaucoup constatent une amélioration nette après \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e💇 Peut-on l'utiliser sur tous les types de cheveux ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, l'huile de ricin et les cheveux de tous types font bon ménage. Cheveux crépus, frisés, bouclés, lisses, fins ou épais peuvent tous bénéficier de ses propriétés. La seule précaution : adaptez la quantité utilisée. Les cheveux fins nécessiteront moins de produit pour ne pas être alourdis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🔬 L'huile de ricin est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de ricin a un indice de comédogénicité considéré comme faible (1 sur 5). Elle peut donc être utilisée sur le visage avec précaution, notamment en soin ciblé. Si vous avez une peau à tendance acnéique, il est recommandé de faire un test sur une petite zone avant de l'adopter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🕐 Combien de temps se conserve-t-elle ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre huile de ricin bio à l'abri de la lumière et de la chaleur. Dans ces conditions, elle se conserve généralement entre \u003cstrong\u003e12 et 18 mois\u003c\/strong\u003e après ouverture. Fiez-vous à la date indiquée sur le flacon.\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=\"rc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rc-accordion\"\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de projection oculaire, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un test cutané dans le 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=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes 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 \u003c\/div\u003e\n \u003cp class=\"rc-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical. En cas de problème capillaire ou cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rc-cream: #FDF8F3;\n --rc-white: #ffffff;\n --rc-primary: #C9787C;\n --rc-primary-dark: #8B3A3E;\n --rc-primary-light: #FBF0F0;\n --rc-secondary: #2D4A2D;\n --rc-accent: #D4A843;\n --rc-text: #1a1a1a;\n --rc-text-light: #5a5a5a;\n --rc-border: #e8e0d8;\n --rc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --rc-radius: 20px;\n --rc-radius-sm: 12px;\n}\n\n.rc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rc-hero {\n position: relative;\n background: linear-gradient(135deg, #2D4A2D 0%, #3D6B3D 35%, #C9787C 75%, #8B3A3E 100%);\n border-radius: var(--rc-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(--rc-shadow-lg);\n}\n\n.rc-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,.05) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 45%);\n opacity: 1;\n}\n\n.rc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rc-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.rc-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.rc-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.rc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rc-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(--rc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rc-secondary);\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.rc-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(--rc-primary), var(--rc-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.rc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-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.rc-card {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rc-shadow-lg);\n border-color: var(--rc-primary);\n}\n\n.rc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rc-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.rc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rc-grid-compact .rc-card {\n padding: 1rem;\n}\n\n.rc-grid-compact .rc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rc-grid-compact .rc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rc-primary), var(--rc-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.rc-timeline-content {\n flex: 1;\n background: var(--rc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rc-radius-sm);\n box-shadow: var(--rc-shadow);\n}\n\n.rc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rc-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.rc-timeline-content p {\n font-size: 14px;\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rc-testimonial {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n border-left: 4px solid var(--rc-primary);\n}\n\n.rc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rc-accordion {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n box-shadow: var(--rc-shadow);\n overflow: hidden;\n}\n\n.rc-accordion-item {\n border-bottom: 1px solid var(--rc-border);\n margin: 0;\n padding: 0;\n}\n\n.rc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rc-secondary);\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.rc-accordion-header:hover {\n background: var(--rc-primary-light);\n}\n\n.rc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rc-primary);\n transition: transform .2s ease;\n}\n\n.rc-accordion-item[open] .rc-accordion-header::after {\n content: '−';\n}\n\n.rc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rc-primary-light);\n border-radius: var(--rc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rc-tip p {\n font-size: 14px;\n color: var(--rc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION CARD === *\/\n.rc-composition-card {\n border-left: 4px solid var(--rc-secondary);\n text-align: left;\n}\n\n\/* === DISCLAIMER === *\/\n.rc-disclaimer {\n font-size: 12px;\n color: var(--rc-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 .rc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rc-card {\n padding: 1.125rem;\n }\n\n .rc-section {\n margin-bottom: 1.75rem;\n }\n\n .rc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rc-radius-sm);\n }\n\n .rc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rc-grid-compact {\n gap: .625rem;\n }\n\n .rc-grid-compact .rc-card {\n padding: .75rem;\n }\n\n .rc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rc-timeline-content h3 {\n font-size: 14px;\n }\n\n .rc-timeline-content p {\n font-size: 13px;\n }\n\n .rc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rc-testimonial {\n padding: 1.25rem;\n }\n\n .rc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rc-card {\n animation: rcFadeInUp .5s ease backwards;\n }\n .rc-card:nth-child(1) { animation-delay: .05s; }\n .rc-card:nth-child(2) { animation-delay: .1s; }\n .rc-card:nth-child(3) { animation-delay: .15s; }\n .rc-card:nth-child(4) { animation-delay: .2s; }\n .rc-card:nth-child(5) { animation-delay: .25s; }\n .rc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rcFadeInUp {\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 .rc-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":54868516766073,"sku":"NBAIDSH0023","price":13.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-ricin-bio-saint-hilaire-200ml-packshothd.webp?v=1775115262"},{"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":"huile-essentielle-camomille-romaine-bio-5ml","title":"Huile Essentielle de Camomille Romaine Bio - Saint-Hilaire - 5 ml","description":"\u003cdiv class=\"cr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cr-hero\"\u003e\n \u003cdiv class=\"cr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cr-hero-content\"\u003e\n \u003cdiv class=\"cr-badges-top\"\u003e\n \u003cspan class=\"cr-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"cr-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"cr-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"cr-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cr-hero-title\"\u003eHuile essentielle de camomille romaine bio\u003c\/span\u003e\n \u003cp class=\"cr-subtitle\"\u003eDistillerie Saint-Hilaire · 5 ml\u003c\/p\u003e\n \u003cp class=\"cr-description\"\u003eL'une des huiles essentielles les plus douces et polyvalentes de l'aromathérapie, issue de la distillation des sommités fleuries d'\u003cem\u003eAnthemis nobilis\u003c\/em\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003eHuile essentielle de Camomille Romaine Bio – L'apaisement au naturel\u003c\/h2\u003e\n \u003cp class=\"cr-section-intro\"\u003eConsidérée comme l'une des huiles essentielles les plus douces et polyvalentes, l'huile essentielle de camomille romaine de la Distillerie Saint-Hilaire est un véritable trésor d'aromathérapie. Issue de la distillation des sommités fleuries d'\u003cem\u003eAnthemis nobilis\u003c\/em\u003e, cette huile essentielle de camomille noble certifiée bio vous accompagne au quotidien pour retrouver calme, confort et sérénité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003ePourquoi choisir la camomille romaine en huile essentielle ?\u003c\/h2\u003e\n \u003cp class=\"cr-section-intro\"\u003eRéputée depuis l'Antiquité pour sa richesse en esters, des molécules aux propriétés apaisantes remarquables, voici ses principaux bienfaits traditionnellement reconnus :\u003c\/p\u003e\n \u003cdiv class=\"cr-grid\"\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🧘 Détente nerveuse et gestion du stress\u003c\/h3\u003e\n \u003cp\u003eSon parfum doux, herbacé et légèrement fruité aide à calmer les tensions émotionnelles, l'agitation et la nervosité. L'alliée idéale des périodes de surmenage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌙 Sommeil apaisé\u003c\/h3\u003e\n \u003cp\u003eEn diffusion ou appliquée sur le plexus solaire (diluée), elle favorise l'endormissement et un repos de qualité, chez l'adulte comme chez l'enfant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌸 Confort cutané\u003c\/h3\u003e\n \u003cp\u003eAnti-inflammatoire et anti-prurigineuse, elle apaise les rougeurs, démangeaisons et peaux réactives sujettes aux irritations ou aux allergies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🫄 Soulagement des inconforts digestifs\u003c\/h3\u003e\n \u003cp\u003eAntispasmodique puissante, elle est traditionnellement utilisée pour calmer les crampes abdominales, les nausées et les ballonnements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e💆 Apaisement des douleurs\u003c\/h3\u003e\n \u003cp\u003eEn massage, elle contribue à détendre les muscles tendus et à soulager les gênes articulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003eCarte d'identité du produit\u003c\/h2\u003e\n \u003cdiv class=\"cr-grid-compact\"\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eAnthemis nobilis\u003c\/em\u003e (Chamaemelum nobile)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-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=\"cr-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=\"cr-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=\"cr-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=\"cr-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e5 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-tip\"\u003e\n \u003cspan class=\"cr-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003eLe chémotypage assure une traçabilité complète et une qualité constante, lot après lot. Vous avez l'assurance d'une huile essentielle de camomille romaine 100 % pure, naturelle, sans aucun additif synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de camomille romaine ?\u003c\/h2\u003e\n \u003cp class=\"cr-section-intro\"\u003eDécouvrez les modes d'emploi les plus courants pour profiter de tous ses bienfaits au quotidien :\u003c\/p\u003e\n \u003cdiv class=\"cr-timeline\"\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eDéposez 5 à 10 gouttes dans votre diffuseur pour instaurer une ambiance sereine, particulièrement le soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003eEn massage relaxant\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba) et massez le plexus solaire, la voûte plantaire ou les zones de tension.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003eEn application cutanée locale\u003c\/h3\u003e\n \u003cp\u003eToujours diluée à 10 % dans une huile végétale, appliquez sur les zones irritées ou sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003eEn olfaction directe\u003c\/h3\u003e\n \u003cp\u003eRespirez le flacon ouvert pendant quelques secondes pour un effet calmant immédiat en cas de pic de stress.\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=\"cr-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cr-accordion\"\u003e\n \u003cdetails class=\"cr-accordion-item\"\u003e\n \u003csummary class=\"cr-accordion-header\"\u003e⚠️ Utilisation et dilution\u003c\/summary\u003e\n \u003cdiv class=\"cr-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser pure sur la peau : toujours diluer dans une huile végétale. 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=\"cr-accordion-item\"\u003e\n \u003csummary class=\"cr-accordion-header\"\u003e🤰 Femmes enceintes et nourrissons\u003c\/summary\u003e\n \u003cdiv class=\"cr-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes de moins de 3 mois et aux nourrissons sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cr-accordion-item\"\u003e\n \u003csummary class=\"cr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cr-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon bien fermé, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cr-accordion-item\"\u003e\n \u003csummary class=\"cr-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"cr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace en aucun cas un traitement médical. En cas de pathologie ou de traitement en cours, 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=\"cr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cr-cta-box\"\u003e\n \u003cp\u003e🌼 Offrez-vous la sérénité d'une huile essentielle d'exception, distillée artisanalement en Auvergne, certifiée bio et commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cr-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. Les informations présentées sont données à titre informatif et ne sauraient se substituer à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cr-cream: #faf8f3;\n --cr-white: #ffffff;\n --cr-primary: #2d5a3d;\n --cr-primary-dark: #1e3e2a;\n --cr-primary-light: #e8f0eb;\n --cr-secondary: #c9a94e;\n --cr-accent: #e8d48b;\n --cr-text: #1a1a1a;\n --cr-text-light: #5a5a5a;\n --cr-border: #e0e0e0;\n --cr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cr-radius: 20px;\n --cr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cr-primary-dark) 0%, var(--cr-primary) 50%, #3a7a52 100%);\n border-radius: var(--cr-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(--cr-shadow-lg);\n}\n\n.cr-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,169,78,.15) 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(201,169,78,.06) 0%, transparent 70%);\n opacity: 1;\n}\n\n.cr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cr-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.cr-subtitle {\n color: var(--cr-accent);\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.cr-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.cr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cr-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(--cr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cr-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.cr-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(--cr-primary), var(--cr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cr-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.cr-card {\n background: var(--cr-white);\n border-radius: var(--cr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cr-shadow-lg);\n border-color: var(--cr-primary);\n}\n\n.cr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cr-grid-compact .cr-card {\n padding: 1rem;\n}\n\n.cr-grid-compact .cr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cr-grid-compact .cr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cr-primary), var(--cr-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.cr-timeline-content {\n flex: 1;\n background: var(--cr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cr-radius-sm);\n box-shadow: var(--cr-shadow);\n}\n\n.cr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cr-timeline-content p {\n font-size: 14px;\n color: var(--cr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cr-testimonial {\n background: var(--cr-white);\n border-radius: var(--cr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cr-shadow);\n border-left: 4px solid var(--cr-primary);\n}\n\n.cr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cr-accordion {\n background: var(--cr-white);\n border-radius: var(--cr-radius);\n box-shadow: var(--cr-shadow);\n overflow: hidden;\n}\n\n.cr-accordion-item {\n border-bottom: 1px solid var(--cr-border);\n margin: 0;\n padding: 0;\n}\n\n.cr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cr-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.cr-accordion-header:hover {\n background: var(--cr-primary-light);\n}\n\n.cr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cr-primary);\n transition: transform .2s ease;\n}\n\n.cr-accordion-item[open] .cr-accordion-header::after {\n content: '−';\n}\n\n.cr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cr-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cr-primary-light);\n border-radius: var(--cr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cr-tip p {\n font-size: 14px;\n color: var(--cr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cr-cta-box {\n background: linear-gradient(135deg, var(--cr-primary) 0%, var(--cr-primary-dark) 100%);\n border-radius: var(--cr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cr-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.cr-disclaimer {\n font-size: 12px;\n color: var(--cr-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 .cr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cr-card {\n padding: 1.125rem;\n }\n\n .cr-section {\n margin-bottom: 1.75rem;\n }\n\n .cr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cr-radius-sm);\n }\n\n .cr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cr-grid-compact {\n gap: .625rem;\n }\n\n .cr-grid-compact .cr-card {\n padding: .75rem;\n }\n\n .cr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cr-timeline-content h3 {\n font-size: 14px;\n }\n\n .cr-timeline-content p {\n font-size: 13px;\n }\n\n .cr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cr-testimonial {\n padding: 1.25rem;\n }\n\n .cr-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cr-card {\n animation: crFadeInUp .5s ease backwards;\n }\n .cr-card:nth-child(1) { animation-delay: .05s; }\n .cr-card:nth-child(2) { animation-delay: .1s; }\n .cr-card:nth-child(3) { animation-delay: .15s; }\n .cr-card:nth-child(4) { animation-delay: .2s; }\n .cr-card:nth-child(5) { animation-delay: .25s; }\n .cr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes crFadeInUp {\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 .cr-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":54869009236345,"sku":"NBAIDSH0026","price":31.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-camomille-romaine-bio-saint-hilaire-5-m-packshothd.webp?v=1774513797"},{"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":"eau-florale-rose-bio-saint-hilaire-200ml","title":"Eau Florale de Rose Bio - Saint-Hilaire - 200 ml","description":"\u003cdiv class=\"efr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"efr-hero\"\u003e\n \u003cdiv class=\"efr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"efr-hero-content\"\u003e\n \u003cdiv class=\"efr-badges-top\"\u003e\n \u003cspan class=\"efr-badge\"\u003e🌹 Rosa x damascena\u003c\/span\u003e\n \u003cspan class=\"efr-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"efr-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"efr-badge\"\u003e♻️ Flacon 100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"efr-hero-title\"\u003eEau Florale de Rose Bio\u003c\/span\u003e\n \u003cp class=\"efr-subtitle\"\u003eDistillerie Saint-Hilaire — 200 ml\u003c\/p\u003e\n \u003cp class=\"efr-description\"\u003eL'éclat naturel de la rose de Damas, capturé dans un hydrolat pur, biologique et équitable. 98 % d'ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eEau florale de Rose de Damas bio : le secret d'une peau lumineuse\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eVous cherchez une \u003cstrong\u003eeau de rose pour le visage\u003c\/strong\u003e qui soit à la fois pure, efficace et respectueuse de votre peau ?\u003c\/p\u003e\n \u003cdiv class=\"efr-testimonial\"\u003e\n \u003cp class=\"efr-testimonial-text\"\u003eCette eau florale de Rose bio de la Distillerie Saint-Hilaire est obtenue par distillation à la vapeur d'eau de pétales de \u003cstrong\u003eRosa x damascena\u003c\/strong\u003e, cultivés en agriculture biologique et équitable. Chaque flacon concentre toute la délicatesse et la puissance de la rose de Damas, sans aucun ajout de parfum ni de conservateur synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003ePourquoi appliquer de l'eau de rose sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eUn incontournable des rituels de beauté naturelle depuis des siècles. Des résultats visibles dès les premières applications.\u003c\/p\u003e\n \u003cdiv class=\"efr-grid\"\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e✨ Astringente et purifiante\u003c\/h3\u003e\n \u003cp\u003eElle aide à resserrer les pores dilatés et affine visiblement le grain de peau, idéale après le nettoyage du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e👁️ Décongestionnante\u003c\/h3\u003e\n \u003cp\u003eAppliquée en compresse fraîche sur les yeux, elle atténue les poches et les cernes liés à la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e💧 Hydratante\u003c\/h3\u003e\n \u003cp\u003eElle préserve le film hydrolipidique de la peau et prépare parfaitement l'épiderme à recevoir votre sérum ou votre crème.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eElle calme les rougeurs, les tiraillements et les sensations d'inconfort, même sur les peaux les plus sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🛡️ Protectrice\u003c\/h3\u003e\n \u003cp\u003eElle forme un voile protecteur contre les agressions extérieures comme la pollution ou le vent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eComment utiliser cette eau de rose au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eIntégrer l'eau de rose dans votre routine est très simple. Voici un rituel beauté en trois étapes pour un teint frais et éclatant.\u003c\/p\u003e\n \u003cdiv class=\"efr-timeline\"\u003e\n \u003cdiv class=\"efr-timeline-item\"\u003e\n \u003cdiv class=\"efr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-content\"\u003e\n \u003ch3\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003eMatin et soir, directement sur le visage, ou imbibez un coton réutilisable que vous passez délicatement sur l'ensemble du visage et du cou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-item\"\u003e\n \u003cdiv class=\"efr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-content\"\u003e\n \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n \u003cp\u003eQuelques secondes sans frotter : la peau absorbe naturellement les actifs de la rose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-item\"\u003e\n \u003cdiv class=\"efr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-content\"\u003e\n \u003ch3\u003eAppliquez votre soin\u003c\/h3\u003e\n \u003cp\u003eVotre soin hydratant habituel (sérum, huile végétale ou crème) pour sceller l'hydratation et maximiser les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-tip\"\u003e\n \u003cspan class=\"efr-tip-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e conservez votre flacon au réfrigérateur pour un effet fraîcheur décuplé, particulièrement agréable en été ou sur les yeux fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"efr-grid\"\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🌹 Rosa Damascena Flower Water*\u003c\/h3\u003e\n \u003cp\u003eEau florale de rose de Damas issue de la distillation des fleurs. L'ingrédient star de ce soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🌱 Leuconostoc \/ Radish Root Ferment Filtrate\u003c\/h3\u003e\n \u003cp\u003eConservateur naturel obtenu par fermentation de radis, qui préserve la fraîcheur du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n \u003cp\u003eEau purifiée entrant dans la composition de l'hydrolat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🔬 Molécules naturelles de la rose\u003c\/h3\u003e\n \u003cp\u003eCitronellol°, Farnesol°, Geraniol°, Linalool°, Citral°, Eugenol° — naturellement présentes dans la rose de Damas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"efr-disclaimer\"\u003e* 98 % des ingrédients sont issus de l'agriculture biologique. ° Molécules naturellement présentes dans la plante.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eDes engagements éthiques concrets\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eBien plus qu'une simple eau de rose : un produit qui respecte la planète et les producteurs.\u003c\/p\u003e\n \u003cdiv class=\"efr-grid-compact\"\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifiée par Ecocert, garantie d'un produit véritablement biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🤝 Fair For Life\u003c\/h3\u003e\n \u003cp\u003eLes producteurs de roses sont rémunérés équitablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e♻️ Flacon recyclé\u003c\/h3\u003e\n \u003cp\u003e200 ml en plastique 100 % recyclé et recyclable, sans suremballage superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Auvergne\u003c\/h3\u003e\n \u003cp\u003eDistillée par la Distillerie Saint-Hilaire, un savoir-faire artisanal français reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"efr-accordion\"\u003e\n \u003cdetails class=\"efr-accordion-item\" open\u003e\n \u003csummary class=\"efr-accordion-header\"\u003e⚠️ Précautions et conservation\u003c\/summary\u003e\n \u003cdiv class=\"efr-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez l'application chez les enfants de moins de 3 ans. Conservez le flacon bien fermé, dans un endroit frais et à l'abri de la lumière. Ce produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"efr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"efr-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre peau la pureté de la rose de Damas bio — un geste beauté simple, naturel et profondément efficace, matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --efr-cream: #f8f5f0;\n --efr-white: #ffffff;\n --efr-primary: #2e3d7c;\n --efr-primary-dark: #1c2754;\n --efr-primary-light: #e8ebf4;\n --efr-secondary: #d4a0b0;\n --efr-accent: #c97d94;\n --efr-text: #1a1a1a;\n --efr-text-light: #5a5a5a;\n --efr-border: #e0ddd8;\n --efr-shadow: 0 4px 24px rgba(46,61,124,.08);\n --efr-shadow-lg: 0 12px 48px rgba(46,61,124,.15);\n --efr-radius: 20px;\n --efr-radius-sm: 12px;\n}\n\n.efr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--efr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.efr-hero {\n position: relative;\n background: linear-gradient(135deg, #1c2754 0%, #2e3d7c 40%, #5a6db5 70%, #d4a0b0 100%);\n border-radius: var(--efr-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(--efr-shadow-lg);\n}\n\n.efr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(212,160,176,.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.efr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.efr-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.efr-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.efr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.efr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.efr-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(--efr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.efr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.efr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.efr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--efr-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.efr-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(--efr-primary), var(--efr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.efr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--efr-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.efr-card {\n background: var(--efr-white);\n border-radius: var(--efr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--efr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.efr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--efr-shadow-lg);\n border-color: var(--efr-primary);\n}\n\n.efr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--efr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.efr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--efr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.efr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.efr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.efr-grid-compact .efr-card {\n padding: 1rem;\n}\n\n.efr-grid-compact .efr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.efr-grid-compact .efr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.efr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.efr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.efr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--efr-primary), var(--efr-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.efr-timeline-content {\n flex: 1;\n background: var(--efr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--efr-radius-sm);\n box-shadow: var(--efr-shadow);\n}\n\n.efr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--efr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.efr-timeline-content p {\n font-size: 14px;\n color: var(--efr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.efr-testimonial {\n background: var(--efr-white);\n border-radius: var(--efr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--efr-shadow);\n border-left: 4px solid var(--efr-secondary);\n}\n\n.efr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--efr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.efr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--efr-primary-light);\n border-radius: var(--efr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.efr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.efr-tip p {\n font-size: 14px;\n color: var(--efr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.efr-accordion {\n background: var(--efr-white);\n border-radius: var(--efr-radius);\n box-shadow: var(--efr-shadow);\n overflow: hidden;\n}\n\n.efr-accordion-item {\n border-bottom: 1px solid var(--efr-border);\n margin: 0;\n padding: 0;\n}\n\n.efr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.efr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--efr-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.efr-accordion-header:hover {\n background: var(--efr-primary-light);\n}\n\n.efr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.efr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--efr-primary);\n transition: transform .2s ease;\n}\n\n.efr-accordion-item[open] .efr-accordion-header::after {\n content: '−';\n}\n\n.efr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--efr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.efr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.efr-cta-box {\n background: linear-gradient(135deg, var(--efr-primary) 0%, var(--efr-primary-dark) 50%, #4a3060 100%);\n border-radius: var(--efr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.efr-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.efr-disclaimer {\n font-size: 12px;\n color: var(--efr-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 .efr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .efr-card {\n padding: 1.125rem;\n }\n\n .efr-section {\n margin-bottom: 1.75rem;\n }\n\n .efr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--efr-radius-sm);\n }\n\n .efr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .efr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .efr-grid-compact {\n gap: .625rem;\n }\n\n .efr-grid-compact .efr-card {\n padding: .75rem;\n }\n\n .efr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .efr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .efr-timeline-content h3 {\n font-size: 14px;\n }\n\n .efr-timeline-content p {\n font-size: 13px;\n }\n\n .efr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .efr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .efr-testimonial {\n padding: 1.25rem;\n }\n\n .efr-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .efr-card {\n animation: efrFadeInUp .5s ease backwards;\n }\n .efr-card:nth-child(1) { animation-delay: .05s; }\n .efr-card:nth-child(2) { animation-delay: .1s; }\n .efr-card:nth-child(3) { animation-delay: .15s; }\n .efr-card:nth-child(4) { animation-delay: .2s; }\n .efr-card:nth-child(5) { animation-delay: .25s; }\n .efr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes efrFadeInUp {\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 .efr-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":54875067482489,"sku":"NBAIDSH0021","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-de-rose-bio-saint-hilaire-200-ml-packshothd.webp?v=1774283652"},{"product_id":"baume-des-volcans-baume-de-massage-a-larnica-50-ml-saint-hilaire","title":"Baume des Volcans - Baume de Massage à l'Arnica - 50 ml - Saint-Hilaire","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"bv-premium\"\u003e\n\u003c!-- HERO AVEC PATTERN --\u003e\n\u003cdiv class=\"bv-hero\"\u003e\n\u003cdiv class=\"bv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bv-hero-content\"\u003e\n\u003cdiv class=\"bv-brand\"\u003eDISTILLERIE SAINT-HILAIRE · AUVERGNE\u003c\/div\u003e\n\u003cdiv class=\"bv-hero-subtitle\"\u003eBaume de Soin des Volcans à l'Arnica \u0026amp; Huiles Essentielles Bio\u003c\/div\u003e\n\u003c!-- DESCRIPTION COURTE --\u003e\n\u003cdiv class=\"bv-short-description\"\u003e\n\u003cdiv class=\"bv-short-item\"\u003e\n\u003cstrong\u003e🌿 Formule ancestrale 35 ans\u003c\/strong\u003e \u003cspan\u003eInchangée · Recette historique iconique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-short-item\"\u003e\n\u003cstrong\u003e🇫🇷 Ingrédients français frais\u003c\/strong\u003e \u003cspan\u003eCultivés \u0026amp; récoltés en Auvergne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-short-item\"\u003e\n\u003cstrong\u003e🏆 Meilleur Produit Bio 2025\u003c\/strong\u003e \u003cspan\u003eJury 100 consommateurs bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-short-item\"\u003e\n\u003cstrong\u003e✅ COSMOS Ecocert certifié\u003c\/strong\u003e \u003cspan\u003e92,80% bio · Éco-conçu verre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-badges-top\"\u003e\n\u003cspan class=\"bv-badge\"\u003e🌿 Arnica + 8 HE bio\u003c\/span\u003e \u003cspan class=\"bv-badge\"\u003e🏔️ Made in Auvergne\u003c\/span\u003e \u003cspan class=\"bv-badge\"\u003e🏆 Meilleur Bio 2025\u003c\/span\u003e \u003cspan class=\"bv-badge\"\u003e♻️ Éco-conçu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"bv-description\"\u003eDécouvrez un \u003cstrong\u003ebaume de massage à l'arnica\u003c\/strong\u003e aux huiles essentielles biologiques, né au cœur de l'Auvergne, à la \u003cstrong\u003eDistillerie Saint‑Hilaire\u003c\/strong\u003e. Composé d'actifs majoritairement cultivés ou récoltés en France, ce soin \u003cstrong\u003ehistorique et iconique depuis 35 ans\u003c\/strong\u003e vous accompagne dans vos moments de détente et de récupération.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POURQUOI CE BAUME --\u003e\n\u003csection class=\"bv-section\"\u003e\n\u003ch2 class=\"bv-title\"\u003e\u003cspan\u003ePourquoi ce baume est parfait pour vous\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bv-why-grid\"\u003e\n\u003carticle class=\"bv-why-card\"\u003e\n\u003cdiv class=\"bv-why-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eBien-être après l'effort\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les \u003cstrong\u003erandonneurs, coureurs et sportifs\u003c\/strong\u003e désirant soulager les tensions musculaires et articulaires.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bv-why-card\"\u003e\n\u003cdiv class=\"bv-why-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eIngrédients français \u0026amp; frais\u003c\/h3\u003e\n\u003cp\u003eFormulation \u003cstrong\u003einchangée depuis 35 ans\u003c\/strong\u003e, à base d'eaux florales d'arnica, mélisse, hysope, huiles végétales et essentielles bio locales.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bv-why-card\"\u003e\n\u003cdiv class=\"bv-why-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eTexture onctueuse apaisante\u003c\/h3\u003e\n\u003cp\u003ePénètre facilement, laisse la peau hydratée, et propose une \u003cstrong\u003epause détente parfumée\u003c\/strong\u003e mentholée et aromatique.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bv-why-card\"\u003e\n\u003cdiv class=\"bv-why-icon\"\u003e♻️\u003c\/div\u003e\n\u003ch3\u003eÉco-conçu responsable\u003c\/h3\u003e\n\u003cp\u003ePot en verre sodocalcique, couvercle aluminium, \u003cstrong\u003esans suremballage\u003c\/strong\u003e, réutilisable.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bv-why-card\"\u003e\n\u003cdiv class=\"bv-why-icon\"\u003e✅\u003c\/div\u003e\n\u003ch3\u003eCOSMOS Ecocert certifié\u003c\/h3\u003e\n\u003cp\u003eGage de \u003cstrong\u003equalité biologique et écologique\u003c\/strong\u003e reconnue internationalement.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BADGE MEILLEUR BIO 2025 --\u003e\n\u003csection class=\"bv-section\"\u003e\n\u003cdiv class=\"bv-award-box\"\u003e\n\u003cdiv class=\"bv-award-badge\"\u003e🏆\u003c\/div\u003e\n\u003cdiv class=\"bv-award-content\"\u003e\n\u003ch3\u003eMeilleur produit Bio 2025\u003c\/h3\u003e\n\u003cp\u003eDistinction attribuée par un \u003cstrong\u003ejury de 100 consommateurs bio\u003c\/strong\u003e sur Bioalaune.com. Une reconnaissance qui témoigne de la qualité exceptionnelle et de l'efficacité de ce baume ancestral, plébiscité par les utilisateurs pour son authenticité et ses bienfaits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"bv-section\"\u003e\n\u003ch2 class=\"bv-title\"\u003e\u003cspan\u003eComposition Naturelle \u0026amp; Bio\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bv-heritage-note\"\u003e\n\u003cp\u003e🌿 La \u003cstrong\u003eformulation ancestrale, inchangée depuis 35 ans\u003c\/strong\u003e, marie des actifs naturels puissants récoltés au cœur de l'Auvergne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-ingredients-container\"\u003e\n\u003c!-- EAUX FLORALES --\u003e\n\u003cdiv class=\"bv-ingredient-section\"\u003e\n\u003ch3\u003e💧 Eaux Florales Bio\u003c\/h3\u003e\n\u003cdiv class=\"bv-ingredient-tags\"\u003e\n\u003cspan class=\"bv-tag bv-tag-featured\"\u003eArnica Montana\u003c\/span\u003e \u003cspan class=\"bv-tag\"\u003eMélisse officinale\u003c\/span\u003e \u003cspan class=\"bv-tag\"\u003eHysope\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HUILES VÉGÉTALES --\u003e\n\u003cdiv class=\"bv-ingredient-section\"\u003e\n\u003ch3\u003e🌻 Huiles Végétales Bio\u003c\/h3\u003e\n\u003cdiv class=\"bv-ingredient-tags\"\u003e\n\u003cspan class=\"bv-tag\"\u003eMacérat Reine des prés\u003c\/span\u003e \u003cspan class=\"bv-tag\"\u003eHuile de tournesol\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HUILES ESSENTIELLES --\u003e\n\u003cdiv class=\"bv-ingredient-section\"\u003e\n\u003ch3\u003e🌿 8 Huiles Essentielles Bio\u003c\/h3\u003e\n\u003cdiv class=\"bv-ingredient-tags\"\u003e\n\u003cspan class=\"bv-tag bv-tag-featured\"\u003eCamomille matricaire\u003c\/span\u003e \u003cspan class=\"bv-tag bv-tag-featured\"\u003eMenthe poivrée\u003c\/span\u003e \u003cspan class=\"bv-tag\"\u003eMillepertuis\u003c\/span\u003e \u003cspan class=\"bv-tag\"\u003eGenévrier baies\u003c\/span\u003e \u003cspan class=\"bv-tag\"\u003eCoriandre\u003c\/span\u003e \u003cspan class=\"bv-tag\"\u003eCamomille romaine\u003c\/span\u003e \u003cspan class=\"bv-tag\"\u003eAchillée millefeuille\u003c\/span\u003e \u003cspan class=\"bv-tag\"\u003eOrigan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- AUTRES --\u003e\n\u003cdiv class=\"bv-ingredient-section\"\u003e\n\u003ch3\u003e🧪 Agents Naturels\u003c\/h3\u003e\n\u003cdiv class=\"bv-ingredient-tags\"\u003e\n\u003cspan class=\"bv-tag\"\u003eÉmulsifiants naturels\u003c\/span\u003e \u003cspan class=\"bv-tag\"\u003eConservateurs doux\u003c\/span\u003e \u003cspan class=\"bv-tag\"\u003eGélifiant\u003c\/span\u003e \u003cspan class=\"bv-tag\"\u003eRégulateur pH\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-bio-stats\"\u003e\n\u003cdiv class=\"bv-bio-stat\"\u003e\n\u003cdiv class=\"bv-bio-number\"\u003e99,20%\u003c\/div\u003e\n\u003cdiv class=\"bv-bio-label\"\u003eIngrédients\u003cbr\u003ed'origine naturelle\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-bio-stat\"\u003e\n\u003cdiv class=\"bv-bio-number\"\u003e92,80%\u003c\/div\u003e\n\u003cdiv class=\"bv-bio-label\"\u003eIssus de\u003cbr\u003el'agriculture bio\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CONSEILS D'UTILISATION --\u003e\n\u003csection class=\"bv-section\"\u003e\n\u003ch2 class=\"bv-title\"\u003e\u003cspan\u003eConseils d'Utilisation\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bv-usage-box\"\u003e\n\u003cdiv class=\"bv-usage-main\"\u003e\n\u003cdiv class=\"bv-usage-icon\"\u003e🖐️\u003c\/div\u003e\n\u003cdiv class=\"bv-usage-text\"\u003e\n\u003ch4\u003eApplication \u0026amp; Massage\u003c\/h4\u003e\n\u003cp\u003eAppliquez une noisette du baume sur les zones concernées (muscles ou articulations) et \u003cstrong\u003emassez du bas vers le haut\u003c\/strong\u003e pour une meilleure efficacité. La texture onctueuse pénètre après un massage prolongé, offrant \u003cstrong\u003edétente et souplesse\u003c\/strong\u003e – un geste apprécié des randonneurs et sportifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-usage-tips\"\u003e\n\u003cdiv class=\"bv-usage-tip\"\u003e\n\u003cspan class=\"bv-tip-icon\"\u003e🏔️\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eAprès randonnée\u003c\/strong\u003e pour soulager jambes \u0026amp; pieds\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-usage-tip\"\u003e\n\u003cspan class=\"bv-tip-icon\"\u003e🏃\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003ePost-effort sportif\u003c\/strong\u003e sur muscles sollicités\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-usage-tip\"\u003e\n\u003cspan class=\"bv-tip-icon\"\u003e🧘\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eMoment détente\u003c\/strong\u003e avec massage aromatique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"bv-section\"\u003e\n\u003ch2 class=\"bv-title\"\u003e\u003cspan\u003ePrécautions d'Emploi\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bv-precautions-grid\"\u003e\n\u003cdiv class=\"bv-precaution-card\"\u003e\n\u003cspan class=\"bv-precaution-icon\"\u003e🤰\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes ou allaitantes et aux enfants de moins de 7 ans en raison des huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-precaution-card\"\u003e\n\u003cspan class=\"bv-precaution-icon\"\u003e👁️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eÉviter le contact\u003c\/strong\u003e avec les yeux et les muqueuses. En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-precaution-card\"\u003e\n\u003cspan class=\"bv-precaution-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eUsage externe uniquement\u003c\/strong\u003e – Ne pas avaler. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-precaution-card\"\u003e\n\u003cspan class=\"bv-precaution-icon\"\u003e🌡️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConservation\u003c\/strong\u003e : bien fermé, à l'abri de la lumière et au frais pour préserver les actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-precaution-card\"\u003e\n\u003cspan class=\"bv-precaution-icon\"\u003e💊\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eComplément de bien-être\u003c\/strong\u003e – Ne remplace pas un traitement médical prescrit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"bv-section\"\u003e\n\u003cdiv class=\"bv-for-who-box\"\u003e\n\u003ch2\u003e👥 Idéal pour\u003c\/h2\u003e\n\u003cdiv class=\"bv-for-who-grid\"\u003e\n\u003cdiv class=\"bv-for-who-item\"\u003e\n\u003cdiv class=\"bv-for-who-emoji\"\u003e🥾\u003c\/div\u003e\n\u003cstrong\u003eRandonneurs\u003c\/strong\u003e \u003cspan\u003eJambes lourdes \u0026amp; fatiguées\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-for-who-item\"\u003e\n\u003cdiv class=\"bv-for-who-emoji\"\u003e🏃♂️\u003c\/div\u003e\n\u003cstrong\u003eSportifs\u003c\/strong\u003e \u003cspan\u003eRécupération musculaire\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-for-who-item\"\u003e\n\u003cdiv class=\"bv-for-who-emoji\"\u003e🧘♀️\u003c\/div\u003e\n\u003cstrong\u003eDétente\u003c\/strong\u003e \u003cspan\u003ePause bien-être aromatique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bv-for-who-item\"\u003e\n\u003cdiv class=\"bv-for-who-emoji\"\u003e💆\u003c\/div\u003e\n\u003cstrong\u003eTensions\u003c\/strong\u003e \u003cspan\u003eArticulations \u0026amp; raideurs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ÉCO-CONCEPTION --\u003e\n\u003csection class=\"bv-section\"\u003e\n\u003cdiv class=\"bv-eco-box\"\u003e\n\u003cdiv class=\"bv-eco-icon\"\u003e♻️\u003c\/div\u003e\n\u003cdiv class=\"bv-eco-content\"\u003e\n\u003ch3\u003eEngagement Éco-Responsable\u003c\/h3\u003e\n\u003cp\u003eLe Baume des Volcans incarne une démarche éco-conçue respectueuse :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePot en verre sodocalcique\u003c\/strong\u003e recyclable à l'infini\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCouvercle en aluminium\u003c\/strong\u003e recyclable\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans suremballage\u003c\/strong\u003e inutile\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eContenant réutilisable\u003c\/strong\u003e pour d'autres usages\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduction locale\u003c\/strong\u003e en Auvergne (circuit court)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA --\u003e\n\u003csection class=\"bv-section\"\u003e\n\u003cdiv class=\"bv-cta\"\u003e\n\u003ch3\u003eVotre allié bien-être d'Auvergne\u003c\/h3\u003e\n\u003cp\u003eDepuis 35 ans, le Baume des Volcans accompagne les amoureux de la nature et du sport. Une formule authentique, des ingrédients nobles, un savoir-faire préservé : offrez à votre corps le réconfort qu'il mérite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n \u003c!-- INCI --\u003e\n\u003csection class=\"bv-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"bv-inci-box\"\u003e\n\u003ch3\u003e📋 Liste INCI Complète\u003c\/h3\u003e\n\u003cp class=\"bv-inci-list\"\u003e\u003cem\u003eARNICA MONTANA FLOWER WATER*\u003c\/em\u003e, \u003cem\u003eMELISSA OFFICINALIS FLOWER\/LEAF\/STEM WATER*\u003c\/em\u003e, \u003cem\u003eHYSSOPUS OFFICINALIS EXTRACT*\u003c\/em\u003e, \u003cem\u003eHELIANTHUS ANNUUS SEED OIL*\u003c\/em\u003e, CETEARYL ALCOHOL \/ CETEARYL GLUCOSIDE, \u003cem\u003eSPIREA ULMARIA FLOWER EXTRACT*\u003c\/em\u003e, \u003cem\u003eJUNIPERUS COMMUNIS FRUIT OIL*\u003c\/em\u003e, \u003cem\u003eANTHEMIS NOBILIS FLOWER OIL*\u003c\/em\u003e, \u003cem\u003eCORIANDRUM SATIVUM FRUIT OIL*\u003c\/em\u003e, \u003cem\u003eMENTHA PIPERITA OIL*\u003c\/em\u003e, \u003cem\u003eCHAMOMILLA RECUTITA FLOWER OIL*\u003c\/em\u003e, \u003cem\u003eACHILLEA MILLEFOLIUM OIL*\u003c\/em\u003e, \u003cem\u003eHYPERICUM PERFORATUM OIL*\u003c\/em\u003e, \u003cem\u003eORIGANUM MAJORANA LEAF OIL*\u003c\/em\u003e, BENZYL ALCOHOL \/ DEHYDROACETIC ACID \/ AQUA, XANTHAN GUM, CITRIC ACID, SODIUM BENZOATE, POTASSIUM SORBATE, GERANIOL°, LIMONENE°, LINALOOL°\u003c\/p\u003e\n\u003cp class=\"bv-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique · °Composants naturels des huiles essentielles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- ========== STYLE BAUME DES VOLCANS ========== --\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --bv-cream: #f9faf8;\n --bv-white: #ffffff;\n --bv-sage: #7b9c8a;\n --bv-sage-dark: #5f7a6b;\n --bv-sage-light: #a8c4b5;\n --bv-ice: #d4e8e6;\n --bv-mint: #9fc9c1;\n --bv-text: #2d3d2f;\n --bv-text-light: #667368;\n --bv-border: #d8e3dd;\n --bv-shadow: 0 4px 20px rgba(123, 156, 138, .12);\n --bv-shadow-lg: 0 8px 32px rgba(123, 156, 138, .2);\n --bv-radius: 20px;\n}\n\n\/* === CONTENEUR === *\/\n.bv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bv-hero {\n position: relative;\n background: linear-gradient(135deg, #7b9c8a 0%, #8eafa0 50%, #9fc9c1 100%);\n border-radius: var(--bv-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(--bv-shadow-lg);\n}\n\n.bv-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: 0.8;\n}\n\n.bv-hero-content {\n position: relative;\n z-index: 1;\n}\n\n.bv-brand {\n font-size: clamp(10px, 1.5vw, 12px);\n font-weight: 700;\n letter-spacing: 2px;\n color: rgba(255,255,255,.9);\n margin-bottom: 0.75rem;\n text-align: center;\n text-transform: uppercase;\n}\n\n.bv-hero-title {\n color: white;\n font-size: clamp(32px, 7vw, 48px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n text-align: center;\n letter-spacing: -.04em;\n text-shadow: 0 3px 15px rgba(0,0,0,.15);\n}\n\n.bv-hero-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n text-align: center;\n margin-bottom: 2rem;\n letter-spacing: .5px;\n}\n\n\/* === DESCRIPTION COURTE === *\/\n.bv-short-description {\n background: linear-gradient(135deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.9) 100%);\n backdrop-filter: blur(10px);\n border-radius: var(--bv-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 1.5rem;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n box-shadow: 0 4px 20px rgba(0,0,0,.1);\n}\n\n.bv-short-item {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n\n.bv-short-item strong {\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 800;\n color: var(--bv-text);\n letter-spacing: -.01em;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.bv-short-item span {\n font-size: clamp(12px, 1.8vw, 14px);\n color: var(--bv-text-light);\n line-height: 1.4;\n}\n\n@media (max-width: 720px) {\n .bv-short-description {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n}\n\n.bv-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.bv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.25);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n transition: all .3s ease;\n}\n\n.bv-badge:hover {\n background: rgba(255,255,255,.35);\n transform: translateY(-2px);\n}\n\n.bv-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.2vw, 17px);\n line-height: 1.7;\n text-align: center;\n max-width: 900px;\n margin: 0 auto;\n text-shadow: 0 1px 3px rgba(0,0,0,.1);\n}\n\n.bv-description strong {\n font-weight: 700;\n}\n\n\/* === SECTIONS === *\/\n.bv-section {\n margin-bottom: clamp(3.5rem, 6vw, 5rem);\n}\n\n.bv-title {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 800;\n color: var(--bv-text);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n}\n\n.bv-title span {\n position: relative;\n display: inline-block;\n padding: 0 2rem;\n background: var(--bv-cream);\n z-index: 1;\n}\n\n.bv-title::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent 0%, var(--bv-sage) 50%, transparent 100%);\n border-radius: 2px;\n}\n\n\/* === WHY GRID === *\/\n.bv-why-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.bv-why-card {\n background: var(--bv-white);\n border-radius: var(--bv-radius);\n padding: 2rem 1.5rem;\n box-shadow: var(--bv-shadow);\n transition: all .3s ease;\n text-align: center;\n border: 2px solid var(--bv-border);\n}\n\n.bv-why-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--bv-shadow-lg);\n border-color: var(--bv-sage);\n}\n\n.bv-why-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.bv-why-card h3 {\n font-size: 19px;\n font-weight: 700;\n color: var(--bv-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.01em;\n}\n\n.bv-why-card p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--bv-text-light);\n margin: 0;\n}\n\n.bv-why-card strong {\n color: var(--bv-text);\n font-weight: 700;\n}\n\n\/* === AWARD BOX === *\/\n.bv-award-box {\n background: linear-gradient(135deg, #fef9e7 0%, #fef5d4 100%);\n border: 3px solid #f4d03f;\n border-radius: var(--bv-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n gap: 2rem;\n align-items: center;\n box-shadow: 0 8px 32px rgba(244, 208, 63, .2);\n}\n\n.bv-award-badge {\n font-size: 80px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 16px rgba(244, 208, 63, .4));\n}\n\n.bv-award-content h3 {\n font-size: 24px;\n font-weight: 800;\n color: var(--bv-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.bv-award-content p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--bv-text-light);\n margin: 0;\n}\n\n.bv-award-content strong {\n color: var(--bv-text);\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .bv-award-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === HERITAGE NOTE === *\/\n.bv-heritage-note {\n background: linear-gradient(135deg, var(--bv-ice) 0%, #e8f3f1 100%);\n border-radius: var(--bv-radius);\n padding: 1.5rem 2rem;\n margin-bottom: 2rem;\n border-left: 4px solid var(--bv-sage);\n text-align: center;\n}\n\n.bv-heritage-note p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--bv-text);\n margin: 0;\n}\n\n.bv-heritage-note strong {\n font-weight: 700;\n color: var(--bv-sage-dark);\n}\n\n\/* === INGREDIENTS === *\/\n.bv-ingredients-container {\n display: grid;\n gap: 2rem;\n margin-bottom: 2.5rem;\n}\n\n.bv-ingredient-section {\n background: var(--bv-white);\n border-radius: var(--bv-radius);\n padding: 2rem;\n box-shadow: var(--bv-shadow);\n border: 2px solid var(--bv-border);\n}\n\n.bv-ingredient-section h3 {\n font-size: 20px;\n font-weight: 700;\n color: var(--bv-text);\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.bv-ingredient-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.bv-tag {\n display: inline-block;\n padding: 8px 16px;\n background: var(--bv-ice);\n color: var(--bv-sage-dark);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n transition: all .3s ease;\n border: 1px solid var(--bv-border);\n}\n\n.bv-tag:hover {\n background: var(--bv-mint);\n transform: translateY(-2px);\n}\n\n.bv-tag-featured {\n background: var(--bv-sage);\n color: white;\n border-color: var(--bv-sage-dark);\n font-weight: 700;\n}\n\n\/* === BIO STATS === *\/\n.bv-bio-stats {\n display: flex;\n gap: 3rem;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.bv-bio-stat {\n text-align: center;\n}\n\n.bv-bio-number {\n font-size: clamp(40px, 8vw, 56px);\n font-weight: 900;\n color: var(--bv-sage-dark);\n letter-spacing: -.03em;\n line-height: 1;\n}\n\n.bv-bio-label {\n font-size: 14px;\n font-weight: 600;\n color: var(--bv-text-light);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-top: 0.5rem;\n line-height: 1.4;\n}\n\n\/* === INCI BOX === *\/\n.bv-inci-box {\n background: var(--bv-white);\n border-radius: var(--bv-radius);\n padding: 2.5rem;\n box-shadow: var(--bv-shadow);\n border: 2px solid var(--bv-border);\n}\n\n.bv-inci-box h3 {\n font-size: 22px;\n font-weight: 700;\n color: var(--bv-text);\n margin: 0 0 1.5rem 0;\n text-align: center;\n letter-spacing: -.02em;\n}\n\n.bv-inci-list {\n font-size: 13px;\n line-height: 2;\n color: var(--bv-text-light);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.bv-inci-list em {\n color: var(--bv-sage-dark);\n font-style: italic;\n font-weight: 600;\n}\n\n.bv-inci-note {\n font-size: 12px;\n font-style: italic;\n color: var(--bv-text-light);\n margin: 0;\n text-align: center;\n}\n\n\/* === USAGE BOX === *\/\n.bv-usage-box {\n background: var(--bv-white);\n border-radius: var(--bv-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--bv-shadow-lg);\n border: 3px solid var(--bv-sage);\n}\n\n.bv-usage-main {\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n border-bottom: 2px solid var(--bv-border);\n}\n\n.bv-usage-icon {\n font-size: 64px;\n flex-shrink: 0;\n}\n\n.bv-usage-text h4 {\n font-size: 22px;\n font-weight: 700;\n color: var(--bv-text);\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.bv-usage-text p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--bv-text-light);\n margin: 0;\n}\n\n.bv-usage-text strong {\n color: var(--bv-text);\n font-weight: 700;\n}\n\n@media (max-width: 640px) {\n .bv-usage-main {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n}\n\n.bv-usage-tips {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.bv-usage-tip {\n background: var(--bv-ice);\n border-radius: 12px;\n padding: 1rem 1.25rem;\n display: flex;\n gap: 1rem;\n align-items: center;\n}\n\n.bv-tip-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.bv-usage-tip span {\n font-size: 14px;\n line-height: 1.6;\n color: var(--bv-text-light);\n}\n\n.bv-usage-tip strong {\n color: var(--bv-text);\n font-weight: 700;\n}\n\n\/* === PRECAUTIONS === *\/\n.bv-precautions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.bv-precaution-card {\n background: var(--bv-white);\n border-radius: 16px;\n padding: 1.5rem;\n box-shadow: var(--bv-shadow);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n border-left: 3px solid var(--bv-sage);\n}\n\n.bv-precaution-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.bv-precaution-card p {\n font-size: 14px;\n line-height: 1.7;\n color: var(--bv-text-light);\n margin: 0;\n padding-top: 4px;\n}\n\n.bv-precaution-card strong {\n color: var(--bv-text);\n font-weight: 700;\n}\n\n\/* === POUR QUI === *\/\n.bv-for-who-box {\n background: var(--bv-white);\n border-radius: var(--bv-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--bv-shadow-lg);\n border: 3px solid var(--bv-sage);\n}\n\n.bv-for-who-box h2 {\n font-size: 26px;\n font-weight: 800;\n color: var(--bv-text);\n margin: 0 0 2rem 0;\n text-align: center;\n letter-spacing: -.02em;\n}\n\n.bv-for-who-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.bv-for-who-item {\n background: var(--bv-ice);\n border-radius: 16px;\n padding: 1.75rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n text-align: center;\n align-items: center;\n}\n\n.bv-for-who-emoji {\n font-size: 48px;\n margin-bottom: 0.5rem;\n}\n\n.bv-for-who-item strong {\n font-size: 17px;\n font-weight: 700;\n color: var(--bv-text);\n letter-spacing: -.01em;\n}\n\n.bv-for-who-item span {\n font-size: 14px;\n color: var(--bv-text-light);\n line-height: 1.6;\n}\n\n\/* === ECO BOX === *\/\n.bv-eco-box {\n background: linear-gradient(135deg, var(--bv-ice) 0%, #e8f3f1 100%);\n border-radius: var(--bv-radius);\n padding: clamp(2.5rem, 4vw, 3.5rem);\n box-shadow: var(--bv-shadow);\n border: 2px solid var(--bv-sage);\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n}\n\n.bv-eco-icon {\n font-size: 72px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 12px rgba(123, 156, 138, .3));\n}\n\n.bv-eco-content h3 {\n font-size: 24px;\n font-weight: 700;\n color: var(--bv-text);\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.bv-eco-content p {\n font-size: 16px;\n line-height: 1.8;\n color: var(--bv-text-light);\n margin: 0 0 1rem 0;\n}\n\n.bv-eco-content ul {\n margin: 0;\n padding-left: 1.5rem;\n}\n\n.bv-eco-content li {\n font-size: 15px;\n line-height: 1.9;\n color: var(--bv-text-light);\n margin-bottom: 0.5rem;\n}\n\n.bv-eco-content strong {\n color: var(--bv-text);\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .bv-eco-box {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .bv-eco-content ul {\n text-align: left;\n }\n}\n\n\/* === CTA === *\/\n.bv-cta {\n background: linear-gradient(135deg, var(--bv-sage) 0%, var(--bv-mint) 100%);\n border-radius: var(--bv-radius);\n padding: clamp(3rem, 5vw, 4rem);\n text-align: center;\n box-shadow: var(--bv-shadow-lg);\n}\n\n.bv-cta h3 {\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 800;\n color: white;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n}\n\n.bv-cta p {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.8;\n margin: 0;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bv-why-card,\n .bv-ingredient-section,\n .bv-precaution-card,\n .bv-for-who-item {\n animation: fadeInUp .7s ease backwards;\n }\n \n .bv-why-card:nth-child(1),\n .bv-ingredient-section:nth-child(1),\n .bv-for-who-item:nth-child(1) { animation-delay: .1s; }\n \n .bv-why-card:nth-child(2),\n .bv-ingredient-section:nth-child(2),\n .bv-for-who-item:nth-child(2) { animation-delay: .2s; }\n \n .bv-why-card:nth-child(3),\n .bv-ingredient-section:nth-child(3),\n .bv-for-who-item:nth-child(3) { animation-delay: .3s; }\n \n .bv-why-card:nth-child(4),\n .bv-ingredient-section:nth-child(4),\n .bv-for-who-item:nth-child(4) { animation-delay: .4s; }\n \n .bv-why-card:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":55715958325625,"sku":"NBAIDSH0071","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume_des_volcans_distillerie-saint-hilaire.webp?v=1757232193"},{"product_id":"fleur-de-bach-energie-bio-20ml-saint-hilaire","title":"Fleur de Bach Énergie Bio - 20ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Énergie Bio - 20ml - Saint-Hilaire\nPalette détectée:\n - Primaire: #8B4513 (brun ambre du flacon en verre)\n - Secondaire: #9E2A2B (rouge bordeaux du mot \"énergie\" sur l'étiquette)\n - Accent: #6B8E6B (vert sauge des éléments naturels\/lavande)\n - Neutre: #F5F0E8 (crème beige naturel de l'ambiance)\nAmbiance: Naturel\/Bio, artisanal français, bien-être holistique, élégance sobre\nPréfixe CSS: fb\n--\u003e\n\n\u003cdiv class=\"fb-premium\"\u003e\n \n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e💧 Méthode originale Dr Bach\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eFleurs de Bach Énergie\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eComplexe floral biologique pour retrouver votre vitalité\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003eÉlaboré artisanalement par la Distillerie Saint-Hilaire, cet élixir aux fleurs de Bach vous accompagne pour réveiller votre dynamisme intérieur et dissiper la fatigue émotionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🌸 Qu'est-ce qu'une fleur de Bach ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-intro-box\"\u003e\n \u003cp\u003eDéveloppées dans les années 1930 par le médecin britannique \u003cstrong\u003eEdward Bach\u003c\/strong\u003e, les fleurs de Bach sont des élixirs floraux agissant sur la sphère émotionnelle. Contrairement aux huiles essentielles, elles visent à \u003cstrong\u003erétablir l'harmonie émotionnelle\u003c\/strong\u003e pour favoriser un mieux-être général.\u003c\/p\u003e\n \u003cp\u003eUne approche douce, naturelle, sans accoutumance ni effets secondaires connus — basée sur \u003cstrong\u003e38 essences florales\u003c\/strong\u003e correspondant chacune à un état émotionnel particulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e⚡ Les bienfaits du complexe énergie\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔋 Retrouvez votre vitalité\u003c\/h3\u003e\n \u003cp\u003eRéveillez votre dynamisme intérieur et combattez la fatigue persistante de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🎯 Boostez votre motivation\u003c\/h3\u003e\n \u003cp\u003eRedonnez du sens à vos activités quotidiennes et retrouvez l'enthousiasme qui vous animait.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eUne alternative douce aux stimulants artificiels, respectueuse de votre corps et de votre équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💆 Harmonie émotionnelle\u003c\/h3\u003e\n \u003cp\u003eRétablissez l'équilibre émotionnel qui influence votre bien-être global et votre énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔄 Action progressive\u003c\/h3\u003e\n \u003cp\u003eLes fleurs de Bach agissent en douceur, sans créer de dépendance ni d'accoutumance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e✨ Soutien au quotidien\u003c\/h3\u003e\n \u003cp\u003eUn allié précieux pour traverser les périodes exigeantes avec sérénité et énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complexe ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card fb-card-profile\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eVous traversez une période d'épuisement sans cause médicale identifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-profile\"\u003e\n \u003ch3\u003e📉 Perte de motivation\u003c\/h3\u003e\n \u003cp\u003eMême les activités qui vous plaisaient deviennent une corvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-profile\"\u003e\n \u003ch3\u003e🌡️ Ménopause\u003c\/h3\u003e\n \u003cp\u003eVous ressentez la baisse d'énergie caractéristique de cette transition hormonale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-profile\"\u003e\n \u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n \u003cp\u003eLe printemps ou l'automne vous affectent particulièrement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-profile\"\u003e\n \u003ch3\u003e💼 Journées exigeantes\u003c\/h3\u003e\n \u003cp\u003eVous enchaînez les journées intenses au travail ou dans votre vie personnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-profile\"\u003e\n \u003ch3\u003e🥗 Rééquilibrage alimentaire\u003c\/h3\u003e\n \u003cp\u003eVous avez besoin de soutien émotionnel pendant une période de changement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card fb-card-ingredient\"\u003e\n \u003ch3\u003e🍇 Brandy bio\u003c\/h3\u003e\n \u003cp\u003eAlcool de raisin issu de l'agriculture biologique, conservateur naturel traditionnel des fleurs de Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-ingredient\"\u003e\n \u003ch3\u003e💧 Eau pure\u003c\/h3\u003e\n \u003cp\u003eBase de l'élixir, permettant une parfaite dilution des essences florales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-ingredient\"\u003e\n \u003ch3\u003e🌼 Complexe floral\u003c\/h3\u003e\n \u003cp\u003eSélection de fleurs de Bach aux propriétés dynamisantes et revitalisantes, selon la méthode originale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"fb-steps\"\u003e\n \u003cdiv class=\"fb-step\"\u003e\n \u003cdiv class=\"fb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fb-step-content\"\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003eDéposez \u003cstrong\u003e4 gouttes\u003c\/strong\u003e directement sous la langue ou diluez-les dans un verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-step\"\u003e\n \u003cdiv class=\"fb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fb-step-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eRépétez \u003cstrong\u003e4 fois par jour\u003c\/strong\u003e, idéalement le matin au réveil et en début d'après-midi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-step\"\u003e\n \u003cdiv class=\"fb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fb-step-content\"\u003e\n \u003ch3\u003eDurée\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, poursuivez pendant au moins \u003cstrong\u003e3 semaines consécutives\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip-box\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eConseil :\u003c\/strong\u003e Les fleurs de Bach agissent progressivement sur l'équilibre émotionnel. Soyez patient et à l'écoute de vous-même — certaines personnes ressentent un changement rapidement, pour d'autres cela prend davantage de temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"fb-accordion\"\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e💊 Les fleurs de Bach peuvent-elles aider à perdre du poids ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eLes fleurs de Bach n'ont pas d'action directe sur la perte de poids. En revanche, elles peuvent soutenir votre équilibre émotionnel pendant un régime, réduire les pulsions alimentaires liées au stress et maintenir votre motivation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🆘 Quelle différence avec le Rescue ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eLe Rescue est destiné aux situations de stress aigu ou d'urgence émotionnelle. Le complexe Énergie cible spécifiquement les états de fatigue et de manque de vitalité sur le long terme. Ce sont deux approches complémentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e📅 Peut-on les prendre tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eOui, les fleurs de Bach sont conçues pour un usage quotidien. Elles ne créent ni dépendance ni accoutumance. Vous pouvez les utiliser aussi longtemps que vous en ressentez le besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🤰 Y a-t-il des contre-indications ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eLes élixirs contiennent du brandy comme conservateur. Les personnes évitant l'alcool (femmes enceintes, personnes en sevrage) doivent en tenir compte, même si la quantité par prise reste minime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🌸 Fleurs de Bach et ménopause\u003c\/h2\u003e\n \u003cdiv class=\"fb-highlight-box\"\u003e\n \u003cp\u003eLa ménopause s'accompagne souvent de fluctuations émotionnelles et d'une \u003cstrong\u003ebaisse de vitalité\u003c\/strong\u003e qui peuvent affecter le quotidien. Le complexe Énergie peut constituer un allié précieux si vous ressentez :\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eUne fatigue inhabituelle liée aux bouleversements hormonaux\u003c\/li\u003e\n \u003cli\u003eUne perte de motivation ou d'enthousiasme\u003c\/li\u003e\n \u003cli\u003eLe besoin de retrouver votre dynamisme d'avant\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003cem\u003eLes fleurs de Bach ne remplacent pas un suivi médical adapté, mais peuvent compléter votre accompagnement de manière douce et naturelle.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eℹ️ Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"fb-accordion\"\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e📦 Contenance et format\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eFlacon de \u003cstrong\u003e20 ml\u003c\/strong\u003e avec pipette compte-gouttes pour un dosage précis et une utilisation économique sur plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eÉlaboré par la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e en Auvergne, France, selon la méthode originale du Dr Edward Bach. Certification Agriculture Biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eÀ conserver à l'abri de la lumière et de la chaleur, à température ambiante. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eCe produit ne remplace pas un traitement médical ni l'avis d'un professionnel de santé. Contient de l'alcool (brandy bio). En cas de fatigue persistante, consultez votre médecin. Déconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre corps et votre esprit ce soutien naturel venu du cœur de l'Auvergne. Retrouvez votre vitalité en douceur et en harmonie avec la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #FAF8F5;\n --fb-white: #ffffff;\n --fb-primary: #8B5A2B;\n --fb-primary-dark: #5D3A1A;\n --fb-primary-light: #F5EDE4;\n --fb-secondary: #9E2A2B;\n --fb-accent: #6B8E6B;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8e4df;\n --fb-shadow: 0 4px 24px rgba(139,90,43,.08);\n --fb-shadow-lg: 0 12px 48px rgba(139,90,43,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #8B5A2B 0%, #9E2A2B 50%, #5D3A1A 100%);\n border-radius: var(--fb-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(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.fb-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(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fb-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.fb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.fb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-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.fb-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(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n.fb-intro-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-accent);\n}\n\n.fb-intro-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--fb-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.fb-intro-box p:last-child {\n margin-bottom: 0;\n}\n\n.fb-intro-box strong {\n color: var(--fb-primary-dark);\n}\n\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-card-profile {\n border-top: 3px solid var(--fb-accent);\n}\n\n.fb-card-ingredient {\n border-top: 3px solid var(--fb-secondary);\n}\n\n.fb-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.fb-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n box-shadow: var(--fb-shadow);\n transition: all .3s ease;\n}\n\n.fb-step:hover {\n transform: translateX(6px);\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n}\n\n.fb-step-content h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.fb-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-step-content strong {\n color: var(--fb-secondary);\n}\n\n.fb-tip-box {\n background: linear-gradient(135deg, var(--fb-primary-light), #fff);\n border-radius: var(--fb-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n border: 2px dashed var(--fb-primary);\n}\n\n.fb-tip-box p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text);\n margin: 0;\n line-height: 1.7;\n}\n\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-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.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n.fb-highlight-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-secondary);\n}\n\n.fb-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--fb-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.fb-highlight-box ul {\n margin: 1rem 0;\n padding-left: 1.5rem;\n}\n\n.fb-highlight-box li {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text);\n line-height: 1.8;\n margin-bottom: .5rem;\n}\n\n.fb-highlight-box em {\n color: var(--fb-text-light);\n font-size: clamp(12px, 2vw, 14px);\n}\n\n.fb-highlight-box strong {\n color: var(--fb-secondary);\n}\n\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-accent) 0%, #4a6b4a 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fb-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 .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .fb-card {\n padding: 1.125rem;\n }\n \n .fb-section {\n margin-bottom: 1.75rem;\n }\n \n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n \n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .fb-badges-top {\n gap: 8px;\n }\n \n .fb-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .fb-step {\n padding: 1rem;\n }\n \n .fb-step-number {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n \n .fb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .fb-intro-box,\n .fb-highlight-box {\n padding: 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n \n .fb-step {\n animation: fadeInUp .5s ease backwards;\n }\n .fb-step:nth-child(1) { animation-delay: .1s; }\n .fb-step:nth-child(2) { animation-delay: .2s; }\n .fb-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fb-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":56394467475833,"sku":"NBAIDSH0119","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-energie-bio-20ml-saint-hilaire-lifestyle_ebe7ca56-ee37-4516-b885-b974f32114ac.jpg?v=1768477652"},{"product_id":"fleur-de-bach-20ml-melancolie-saint-hilaire","title":"Fleur de Bach Mélancolie - 20ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Mélancolie - Saint-Hilaire\nPalette détectée:\n - Primaire: #8B6F5C (brun chaud du flacon ambré)\n - Secondaire: #9CAF96 (vert sauge doux du fond d'image)\n - Accent: #C4A77D (beige doré chaleureux)\nAmbiance: Naturel, apaisant, bien-être émotionnel, artisanal français, douceur thérapeutique\nPréfixe CSS: mel\n--\u003e\n\n\u003cdiv class=\"mel-premium\"\u003e\n\n \u003cdiv class=\"mel-hero\"\u003e\n \u003cdiv class=\"mel-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mel-hero-content\"\u003e\n \u003cdiv class=\"mel-badges-top\"\u003e\n \u003cspan class=\"mel-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"mel-badge\"\u003e🇫🇷 Made in Auvergne\u003c\/span\u003e\n \u003cspan class=\"mel-badge\"\u003e🌸 7 fleurs synergiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mel-hero-title\"\u003eFleurs de Bach Mélancolie\u003c\/span\u003e\n \u003cp class=\"mel-subtitle\"\u003eRetrouvez votre lumière intérieure\u003c\/p\u003e\n \u003cp class=\"mel-description\"\u003eComplexe de 7 élixirs floraux biologiques pour accompagner en douceur les moments de tristesse et retrouver sérénité, clarté mentale et goût de vivre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mel-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits de ce complexe\u003c\/h2\u003e\n \u003cdiv class=\"mel-grid\"\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e☀️ Lumière intérieure\u003c\/h3\u003e\n \u003cp\u003eDissipe cette tristesse inexplicable qui surgit comme un nuage noir, pour retrouver la joie spontanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e🧘 Sérénité émotionnelle\u003c\/h3\u003e\n \u003cp\u003eApaise l'hypersensibilité et aide à traverser les périodes difficiles avec plus de recul\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e💫 Espoir renouvelé\u003c\/h3\u003e\n \u003cp\u003eRavive la flamme de l'optimisme quand le désespoir s'installe et que tout semble figé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n \u003cp\u003eLibère l'esprit des pensées négatives en boucle et des ruminations paralysantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e❤️ Réconfort profond\u003c\/h3\u003e\n \u003cp\u003eCicatrise les blessures du cœur après un choc émotionnel ou un traumatisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e🌱 Goût de vivre\u003c\/h3\u003e\n \u003cp\u003eRestaure la motivation et l'envie de s'investir pleinement dans son quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mel-section\"\u003e\n \u003ch2\u003e💐 Les 7 fleurs et leurs vertus\u003c\/h2\u003e\n \u003cdiv class=\"mel-flowers-grid\"\u003e\n \u003cdiv class=\"mel-flower-card mel-flower-main\"\u003e\n \u003ch3\u003e🌼 Moutarde (Mustard)\u003c\/h3\u003e\n \u003cp class=\"mel-flower-role\"\u003eFleur maîtresse\u003c\/p\u003e\n \u003cp\u003eS'adresse à cette tristesse profonde et inexplicable. Aide à retrouver la lumière intérieure et la joie spontanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-flower-card\"\u003e\n \u003ch3\u003e💜 Gentiane (Gentian)\u003c\/h3\u003e\n \u003cp\u003eRestaure la foi en l'avenir et la persévérance après un échec ou une déception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-flower-card\"\u003e\n \u003ch3\u003e💛 Ajonc (Gorse)\u003c\/h3\u003e\n \u003cp\u003eRavive la flamme de l'espoir et ouvre de nouvelles perspectives quand on pense que rien ne changera.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-flower-card\"\u003e\n \u003ch3\u003e🌰 Châtaignier (Sweet Chestnut)\u003c\/h3\u003e\n \u003cp\u003eApporte réconfort et force intérieure dans les moments d'angoisse extrême.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-flower-card\"\u003e\n \u003ch3\u003e🌿 Saule (Willow)\u003c\/h3\u003e\n \u003cp\u003eAide à dépasser l'amertume, le ressentiment et le sentiment d'injustice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-flower-card\"\u003e\n \u003ch3\u003e🌹 Églantine (Wild Rose)\u003c\/h3\u003e\n \u003cp\u003ePour retrouver le goût de vivre et la motivation au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-flower-card\"\u003e\n \u003ch3\u003e⭐ Dame d'onze heures\u003c\/h3\u003e\n \u003cp\u003eLa fleur du réconfort qui apaise et aide à cicatriser les blessures du cœur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mel-section\"\u003e\n \u003ch2\u003e🎯 Ce complexe est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"mel-grid\"\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e😔 Tristesse persistante\u003c\/h3\u003e\n \u003cp\u003eVous ressentez un vague à l'âme, avec ou sans raison identifiable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e😩 Découragement quotidien\u003c\/h3\u003e\n \u003cp\u003eLa motivation vous échappe, même pour des choses simples\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e🔄 Pensées en boucle\u003c\/h3\u003e\n \u003cp\u003eVotre esprit rumine et peine à se libérer des pensées négatives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e😶 Perte d'enthousiasme\u003c\/h3\u003e\n \u003cp\u003eCe qui vous animait auparavant vous laisse désormais indifférent\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e💔 Hypersensibilité\u003c\/h3\u003e\n \u003cp\u003eLes événements et les paroles vous affectent plus intensément\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e🔀 Période de transition\u003c\/h3\u003e\n \u003cp\u003eChangement de vie, ménopause, deuil, séparation... vous traversez une étape difficile\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mel-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mel-usage-box\"\u003e\n \u003cdiv class=\"mel-usage-grid\"\u003e\n \u003cdiv class=\"mel-usage-step\"\u003e\n \u003cspan class=\"mel-step-number\"\u003e4\u003c\/span\u003e\n \u003cspan class=\"mel-step-label\"\u003egouttes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-usage-step\"\u003e\n \u003cspan class=\"mel-step-number\"\u003e4\u003c\/span\u003e\n \u003cspan class=\"mel-step-label\"\u003efois\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-usage-step\"\u003e\n \u003cspan class=\"mel-step-number\"\u003e∞\u003c\/span\u003e\n \u003cspan class=\"mel-step-label\"\u003eselon besoin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-usage-details\"\u003e\n \u003cp\u003e\u003cstrong\u003eAdministration :\u003c\/strong\u003e Directement sous la langue pour une absorption optimale, ou diluées dans un verre d'eau.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e Associez vos prises à des moments clés : réveil, avant le déjeuner, milieu d'après-midi et coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mel-section\"\u003e\n \u003ch2\u003e🧪 Composition 100% bio\u003c\/h2\u003e\n \u003cdiv class=\"mel-composition-box\"\u003e\n \u003cdiv class=\"mel-composition-base\"\u003e\n \u003cspan class=\"mel-comp-label\"\u003eBase\u003c\/span\u003e\n \u003cspan class=\"mel-comp-value\"\u003eBrandy 40% vol.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"mel-composition-intro\"\u003eExtraits aqueux de fleurs en dilution au 1\/250ème :\u003c\/p\u003e\n \u003cdiv class=\"mel-grid-compact\"\u003e\n \u003cdiv class=\"mel-comp-item\"\u003e\n \u003ch3\u003e🌼 Ajonc\u003c\/h3\u003e\n \u003cp\u003eUlex europaeus*\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-comp-item\"\u003e\n \u003ch3\u003e🌰 Châtaignier\u003c\/h3\u003e\n \u003cp\u003eCastanea sativa*\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-comp-item\"\u003e\n \u003ch3\u003e⭐ Dame d'onze heures\u003c\/h3\u003e\n \u003cp\u003eOrnithogallum umbellatum*\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-comp-item\"\u003e\n \u003ch3\u003e🌹 Églantine\u003c\/h3\u003e\n \u003cp\u003eRosa canina*\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-comp-item\"\u003e\n \u003ch3\u003e💜 Gentiane\u003c\/h3\u003e\n \u003cp\u003eGentianella amarella*\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-comp-item\"\u003e\n \u003ch3\u003e🌼 Moutarde\u003c\/h3\u003e\n \u003cp\u003eSinapis arvensis*\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-comp-item\"\u003e\n \u003ch3\u003e🌿 Saule\u003c\/h3\u003e\n \u003cp\u003eSalix vitellina*\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"mel-bio-note\"\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mel-section\"\u003e\n \u003ch2\u003e🏔️ L'excellence auvergnate\u003c\/h2\u003e\n \u003cdiv class=\"mel-brand-box\"\u003e\n \u003cdiv class=\"mel-brand-content\"\u003e\n \u003cp\u003eImplantée au cœur de l'Auvergne depuis plus de \u003cstrong\u003e35 ans\u003c\/strong\u003e, la Distillerie Saint-Hilaire perpétue un savoir-faire artisanal d'exception.\u003c\/p\u003e\n \u003cp\u003eChaque flacon est élaboré selon la \u003cstrong\u003eméthode originale du Docteur Edward Bach\u003c\/strong\u003e, médecin britannique qui a développé cette approche unique dans les années 1930.\u003c\/p\u003e\n \u003cdiv class=\"mel-brand-badges\"\u003e\n \u003cspan class=\"mel-brand-badge\"\u003e✓ Sélection rigoureuse des plantes\u003c\/span\u003e\n \u003cspan class=\"mel-brand-badge\"\u003e✓ Certification biologique\u003c\/span\u003e\n \u003cspan class=\"mel-brand-badge\"\u003e✓ Fabrication 100% française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mel-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"mel-accordion\"\u003e\n \u003cdetails class=\"mel-accordion-item\"\u003e\n \u003csummary class=\"mel-accordion-header\"\u003e🌸 Fleurs de Bach et ménopause : une aide précieuse ?\u003c\/summary\u003e\n \u003cdiv class=\"mel-accordion-content\"\u003e\n \u003cp\u003eDurant cette période de transition hormonale, les variations d'humeur peuvent être déstabilisantes. Ce complexe Mélancolie peut accompagner les femmes en quête d'un meilleur équilibre émotionnel, en complément d'un suivi médical adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mel-accordion-item\"\u003e\n \u003csummary class=\"mel-accordion-header\"\u003e⚖️ Fleurs de Bach et perte de poids ?\u003c\/summary\u003e\n \u003cdiv class=\"mel-accordion-content\"\u003e\n \u003cp\u003eCes élixirs n'agissent pas directement sur le métabolisme. En revanche, ils peuvent vous aider à gérer les émotions qui conduisent parfois au grignotage compulsif ou aux comportements alimentaires déséquilibrés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mel-accordion-item\"\u003e\n \u003csummary class=\"mel-accordion-header\"\u003e🆘 Différence avec le Rescue ?\u003c\/summary\u003e\n \u003cdiv class=\"mel-accordion-content\"\u003e\n \u003cp\u003eLe Rescue est conçu pour les situations d'urgence émotionnelle et le stress aigu. Le complexe Mélancolie s'adresse à des états émotionnels plus installés, cette tristesse diffuse qui s'installe dans la durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mel-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mel-grid-compact\"\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003e20 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance (Auvergne)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mel-card\"\u003e\n \u003ch3\u003e📅 Conservation\u003c\/h3\u003e\n \u003cp\u003e24 mois, à l'abri de la lumière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mel-section\"\u003e\n \u003ch2\u003e⚠️ Informations importantes\u003c\/h2\u003e\n \u003cdiv class=\"mel-accordion\"\u003e\n \u003cdetails class=\"mel-accordion-item\"\u003e\n \u003csummary class=\"mel-accordion-header\"\u003e📋 Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mel-accordion-content\"\u003e\n \u003cp\u003eCe complexe Fleurs de Bach constitue un accompagnement émotionnel naturel. Il ne remplace en aucun cas un traitement médical, un suivi psychologique ou une consultation auprès d'un professionnel de santé. Si votre mal-être persiste ou s'intensifie, nous vous encourageons vivement à consulter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mel-accordion-item\"\u003e\n \u003csummary class=\"mel-accordion-header\"\u003e🍷 Note sur l'alcool\u003c\/summary\u003e\n \u003cdiv class=\"mel-accordion-content\"\u003e\n \u003cp\u003eCe produit contient de l'alcool (brandy 40% vol.). Déconseillé aux femmes enceintes, aux enfants et aux personnes suivant un traitement incompatible avec l'alcool sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mel-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mel-cta-box\"\u003e\n \u003cp\u003e🌸 Laissez la douceur des fleurs vous accompagner vers des jours plus lumineux. Offrez à vos émotions un espace d'apaisement, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mel-cream: #FAF8F5;\n --mel-white: #ffffff;\n --mel-primary: #8B6F5C;\n --mel-primary-dark: #5D4E42;\n --mel-primary-light: #F5F0EB;\n --mel-secondary: #9CAF96;\n --mel-secondary-light: #E8F0E6;\n --mel-accent: #C4A77D;\n --mel-text: #1a1a1a;\n --mel-text-light: #5a5a5a;\n --mel-border: #e8e4e0;\n --mel-shadow: 0 4px 24px rgba(139,111,92,.08);\n --mel-shadow-lg: 0 12px 48px rgba(139,111,92,.15);\n --mel-radius: 20px;\n --mel-radius-sm: 12px;\n}\n\n.mel-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mel-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mel-hero {\n position: relative;\n background: linear-gradient(135deg, #9CAF96 0%, #8B6F5C 50%, #C4A77D 100%);\n border-radius: var(--mel-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(--mel-shadow-lg);\n}\n\n.mel-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%);\n opacity: .5;\n}\n\n.mel-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mel-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mel-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(--mel-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mel-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mel-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.mel-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.mel-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.mel-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mel-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mel-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.mel-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(--mel-secondary), var(--mel-accent));\n border-radius: 2px;\n}\n\n.mel-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mel-card {\n background: var(--mel-white);\n border-radius: var(--mel-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mel-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mel-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mel-shadow-lg);\n border-color: var(--mel-secondary);\n}\n\n.mel-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mel-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mel-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mel-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mel-flowers-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.mel-flower-card {\n background: var(--mel-white);\n border-radius: var(--mel-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--mel-shadow);\n border-left: 4px solid var(--mel-secondary);\n transition: all .3s ease;\n}\n\n.mel-flower-card:hover {\n transform: translateX(4px);\n box-shadow: var(--mel-shadow-lg);\n}\n\n.mel-flower-card.mel-flower-main {\n grid-column: 1 \/ -1;\n background: linear-gradient(135deg, var(--mel-secondary-light) 0%, var(--mel-white) 100%);\n border-left: 6px solid var(--mel-secondary);\n padding: 1.75rem;\n}\n\n.mel-flower-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mel-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mel-flower-role {\n display: inline-block;\n background: var(--mel-secondary);\n color: white;\n font-size: 11px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .75rem;\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n.mel-flower-card p {\n font-size: 14px;\n color: var(--mel-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mel-usage-box {\n background: var(--mel-white);\n border-radius: var(--mel-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mel-shadow);\n}\n\n.mel-usage-grid {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 5vw, 4rem);\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px solid var(--mel-border);\n}\n\n.mel-usage-step {\n text-align: center;\n}\n\n.mel-step-number {\n display: block;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n color: var(--mel-secondary);\n line-height: 1;\n}\n\n.mel-step-label {\n font-size: 14px;\n font-weight: 600;\n color: var(--mel-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n.mel-usage-details p {\n font-size: 15px;\n color: var(--mel-text);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n}\n\n.mel-usage-details p:last-child {\n margin-bottom: 0;\n}\n\n.mel-composition-box {\n background: var(--mel-white);\n border-radius: var(--mel-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mel-shadow);\n}\n\n.mel-composition-base {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1rem;\n background: var(--mel-primary-light);\n border-radius: var(--mel-radius-sm);\n margin-bottom: 1.5rem;\n}\n\n.mel-comp-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--mel-primary);\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n.mel-comp-value {\n font-size: 15px;\n font-weight: 600;\n color: var(--mel-primary-dark);\n}\n\n.mel-composition-intro {\n font-size: 14px;\n color: var(--mel-text-light);\n margin-bottom: 1rem;\n text-align: center;\n}\n\n.mel-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mel-grid-compact .mel-card,\n.mel-comp-item {\n padding: 1rem;\n}\n\n.mel-comp-item {\n background: var(--mel-secondary-light);\n border-radius: var(--mel-radius-sm);\n text-align: center;\n transition: all .3s ease;\n}\n\n.mel-comp-item:hover {\n transform: scale(1.02);\n}\n\n.mel-comp-item h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--mel-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mel-comp-item p {\n font-size: 12px;\n color: var(--mel-text-light);\n font-style: italic;\n margin: 0;\n}\n\n.mel-bio-note {\n font-size: 13px;\n color: var(--mel-secondary);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n.mel-brand-box {\n background: linear-gradient(135deg, var(--mel-primary-light) 0%, var(--mel-secondary-light) 100%);\n border-radius: var(--mel-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mel-shadow);\n}\n\n.mel-brand-content p {\n font-size: 15px;\n color: var(--mel-text);\n line-height: 1.7;\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.mel-brand-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.25rem;\n}\n\n.mel-brand-badge {\n background: var(--mel-white);\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--mel-primary-dark);\n box-shadow: 0 2px 8px rgba(0,0,0,.05);\n}\n\n.mel-accordion {\n background: var(--mel-white);\n border-radius: var(--mel-radius);\n box-shadow: var(--mel-shadow);\n overflow: hidden;\n}\n\n.mel-accordion-item {\n border-bottom: 1px solid var(--mel-border);\n margin: 0;\n padding: 0;\n}\n\n.mel-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mel-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mel-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.mel-accordion-header:hover {\n background: var(--mel-primary-light);\n}\n\n.mel-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mel-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mel-secondary);\n transition: transform .2s ease;\n}\n\n.mel-accordion-item[open] .mel-accordion-header::after {\n content: '−';\n}\n\n.mel-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mel-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mel-accordion-content p {\n margin: 0;\n}\n\n.mel-cta-box {\n background: linear-gradient(135deg, var(--mel-secondary) 0%, #7A9A74 100%);\n border-radius: var(--mel-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mel-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.15) 0%, transparent 50%);\n}\n\n.mel-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .mel-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mel-flowers-grid {\n grid-template-columns: 1fr;\n }\n \n .mel-flower-card.mel-flower-main {\n grid-column: auto;\n }\n \n .mel-card {\n padding: 1.125rem;\n }\n \n .mel-section {\n margin-bottom: 1.75rem;\n }\n \n .mel-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mel-radius-sm);\n }\n \n .mel-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mel-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mel-grid-compact {\n gap: .625rem;\n }\n \n .mel-grid-compact .mel-card,\n .mel-comp-item {\n padding: .75rem;\n }\n \n .mel-grid-compact .mel-card h3,\n .mel-comp-item h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .mel-grid-compact .mel-card p,\n .mel-comp-item p {\n font-size: 12px;\n }\n \n .mel-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mel-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mel-usage-grid {\n gap: 1rem;\n }\n \n .mel-step-number {\n font-size: 40px;\n }\n \n .mel-brand-badges {\n flex-direction: column;\n align-items: center;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mel-card,\n .mel-flower-card,\n .mel-comp-item {\n animation: melFadeInUp .5s ease backwards;\n }\n .mel-card:nth-child(1), .mel-flower-card:nth-child(1), .mel-comp-item:nth-child(1) { animation-delay: .05s; }\n .mel-card:nth-child(2), .mel-flower-card:nth-child(2), .mel-comp-item:nth-child(2) { animation-delay: .1s; }\n .mel-card:nth-child(3), .mel-flower-card:nth-child(3), .mel-comp-item:nth-child(3) { animation-delay: .15s; }\n .mel-card:nth-child(4), .mel-flower-card:nth-child(4), .mel-comp-item:nth-child(4) { animation-delay: .2s; }\n .mel-card:nth-child(5), .mel-flower-card:nth-child(5), .mel-comp-item:nth-child(5) { animation-delay: .25s; }\n .mel-card:nth-child(6), .mel-flower-card:nth-child(6), .mel-comp-item:nth-child(6) { animation-delay: .3s; }\n .mel-card:nth-child(7), .mel-flower-card:nth-child(7), .mel-comp-item:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes melFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mel-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":56398303854969,"sku":"NBAIDSH0114","price":10.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-melancolie-20ml-saint-hilaire-lifestyle_b60eabe0-05bc-4ec6-bf0a-3ab633c4ec2f.webp?v=1768477737"},{"product_id":"fleur-de-bach-gentiane-12-bio-20ml-saint-hilaire","title":"Fleur de Bach Gentiane n°12 bio - 20ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Gentiane n°12 bio - 20ml - Saint-Hilaire\nPalette détectée:\n - Primaire: #8B6914 (doré\/ocre du packaging et numéro N°12)\n - Secondaire: #5B7C3D (vert sauge des feuilles de gentiane)\n - Accent: #6B5BA7 (violet-bleu des fleurs de gentiane)\n - Fond: #F5F3EC (crème chaud de l'étiquette)\nAmbiance: Naturel\/botanique, authentique, artisanal français, bien-être émotionnel, élégance apothicaire\nPréfixe CSS: gent\n--\u003e\n\n\u003cdiv class=\"gent-premium\"\u003e\n \n \u003cdiv class=\"gent-hero\"\u003e\n \u003cdiv class=\"gent-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gent-hero-content\"\u003e\n \u003cdiv class=\"gent-badges-top\"\u003e\n \u003cspan class=\"gent-badge\"\u003e🌿 Biologique\u003c\/span\u003e\n \u003cspan class=\"gent-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"gent-badge\"\u003e💧 N°12\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gent-hero-title\"\u003eFleur de Bach Gentiane\u003c\/span\u003e\n \u003cp class=\"gent-subtitle\"\u003eL'élixir du renouveau face au découragement\u003c\/p\u003e\n \u003cp class=\"gent-description\"\u003eRetrouvez confiance et persévérance après chaque épreuve grâce à cet élixir floral préparé selon la méthode originale du Dr Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gent-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits de la Gentiane\u003c\/h2\u003e\n \u003cdiv class=\"gent-grid\"\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e💪 Persévérance renforcée\u003c\/h3\u003e\n \u003cp\u003eRetrouvez l'énergie de continuer votre chemin après un échec ou une déception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🧠 Dissipation des doutes\u003c\/h3\u003e\n \u003cp\u003eLibérez-vous des pensées négatives qui paralysent votre avancée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e☀️ Retour à l'optimisme\u003c\/h3\u003e\n \u003cp\u003eDéveloppez votre capacité à percevoir le positif dans chaque situation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🎯 Confiance restaurée\u003c\/h3\u003e\n \u003cp\u003eCroyez à nouveau en vos projets et en votre potentiel personnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🔄 Meilleure gestion des obstacles\u003c\/h3\u003e\n \u003cp\u003eAcceptez les contretemps comme des étapes normales de votre parcours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🌱 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eTransformez le pessimisme passager en une nouvelle détermination.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gent-section\"\u003e\n \u003ch2\u003e👤 Pour qui est cet élixir ?\u003c\/h2\u003e\n \u003cdiv class=\"gent-grid\"\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e😔 Vous vous découragez facilement\u003c\/h3\u003e\n \u003cp\u003eAprès un revers professionnel, un entretien raté ou une difficulté relationnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🌧️ Le pessimisme vous envahit\u003c\/h3\u003e\n \u003cp\u003eDès que les choses ne se déroulent pas comme prévu dans votre vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e❓ Vous perdez confiance\u003c\/h3\u003e\n \u003cp\u003eAprès une déception, même mineure, vous remettez tout en question.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🔁 Vous avez du mal à rebondir\u003c\/h3\u003e\n \u003cp\u003eLa remotivation face aux obstacles du quotidien vous semble difficile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-info-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e💡 Point essentiel :\u003c\/strong\u003e La Gentiane agit sur un découragement dont vous identifiez clairement la cause. Pour un abattement profond sans raison apparente, la fleur Gorse serait plus adaptée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gent-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gent-steps\"\u003e\n \u003cdiv class=\"gent-step\"\u003e\n \u003cdiv class=\"gent-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gent-step-content\"\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e4 gouttes\u003c\/strong\u003e par prise, directement sous la langue ou diluées dans un verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-step\"\u003e\n \u003cdiv class=\"gent-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gent-step-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e4 fois par jour :\u003c\/strong\u003e au réveil, en milieu de matinée, en milieu d'après-midi et au coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-step\"\u003e\n \u003cdiv class=\"gent-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gent-step-content\"\u003e\n \u003ch3\u003eAbsorption\u003c\/h3\u003e\n \u003cp\u003eGardez le liquide quelques secondes en bouche avant d'avaler pour une meilleure efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-step\"\u003e\n \u003cdiv class=\"gent-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gent-step-content\"\u003e\n \u003ch3\u003eAssociation\u003c\/h3\u003e\n \u003cp\u003eAssociable jusqu'à \u003cstrong\u003e7 élixirs différents\u003c\/strong\u003e selon vos besoins émotionnels (ex: Larch, Hornbeam).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gent-section\"\u003e\n \u003ch2\u003e🧪 Composition certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"gent-grid\"\u003e\n \u003cdiv class=\"gent-card gent-card-ingredient\"\u003e\n \u003ch3\u003e🍇 Brandy biologique\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e40% vol.\u003c\/strong\u003e – Alcool de raisin servant de conservateur naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card gent-card-ingredient\"\u003e\n \u003ch3\u003e🌸 Gentianella amarella bio\u003c\/h3\u003e\n \u003cp\u003eExtrait aqueux préparé selon la \u003cstrong\u003eméthode solaire originale\u003c\/strong\u003e du Dr Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card gent-card-ingredient\"\u003e\n \u003ch3\u003e⚗️ Dilution 1\/250ème\u003c\/h3\u003e\n \u003cp\u003eConcentration traditionnelle respectant le protocole établi dans les \u003cstrong\u003eannées 1930\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gent-section\"\u003e\n \u003ch2\u003e🏔️ La qualité Saint-Hilaire\u003c\/h2\u003e\n \u003cdiv class=\"gent-grid-compact\"\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e📜 Méthode originale\u003c\/h3\u003e\n \u003cp\u003eProtocole du Dr Edward Bach respecté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🇫🇷 100% français\u003c\/h3\u003e\n \u003cp\u003eDe la cueillette au conditionnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eContrôles rigoureux garantis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🫙 Flacon ambré\u003c\/h3\u003e\n \u003cp\u003eProtection optimale de l'élixir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gent-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"gent-accordion\"\u003e\n \u003cdetails class=\"gent-accordion-item\"\u003e\n \u003csummary class=\"gent-accordion-header\"\u003e🔀 Puis-je l'associer à d'autres fleurs de Bach ?\u003c\/summary\u003e\n \u003cdiv class=\"gent-accordion-content\"\u003e\n \u003cp\u003eOui, vous pouvez associer la Gentiane à d'autres élixirs floraux. Ne dépassez pas 7 fleurs différentes dans un mélange. La Gentiane se combine bien avec Larch (confiance en soi) ou Hornbeam (motivation).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gent-accordion-item\"\u003e\n \u003csummary class=\"gent-accordion-header\"\u003e⏱️ Combien de temps avant de ressentir les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"gent-accordion-content\"\u003e\n \u003cp\u003eChaque personne réagit différemment. Certains ressentent un changement dès les premiers jours, d'autres après plusieurs semaines. La régularité des prises est essentielle. Un flacon de 20 ml permet environ 3 semaines d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gent-accordion-item\"\u003e\n \u003csummary class=\"gent-accordion-header\"\u003e👶 Convient-elle aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"gent-accordion-content\"\u003e\n \u003cp\u003eLes fleurs de Bach sont traditionnellement utilisées pour toute la famille. Ce produit contient du brandy (40% vol.). Pour les enfants ou les personnes évitant l'alcool, diluez les gouttes dans une boisson chaude pour permettre l'évaporation partielle de l'alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gent-accordion-item\"\u003e\n \u003csummary class=\"gent-accordion-header\"\u003e🌼 Quelle différence avec la fleur Gorse ?\u003c\/summary\u003e\n \u003cdiv class=\"gent-accordion-content\"\u003e\n \u003cp\u003eLa Gentiane s'adresse au découragement lié à une cause identifiable (échec, refus, obstacle précis). La fleur Gorse convient à un désespoir profond, sans cause apparente, où la personne a perdu tout espoir d'amélioration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gent-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"gent-accordion\"\u003e\n \u003cdetails class=\"gent-accordion-item\"\u003e\n \u003csummary class=\"gent-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gent-accordion-content\"\u003e\n \u003cp\u003eRefermez soigneusement le flacon après chaque utilisation. Conservez à température ambiante, à l'abri des sources de chaleur et de la lumière directe du soleil. Gardez à l'écart des appareils électromagnétiques (téléphone, ordinateur).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gent-accordion-item\"\u003e\n \u003csummary class=\"gent-accordion-header\"\u003e📊 Fiche technique\u003c\/summary\u003e\n \u003cdiv class=\"gent-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 20 ml\u003cbr\u003e\n \u003cstrong\u003eNuméro Bach :\u003c\/strong\u003e n°12\u003cbr\u003e\n \u003cstrong\u003eNom latin :\u003c\/strong\u003e Gentiana amarella (Gentianella amarella)\u003cbr\u003e\n \u003cstrong\u003eGroupe émotionnel :\u003c\/strong\u003e Incertitude\u003cbr\u003e\n \u003cstrong\u003eCertification :\u003c\/strong\u003e Agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gent-accordion-item\"\u003e\n \u003csummary class=\"gent-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"gent-accordion-content\"\u003e\n \u003cp\u003eLes fleurs de Bach sont des compléments alimentaires destinés à accompagner votre équilibre émotionnel. Elles ne remplacent en aucun cas un traitement médical ni l'avis d'un professionnel de santé. En cas de troubles persistants, consultez votre médecin. Contient de l'alcool (40% vol.).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gent-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gent-cta-box\"\u003e\n \u003cp\u003e🌸 Transformez chaque obstacle en opportunité de rebondir.\u003cbr\u003eLa Gentiane vous accompagne vers un nouvel élan de confiance et de détermination.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gent-cream: #F8F6F1;\n --gent-white: #ffffff;\n --gent-primary: #8B6914;\n --gent-primary-dark: #6B5010;\n --gent-primary-light: #F5EFE0;\n --gent-secondary: #5B7C3D;\n --gent-accent: #6B5BA7;\n --gent-text: #1a1a1a;\n --gent-text-light: #5a5a5a;\n --gent-border: #e0e0e0;\n --gent-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gent-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gent-radius: 20px;\n --gent-radius-sm: 12px;\n}\n\n.gent-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gent-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.gent-hero {\n position: relative;\n background: linear-gradient(135deg, #5B7C3D 0%, #8B6914 50%, #6B5BA7 100%);\n border-radius: var(--gent-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(--gent-shadow-lg);\n}\n\n.gent-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 5c1.5 0 2.5 3 2.5 6s-1 6-2.5 6-2.5-3-2.5-6 1-6 2.5-6zm10 20c0 1.5-3 2.5-6 2.5s-6-1-6-2.5 3-2.5 6-2.5 6 1 6 2.5zm-20 0c0 1.5-3 2.5-6 2.5s-6-1-6-2.5 3-2.5 6-2.5 6 1 6 2.5zm10 20c1.5 0 2.5 3 2.5 6s-1 6-2.5 6-2.5-3-2.5-6 1-6 2.5-6z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.gent-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gent-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.gent-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(--gent-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gent-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gent-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.gent-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.gent-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.gent-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gent-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gent-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.gent-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(--gent-secondary), var(--gent-primary));\n border-radius: 2px;\n}\n\n.gent-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gent-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gent-card {\n background: var(--gent-white);\n border-radius: var(--gent-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gent-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gent-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gent-shadow-lg);\n border-color: var(--gent-primary);\n}\n\n.gent-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gent-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gent-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gent-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gent-card-ingredient {\n border-left: 4px solid var(--gent-secondary);\n}\n\n.gent-grid-compact .gent-card {\n padding: 1rem;\n}\n\n.gent-grid-compact .gent-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gent-grid-compact .gent-card p {\n font-size: 12px;\n}\n\n.gent-info-box {\n background: linear-gradient(135deg, var(--gent-primary-light) 0%, #EAF0E4 100%);\n border-radius: var(--gent-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-top: 1.5rem;\n border-left: 4px solid var(--gent-secondary);\n}\n\n.gent-info-box p {\n margin: 0;\n font-size: clamp(14px, 2vw, 16px);\n color: var(--gent-text);\n line-height: 1.7;\n}\n\n.gent-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gent-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--gent-white);\n border-radius: var(--gent-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--gent-shadow);\n transition: all .3s ease;\n}\n\n.gent-step:hover {\n transform: translateX(8px);\n box-shadow: var(--gent-shadow-lg);\n}\n\n.gent-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--gent-primary) 0%, var(--gent-secondary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(139,105,20,.3);\n}\n\n.gent-step-content h3 {\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gent-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.gent-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gent-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gent-accordion {\n background: var(--gent-white);\n border-radius: var(--gent-radius);\n box-shadow: var(--gent-shadow);\n overflow: hidden;\n}\n\n.gent-accordion-item {\n border-bottom: 1px solid var(--gent-border);\n margin: 0;\n padding: 0;\n}\n\n.gent-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gent-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gent-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.gent-accordion-header:hover {\n background: var(--gent-primary-light);\n}\n\n.gent-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gent-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gent-primary);\n transition: transform .2s ease;\n}\n\n.gent-accordion-item[open] .gent-accordion-header::after {\n content: '−';\n}\n\n.gent-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gent-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.gent-accordion-content p {\n margin: 0;\n}\n\n.gent-cta-box {\n background: linear-gradient(135deg, var(--gent-secondary) 0%, var(--gent-primary-dark) 100%);\n border-radius: var(--gent-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gent-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.gent-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n@media (max-width: 767px) {\n .gent-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .gent-card {\n padding: 1.125rem;\n }\n \n .gent-section {\n margin-bottom: 1.75rem;\n }\n \n .gent-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gent-radius-sm);\n }\n \n .gent-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .gent-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .gent-grid-compact {\n gap: .625rem;\n }\n \n .gent-grid-compact .gent-card {\n padding: .75rem;\n }\n \n .gent-step {\n padding: 1rem;\n gap: 1rem;\n }\n \n .gent-step-number {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n \n .gent-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .gent-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .gent-info-box {\n padding: 1rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gent-card {\n animation: fadeInUp .5s ease backwards;\n }\n .gent-card:nth-child(1) { animation-delay: .05s; }\n .gent-card:nth-child(2) { animation-delay: .1s; }\n .gent-card:nth-child(3) { animation-delay: .15s; }\n .gent-card:nth-child(4) { animation-delay: .2s; }\n .gent-card:nth-child(5) { animation-delay: .25s; }\n .gent-card:nth-child(6) { animation-delay: .3s; }\n \n .gent-step {\n animation: fadeInUp .5s ease backwards;\n }\n .gent-step:nth-child(1) { animation-delay: .05s; }\n .gent-step:nth-child(2) { animation-delay: .1s; }\n .gent-step:nth-child(3) { animation-delay: .15s; }\n .gent-step: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 .gent-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":56419674849657,"sku":"NBAIDSH0102","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-gentiane-n12-bio-20ml-saint-hilaire-lifestyle_7e7f3f47-e799-4249-bd7f-2f97a2516a61.webp?v=1768478202"},{"product_id":"fleur-de-bach-impatiente-n-18-20ml-saint-hilaire","title":"Fleur de Bach Impatiente n°18 - 20ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Impatiente n°18 - Saint-Hilaire\nPalette détectée:\n - Primaire: #5B7C4A (vert olive\/sauge du texte packaging)\n - Secondaire: #C4A962 (doré\/ocre du numéro N°18)\n - Accent: #8B4513 (ambre du flacon en verre)\n - Background: #F5F3ED (crème naturel de l'étiquette)\nAmbiance: Naturel, authentique, apothicaire traditionnel, bien-être holistique, artisanal français\nPréfixe CSS: fb\n--\u003e\n\n\u003cdiv class=\"fb-premium\"\u003e\n \n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🇫🇷 Made in Auvergne\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e✨ Méthode Dr. Bach\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eFleur de Bach Impatiente n°18\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eL'élixir naturel pour retrouver calme et patience\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003eVous vivez à cent à l'heure et l'attente vous exaspère ? Cet élixir floral vous accompagne pour cultiver la sérénité et développer une patience bienveillante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🎯 À qui s'adresse cet élixir ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e⚡ Vous vivez à cent à l'heure\u003c\/h3\u003e\n \u003cp\u003eNaturellement vif et efficace, la lenteur des autres vous agace profondément au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e😤 Vous vous irritez facilement\u003c\/h3\u003e\n \u003cp\u003eLes petits retards, files d'attente ou hésitations déclenchent une nervosité difficile à contrôler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🧑‍💼 Vous préférez travailler seul(e)\u003c\/h3\u003e\n \u003cp\u003eVous constatez que vous avancez plus vite sans avoir à attendre ou expliquer aux autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💬 Vous terminez les phrases des autres\u003c\/h3\u003e\n \u003cp\u003eLeur rythme de parole vous semble insupportablement lent, vous anticipez constamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e😰 Vous ressentez une tension constante\u003c\/h3\u003e\n \u003cp\u003eCette agitation permanente engendre stress et angoisse au quotidien, épuisant votre énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔄 Vous faites tout vous-même\u003c\/h3\u003e\n \u003cp\u003ePour aller plus vite, vous prenez en charge ce que les autres font \"trop lentement\".\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de l'Impatiente\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card fb-card-benefit\"\u003e\n \u003ch3\u003e🧘 Patience naturelle\u003c\/h3\u003e\n \u003cp\u003eVous acceptez progressivement que chacun évolue à son propre rythme, sans frustration ni agacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-benefit\"\u003e\n \u003ch3\u003e🌊 Apaisement intérieur\u003c\/h3\u003e\n \u003cp\u003eAide à relâcher les tensions accumulées par l'impatience chronique et la nervosité quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-benefit\"\u003e\n \u003ch3\u003e💚 Tolérance accrue\u003c\/h3\u003e\n \u003cp\u003eUn regard plus indulgent sur les différences de tempo des personnes qui vous entourent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-benefit\"\u003e\n \u003ch3\u003e🤝 Relations harmonieuses\u003c\/h3\u003e\n \u003cp\u003eEn étant moins pressant avec les autres, vous créez des échanges plus détendus et bienveillants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-benefit\"\u003e\n \u003ch3\u003e😌 Irritabilité réduite\u003c\/h3\u003e\n \u003cp\u003eLes petits désagréments du quotidien ne déclenchent plus de réactions disproportionnées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-benefit\"\u003e\n \u003ch3\u003e⏳ Sérénité retrouvée\u003c\/h3\u003e\n \u003cp\u003eCultivez un état d'esprit calme qui transforme votre rapport au temps et aux autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🌱 Une composition bio et authentique\u003c\/h2\u003e\n \u003cdiv class=\"fb-composition\"\u003e\n \u003cdiv class=\"fb-composition-item\"\u003e\n \u003cdiv class=\"fb-composition-icon\"\u003e🍇\u003c\/div\u003e\n \u003cdiv class=\"fb-composition-content\"\u003e\n \u003ch3\u003eBrandy biologique\u003c\/h3\u003e\n \u003cp class=\"fb-composition-dose\"\u003e40% vol.\u003c\/p\u003e\n \u003cp\u003eSupport de conservation traditionnel garantissant la stabilité optimale de l'élixir floral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-composition-item\"\u003e\n \u003cdiv class=\"fb-composition-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"fb-composition-content\"\u003e\n \u003ch3\u003eImpatiens glandulifera bio\u003c\/h3\u003e\n \u003cp class=\"fb-composition-dose\"\u003eDilution 1\/250ème\u003c\/p\u003e\n \u003cp\u003eExtrait aqueux préparé selon la méthode solaire originale du Dr. Edward Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-certification-box\"\u003e\n \u003cp\u003e🏆 La certification biologique assure une qualité irréprochable, sans pesticides ni substances indésirables. Le flacon ambré de 20 ml protège l'élixir de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e📋 Comment utiliser cet élixir ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-usage\"\u003e\n \u003cdiv class=\"fb-usage-main\"\u003e\n \u003cdiv class=\"fb-dosage-highlight\"\u003e\n \u003cspan class=\"fb-dosage-number\"\u003e4\u003c\/span\u003e\n \u003cspan class=\"fb-dosage-text\"\u003egouttes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-dosage-times\"\u003e\n \u003cspan\u003e×\u003c\/span\u003e\n \u003cspan class=\"fb-dosage-number\"\u003e4\u003c\/span\u003e\n \u003cspan class=\"fb-dosage-text\"\u003efois\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e👅 Sous la langue\u003c\/h3\u003e\n \u003cp\u003eMéthode la plus efficace pour une absorption optimale et rapide de l'élixir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💧 Dans un verre d'eau\u003c\/h3\u003e\n \u003cp\u003eAlternative idéale si vous préférez atténuer le goût de l'alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e⏰ 4 moments clés\u003c\/h3\u003e\n \u003cp\u003eMatin au réveil, milieu de matinée, milieu d'après-midi et avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-duration-box\"\u003e\n \u003ch3\u003e⏳ Durée recommandée\u003c\/h3\u003e\n \u003cp\u003ePoursuivez la prise pendant \u003cstrong\u003eau moins 3 semaines\u003c\/strong\u003e pour observer des changements durables. Peut être utilisée seule ou associée à d'autres élixirs (jusqu'à 7 fleurs simultanément).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e💡 Associations recommandées\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card fb-card-asso\"\u003e\n \u003ch3\u003e🔥 Impatiente + Vervain\u003c\/h3\u003e\n \u003cp\u003ePour les personnes surmenées qui s'épuisent à vouloir tout faire rapidement et intensément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-asso\"\u003e\n \u003ch3\u003e🌀 Impatiente + White Chestnut\u003c\/h3\u003e\n \u003cp\u003eIdéale si l'impatience s'accompagne de pensées obsédantes et d'un mental qui tourne en boucle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-asso\"\u003e\n \u003ch3\u003e🌟 Impatiente + Rescue\u003c\/h3\u003e\n \u003cp\u003eEn situation de stress aigu où l'impatience amplifie l'anxiété et la tension nerveuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"fb-accordion\"\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003eL'Impatiente est-elle efficace contre le stress ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eL'Impatiente agit spécifiquement sur l'impatience et l'irritabilité, deux facteurs qui alimentent le stress et l'angoisse au quotidien. En vous aidant à ralentir intérieurement, elle contribue à réduire la tension nerveuse globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003eCombien de temps pour ressentir les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eLes premiers effets peuvent apparaître dès les premiers jours, mais une cure de 3 à 4 semaines permet d'ancrer durablement les changements émotionnels et comportementaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003ePeut-on l'associer à d'autres fleurs de Bach ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eAbsolument. Vous pouvez combiner jusqu'à 7 élixirs différents selon vos besoins émotionnels. L'Impatiente s'associe particulièrement bien avec Vervain (surmenage) ou White Chestnut (pensées obsédantes).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"fb-accordion\"\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eRefermez soigneusement le flacon après chaque utilisation. Conservez à température ambiante, à l'abri de la chaleur excessive et des sources de lumière directe. Éloignez des appareils électroniques. Ne touchez pas la pipette avec les doigts ou la bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée. Contient de l'alcool (40% vol.) : déconseillé aux personnes en sevrage alcoolique. À tenir hors de portée des enfants. Consultez votre médecin si vous êtes enceinte ou allaitante. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eÉlaboré par la Distillerie Saint-Hilaire au cœur de l'Auvergne, selon un savoir-faire artisanal exigeant. Chaque élixir respecte scrupuleusement les méthodes traditionnelles établies par le Dr Edward Bach dans les années 1930, avec des ingrédients biologiques soigneusement sélectionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e📏 20 ml\u003c\/h3\u003e\n \u003cp\u003eContenance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔢 N°18\u003c\/h3\u003e\n \u003cp\u003eClassification Bach\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌿 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💜 Solitude\u003c\/h3\u003e\n \u003cp\u003eGroupe émotionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cp\u003e🌸 Retrouvez votre sérénité naturelle avec l'élixir Impatiente n°18. Laissez la patience s'installer doucement et transformez votre rapport au temps et aux autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #F8F6F1;\n --fb-white: #ffffff;\n --fb-primary: #5B7C4A;\n --fb-primary-dark: #3D5432;\n --fb-primary-light: #E8EFE4;\n --fb-secondary: #C4A962;\n --fb-accent: #8B5A2B;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e0e0e0;\n --fb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #5B7C4A 0%, #3D5432 50%, #2A3B23 100%);\n border-radius: var(--fb-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(--fb-shadow-lg);\n}\n\n.fb-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,98,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.fb-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(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fb-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.fb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.fb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-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.fb-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(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n.fb-card-benefit {\n border-left: 4px solid var(--fb-secondary);\n}\n\n.fb-card-asso {\n background: linear-gradient(135deg, var(--fb-white) 0%, var(--fb-primary-light) 100%);\n}\n\n.fb-composition {\n display: grid;\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.fb-composition-item {\n display: flex;\n gap: 1.25rem;\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n align-items: flex-start;\n}\n\n.fb-composition-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.fb-composition-content h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-composition-dose {\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-secondary);\n margin: 0 0 .5rem 0 !important;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.fb-composition-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-certification-box {\n background: linear-gradient(135deg, var(--fb-primary-light) 0%, #d4e4cc 100%);\n border-radius: var(--fb-radius);\n padding: 1.5rem;\n text-align: center;\n border: 2px solid var(--fb-primary);\n}\n\n.fb-certification-box p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-primary-dark);\n margin: 0;\n line-height: 1.7;\n font-weight: 500;\n}\n\n.fb-usage-main {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n margin-bottom: 2rem;\n flex-wrap: wrap;\n}\n\n.fb-dosage-highlight, .fb-dosage-times {\n display: flex;\n align-items: baseline;\n gap: .5rem;\n background: var(--fb-white);\n padding: 1.5rem 2rem;\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-dosage-number {\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n color: var(--fb-primary);\n line-height: 1;\n}\n\n.fb-dosage-text {\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 700;\n color: var(--fb-text-light);\n}\n\n.fb-dosage-times span:first-child {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 300;\n color: var(--fb-text-light);\n}\n\n.fb-duration-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: 1.5rem 2rem;\n margin-top: 1.5rem;\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-secondary);\n}\n\n.fb-duration-box h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.fb-duration-box p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.fb-duration-box strong {\n color: var(--fb-primary-dark);\n}\n\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-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.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-primary-dark) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fb-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(196,169,98,.2) 0%, transparent 50%);\n}\n\n.fb-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .fb-card {\n padding: 1.125rem;\n }\n \n .fb-section {\n margin-bottom: 1.75rem;\n }\n \n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n \n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .fb-grid-compact {\n gap: .625rem;\n }\n \n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n \n .fb-composition-item {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .fb-usage-main {\n gap: 1rem;\n }\n \n .fb-dosage-highlight, .fb-dosage-times {\n padding: 1rem 1.5rem;\n }\n \n .fb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-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 .fb-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":56419701817721,"sku":"NBAIDSH0095","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-impatiente-n18-20ml-saint-hilaire-lifestyle_7d5764c6-10cb-44ac-9270-c1f64b545b49.webp?v=1768477856"},{"product_id":"fleur-de-bach-marronnier-rouge-25-20ml-saint-hilaire","title":"Fleur de Bach Marronnier Rouge Bio 20ml - Sérénité - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Marronnier rouge n°25\nPalette détectée:\n - Primaire: #4A6741 (vert forêt du texte et de l'identité Saint-Hilaire)\n - Secondaire: #8B4513 (brun ambré du flacon en verre)\n - Accent: #C94B4B (rouge bordeaux du marronnier rouge, accent sur l'étiquette)\nAmbiance: Naturel\/apothicaire, élégant et traditionnel, esprit herboristerie française\nPréfixe CSS: mr\n--\u003e\n\u003cdiv class=\"mr-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"mr-hero\"\u003e\n\u003cdiv class=\"mr-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mr-hero-content\"\u003e\n\u003cdiv class=\"mr-badges-top\"\u003e\n\u003cspan class=\"mr-badge\"\u003e🌰 Fleur de Bach n°25\u003c\/span\u003e \u003cspan class=\"mr-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"mr-badge\"\u003e🇫🇷 Auvergne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mr-hero-title\"\u003eFleur de Bach Marronnier Rouge\u003c\/span\u003e\n\u003cp class=\"mr-subtitle\"\u003eLibérez-vous de l'inquiétude excessive pour vos proches\u003c\/p\u003e\n\u003cp class=\"mr-description\"\u003eL'élixir floral Red Chestnut de la Distillerie Saint-Hilaire pour retrouver confiance et sérénité lorsque l'amour pour les autres se transforme en anxiété envahissante.\u003c\/p\u003e\n\u003cdiv class=\"mr-hero-details\"\u003e\n\u003cspan class=\"mr-hero-tag\"\u003e🌸 Aesculus carnea\u003c\/span\u003e \u003cspan class=\"mr-hero-tag\"\u003e💧 20 ml\u003c\/span\u003e \u003cspan class=\"mr-hero-tag\"\u003e✨ Méthode Dr Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTRODUCTION --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003cdiv class=\"mr-intro-box\"\u003e\n\u003cp\u003eVous vous surprenez à imaginer le pire dès qu'un proche prend la route ? Vous appelez plusieurs fois par jour pour vous assurer que tout va bien ? Cette \u003cstrong\u003einquiétude constante pour les autres\u003c\/strong\u003e peut devenir épuisante, autant pour vous que pour votre entourage. La \u003cstrong\u003efleur de Bach Marronnier rouge\u003c\/strong\u003e, également connue sous le nom de \u003cstrong\u003eRed Chestnut\u003c\/strong\u003e, a été identifiée par le Docteur Edward Bach précisément pour accompagner les personnes dont l'amour se teinte d'anxiété excessive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e🎯 À qui s'adresse cet élixir floral ?\u003c\/h2\u003e\n\u003cdiv class=\"mr-grid\"\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e💭 Les parents inquiets\u003c\/h3\u003e\n\u003cp\u003eVous imaginez constamment des scénarios catastrophes concernant vos enfants, même adultes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e📱 Les proches anxieux\u003c\/h3\u003e\n\u003cp\u003eVous avez besoin de nouvelles régulières et paniquez au moindre retard ou silence\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🔮 Ceux qui anticipent le pire\u003c\/h3\u003e\n\u003cp\u003eVotre esprit fabrique spontanément des scénarios dramatiques pour vos êtres chers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🤗 Les protecteurs excessifs\u003c\/h3\u003e\n\u003cp\u003eVotre besoin de protéger les autres devient parfois étouffant pour eux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPRENDRE --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e🌳 Comprendre le Marronnier rouge\u003c\/h2\u003e\n\u003cdiv class=\"mr-understanding-grid\"\u003e\n\u003cdiv class=\"mr-understanding-card\"\u003e\n\u003ch3\u003e🔍 L'état émotionnel concerné\u003c\/h3\u003e\n\u003cp\u003eLe Marronnier rouge s'adresse à une forme très particulière d'anxiété : celle qui ne concerne pas soi-même, mais \u003cstrong\u003eexclusivement les autres\u003c\/strong\u003e. Contrairement à d'autres peurs, cette inquiétude naît d'un amour profond qui se manifeste de façon déséquilibrée. Vous projetez vos craintes sur vos proches, vivant par anticipation des malheurs qui ne se produisent généralement jamais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-understanding-card\"\u003e\n\u003ch3\u003e🎯 Ce que cet élixir peut vous apporter\u003c\/h3\u003e\n\u003cp\u003eL'élixir floral de \u003cstrong\u003eMarronnier rouge\u003c\/strong\u003e aide à transformer cette inquiétude en \u003cstrong\u003econfiance sereine\u003c\/strong\u003e. Il ne diminue pas l'amour que vous portez aux autres, bien au contraire : il permet d'exprimer cet attachement de manière plus saine, en faisant confiance à la capacité de vos proches à traverser leur propre vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits du Marronnier rouge\u003c\/h2\u003e\n\u003cdiv class=\"mr-benefits\"\u003e\n\u003cdiv class=\"mr-benefit\"\u003e\n\u003cspan class=\"mr-benefit-num\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"mr-benefit-content\"\u003e\n\u003ch3\u003eApaise l'inquiétude pour les autres\u003c\/h3\u003e\n\u003cp\u003eAide à calmer les pensées anxieuses récurrentes concernant le bien-être et la sécurité de vos proches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-benefit\"\u003e\n\u003cspan class=\"mr-benefit-num\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"mr-benefit-content\"\u003e\n\u003ch3\u003eCultive la confiance relationnelle\u003c\/h3\u003e\n\u003cp\u003eFavorise une attitude plus confiante envers la capacité des autres à gérer leur propre existence\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-benefit\"\u003e\n\u003cspan class=\"mr-benefit-num\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"mr-benefit-content\"\u003e\n\u003ch3\u003eLibère des scénarios catastrophes\u003c\/h3\u003e\n\u003cp\u003ePermet de se détacher des projections négatives et d'accueillir le présent avec plus de légèreté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-benefit\"\u003e\n\u003cspan class=\"mr-benefit-num\"\u003e04\u003c\/span\u003e\n\u003cdiv class=\"mr-benefit-content\"\u003e\n\u003ch3\u003eRétablit des liens équilibrés\u003c\/h3\u003e\n\u003cp\u003eTransforme l'amour anxieux en attention bienveillante, plus agréable pour tous\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SITUATIONS --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e📋 Situations où Red Chestnut peut vous aider\u003c\/h2\u003e\n\u003cdiv class=\"mr-situations\"\u003e\n\u003cdiv class=\"mr-situation\"\u003e\n\u003cspan class=\"mr-situation-icon\"\u003e✈️\u003c\/span\u003e \u003cspan\u003eQuand un proche voyage et que vous ne trouvez pas le sommeil\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-situation\"\u003e\n\u003cspan class=\"mr-situation-icon\"\u003e🚗\u003c\/span\u003e \u003cspan\u003eLorsque votre enfant conduit et que vous guettez son message d'arrivée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-situation\"\u003e\n\u003cspan class=\"mr-situation-icon\"\u003e🏥\u003c\/span\u003e \u003cspan\u003eQuand vous amplifiez le moindre symptôme de santé chez vos proches\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-situation\"\u003e\n\u003cspan class=\"mr-situation-icon\"\u003e📵\u003c\/span\u003e \u003cspan\u003eSi un appel sans réponse déclenche immédiatement des pensées alarmistes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-situation\"\u003e\n\u003cspan class=\"mr-situation-icon\"\u003e🌙\u003c\/span\u003e \u003cspan\u003eQuand l'inquiétude pour les autres vous empêche de dormir sereinement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-situation\"\u003e\n\u003cspan class=\"mr-situation-icon\"\u003e👶\u003c\/span\u003e \u003cspan\u003ePendant les premières années de parentalité souvent marquées par l'hypervigilance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e🌿 Composition certifiée biologique\u003c\/h2\u003e\n\u003cdiv class=\"mr-composition-grid\"\u003e\n\u003cdiv class=\"mr-ingredient\"\u003e\n\u003cdiv class=\"mr-ingredient-icon\"\u003e🍷\u003c\/div\u003e\n\u003cdiv class=\"mr-ingredient-info\"\u003e\n\u003ch3\u003eBrandy bio\u003c\/h3\u003e\n\u003cspan class=\"mr-ingredient-tag\"\u003e40% vol - Conservateur naturel\u003c\/span\u003e\n\u003cp\u003eAlcool de raisin biologique servant de support de conservation, conformément à la méthode traditionnelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-ingredient\"\u003e\n\u003cdiv class=\"mr-ingredient-icon\"\u003e🌸\u003c\/div\u003e\n\u003cdiv class=\"mr-ingredient-info\"\u003e\n\u003ch3\u003eAesculus carnea bio\u003c\/h3\u003e\n\u003cspan class=\"mr-ingredient-tag\"\u003eDilution 1\/250ème\u003c\/span\u003e\n\u003cp\u003eExtrait aqueux de fleurs de Marronnier rouge, préparé selon la méthode d'ébullition originale du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-method-box\"\u003e\n\u003cspan class=\"mr-method-icon\"\u003e📜\u003c\/span\u003e\n\u003cdiv class=\"mr-method-text\"\u003e\n\u003ch4\u003eLa méthode d'ébullition du Dr Bach\u003c\/h4\u003e\n\u003cp\u003eLe Marronnier rouge fait partie des fleurs préparées par \u003cstrong\u003eébullition\u003c\/strong\u003e, une technique réservée aux arbres et arbustes dont les fleurs s'épanouissent avant que le soleil printanier n'atteigne sa pleine puissance. Les sommités fleuries sont cuites doucement dans de l'eau de source, puis filtrées et stabilisées dans du brandy bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e💧 Comment utiliser votre élixir ?\u003c\/h2\u003e\n\u003cdiv class=\"mr-usage\"\u003e\n\u003cdiv class=\"mr-dosage\"\u003e\n\u003cspan class=\"mr-dosage-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"mr-dosage-text\"\u003e\n\u003cspan class=\"mr-dosage-label\"\u003egouttes\u003c\/span\u003e \u003cspan class=\"mr-dosage-freq\"\u003e4 fois par jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-usage-steps\"\u003e\n\u003cdiv class=\"mr-step\"\u003e\n\u003cspan class=\"mr-step-icon\"\u003e👅\u003c\/span\u003e\n\u003cp\u003eDéposez les gouttes directement sous la langue pour une absorption optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-step\"\u003e\n\u003cspan class=\"mr-step-icon\"\u003e💧\u003c\/span\u003e\n\u003cp\u003eOu diluez-les dans un verre d'eau à boire par petites gorgées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-step\"\u003e\n\u003cspan class=\"mr-step-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003ePrenez-les au réveil, en milieu de matinée, dans l'après-midi et au coucher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-tip\"\u003e\n\u003cspan class=\"mr-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil d'utilisation :\u003c\/strong\u003e En période d'inquiétude intense (voyage d'un proche, attente de nouvelles), vous pouvez prendre les gouttes plus fréquemment, jusqu'à toutes les 15 minutes si nécessaire. Pour un travail de fond, maintenez la prise pendant \u003cstrong\u003e3 à 4 semaines\u003c\/strong\u003e minimum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPARAISON --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e🤔 Marronnier rouge ou blanc ?\u003c\/h2\u003e\n\u003cdiv class=\"mr-comparison\"\u003e\n\u003cp class=\"mr-comparison-intro\"\u003eUne confusion fréquente existe entre ces deux élixirs. Voici comment les distinguer :\u003c\/p\u003e\n\u003cdiv class=\"mr-comparison-grid\"\u003e\n\u003cdiv class=\"mr-comparison-item mr-comparison-red\"\u003e\n\u003ch4\u003e🔴 Marronnier rouge (Red Chestnut)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eInquiétude \u003cstrong\u003epour les autres\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eCrainte qu'il arrive malheur à vos proches\u003c\/li\u003e\n\u003cli\u003eAnxiété tournée vers l'extérieur\u003c\/li\u003e\n\u003cli\u003eBesoin de protéger ceux que vous aimez\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-comparison-item mr-comparison-white\"\u003e\n\u003ch4\u003e⚪ Marronnier blanc (White Chestnut)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003ePensées \u003cstrong\u003eobsessionnelles personnelles\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eMental qui tourne en boucle\u003c\/li\u003e\n\u003cli\u003eRuminations concernant votre propre vie\u003c\/li\u003e\n\u003cli\u003eDifficulté à faire taire le bavardage mental\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"mr-accordion\"\u003e\n\u003cdetails class=\"mr-accordion-item\"\u003e\n\u003csummary class=\"mr-accordion-header\"\u003e🏔️ La Distillerie Saint-Hilaire\u003c\/summary\u003e\n\u003cdiv class=\"mr-accordion-content\"\u003e\n\u003cp\u003eNichée au cœur des volcans d'\u003cstrong\u003eAuvergne\u003c\/strong\u003e, la Distillerie Saint-Hilaire élabore ses élixirs floraux dans le respect absolu de la tradition établie par le Docteur Bach dans les années 1930. Certification biologique, fabrication française artisanale et méthode originale préservée. Ce flacon de \u003cstrong\u003e20 ml\u003c\/strong\u003e avec pipette compte-gouttes vous accompagnera pendant environ \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e d'utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mr-accordion-item\"\u003e\n\u003csummary class=\"mr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"mr-accordion-content\"\u003e\n\u003cp\u003eRefermez soigneusement le flacon après usage. Conservez dans un endroit frais (15-25°C), à l'abri de la lumière directe du soleil et éloigné des sources électromagnétiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mr-accordion-item\"\u003e\n\u003csummary class=\"mr-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"mr-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eContient de l'alcool\u003c\/strong\u003e (40% vol) : déconseillé aux personnes en sevrage alcoolique\u003c\/li\u003e\n\u003cli\u003eEn cas de troubles anxieux sévères ou persistants, consultez un professionnel de santé\u003c\/li\u003e\n\u003cli\u003eCet élixir ne constitue pas un traitement médical et ne peut s'y substituer\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n\u003cli\u003eDemandez conseil à votre médecin si vous êtes enceinte ou allaitante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003cdiv class=\"mr-grid-compact\"\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n\u003cp\u003e20 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🔢 Numéro Bach\u003c\/h3\u003e\n\u003cp\u003eN°25\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🇬🇧 Nom anglais\u003c\/h3\u003e\n\u003cp\u003eRed Chestnut\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-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\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"mr-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mr-cta-box\"\u003e\n\u003cspan class=\"mr-cta-icon\"\u003e🌰\u003c\/span\u003e\n\u003cp\u003eTransformez votre \u003cstrong\u003einquiétude\u003c\/strong\u003e en \u003cstrong\u003econfiance bienveillante\u003c\/strong\u003e.\u003cbr\u003eLaissez le Marronnier rouge vous aider à aimer sans craindre, à protéger sans étouffer.\u003c\/p\u003e\n\u003cspan class=\"mr-cta-tagline\"\u003eParce qu'aimer, c'est aussi faire confiance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mr-cream: #FAF8F5;\n --mr-white: #ffffff;\n --mr-primary: #4A6741;\n --mr-primary-dark: #3A5331;\n --mr-primary-light: #E8EFE6;\n --mr-secondary: #8B5A2B;\n --mr-secondary-light: #F5EDE4;\n --mr-accent: #C94B4B;\n --mr-accent-light: #FCF0F0;\n --mr-text: #1a1a1a;\n --mr-text-light: #5a5a5a;\n --mr-border: #e0e0e0;\n --mr-shadow: 0 4px 24px rgba(74,103,65,.08);\n --mr-shadow-lg: 0 12px 48px rgba(74,103,65,.15);\n --mr-radius: 20px;\n --mr-radius-sm: 12px;\n}\n\n.mr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mr-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mr-primary) 0%, #5C7A52 40%, var(--mr-accent) 100%);\n border-radius: var(--mr-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(--mr-shadow-lg);\n}\n\n.mr-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(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.mr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mr-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(--mr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mr-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 9vw, 64px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 30px rgba(0,0,0,.25);\n}\n\n.mr-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.mr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.mr-hero-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.mr-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: white;\n}\n\n\/* === INTRO === *\/\n.mr-intro-box {\n background: var(--mr-white);\n border-radius: var(--mr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mr-shadow);\n border-left: 4px solid var(--mr-accent);\n}\n\n.mr-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin: 0;\n color: var(--mr-text);\n}\n\n\/* === SECTIONS === *\/\n.mr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mr-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.mr-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(--mr-primary), var(--mr-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mr-card {\n background: var(--mr-white);\n border-radius: var(--mr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mr-shadow-lg);\n border-color: var(--mr-primary);\n}\n\n.mr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mr-grid-compact .mr-card {\n padding: 1rem;\n}\n\n.mr-grid-compact .mr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mr-grid-compact .mr-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--mr-primary-dark);\n}\n\n\/* === UNDERSTANDING === *\/\n.mr-understanding-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.mr-understanding-card {\n background: var(--mr-white);\n border-radius: var(--mr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mr-shadow);\n}\n\n.mr-understanding-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mr-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.mr-understanding-card p {\n font-size: 15px;\n color: var(--mr-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === BIENFAITS === *\/\n.mr-benefits {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mr-benefit {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--mr-white);\n border-radius: var(--mr-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--mr-shadow);\n border-left: 4px solid var(--mr-primary);\n transition: all .3s ease;\n}\n\n.mr-benefit:hover {\n transform: translateX(8px);\n box-shadow: var(--mr-shadow-lg);\n}\n\n.mr-benefit-num {\n font-size: 32px;\n font-weight: 900;\n color: var(--mr-accent);\n opacity: .7;\n line-height: 1;\n min-width: 50px;\n}\n\n.mr-benefit-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--mr-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mr-benefit-content p {\n font-size: 14px;\n color: var(--mr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SITUATIONS === *\/\n.mr-situations {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n}\n\n.mr-situation {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--mr-white);\n border-radius: var(--mr-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--mr-shadow);\n transition: all .3s ease;\n}\n\n.mr-situation:hover {\n transform: translateY(-3px);\n box-shadow: var(--mr-shadow-lg);\n}\n\n.mr-situation-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.mr-situation span:last-child {\n font-size: 14px;\n font-weight: 500;\n color: var(--mr-text);\n line-height: 1.5;\n}\n\n\/* === COMPOSITION === *\/\n.mr-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mr-ingredient {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--mr-white);\n border-radius: var(--mr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mr-shadow);\n transition: all .3s ease;\n}\n\n.mr-ingredient:hover {\n transform: translateY(-5px);\n box-shadow: var(--mr-shadow-lg);\n}\n\n.mr-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.mr-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--mr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mr-ingredient-tag {\n display: inline-block;\n background: var(--mr-primary-light);\n color: var(--mr-primary-dark);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.mr-ingredient-info p {\n font-size: 14px;\n color: var(--mr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mr-method-box {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: linear-gradient(135deg, var(--mr-secondary-light) 0%, var(--mr-white) 100%);\n border-radius: var(--mr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--mr-secondary);\n}\n\n.mr-method-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.mr-method-text h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mr-secondary);\n margin: 0 0 .5rem 0;\n}\n\n.mr-method-text p {\n font-size: 14px;\n color: var(--mr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.mr-usage {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n margin-bottom: 1.5rem;\n align-items: center;\n}\n\n.mr-dosage {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--mr-primary) 0%, var(--mr-primary-dark) 100%);\n border-radius: var(--mr-radius);\n padding: 2rem 2.5rem;\n box-shadow: var(--mr-shadow-lg);\n}\n\n.mr-dosage-number {\n font-size: 72px;\n font-weight: 900;\n color: white;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mr-dosage-text {\n display: flex;\n flex-direction: column;\n}\n\n.mr-dosage-label {\n font-size: 24px;\n font-weight: 700;\n color: white;\n line-height: 1.2;\n}\n\n.mr-dosage-freq {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n}\n\n.mr-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mr-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--mr-white);\n border-radius: var(--mr-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--mr-shadow);\n transition: all .3s ease;\n}\n\n.mr-step:hover {\n transform: translateX(5px);\n}\n\n.mr-step-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mr-step p {\n font-size: 14px;\n color: var(--mr-text);\n margin: 0;\n font-weight: 500;\n}\n\n.mr-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--mr-accent-light);\n border-radius: var(--mr-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n border-left: 4px solid var(--mr-accent);\n}\n\n.mr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mr-tip p {\n font-size: 14px;\n color: var(--mr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPARAISON === *\/\n.mr-comparison {\n background: var(--mr-white);\n border-radius: var(--mr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mr-shadow);\n}\n\n.mr-comparison-intro {\n font-size: 16px;\n color: var(--mr-text);\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.mr-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.mr-comparison-item {\n padding: 1.5rem;\n border-radius: var(--mr-radius-sm);\n}\n\n.mr-comparison-red {\n background: var(--mr-accent-light);\n border: 2px solid var(--mr-accent);\n}\n\n.mr-comparison-white {\n background: #F5F5F5;\n border: 2px solid #CCCCCC;\n}\n\n.mr-comparison-item h4 {\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 1rem 0;\n color: var(--mr-primary-dark);\n}\n\n.mr-comparison-item ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.mr-comparison-item li {\n font-size: 14px;\n color: var(--mr-text-light);\n padding: .5rem 0 .5rem 1.5rem;\n position: relative;\n line-height: 1.5;\n}\n\n.mr-comparison-item li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--mr-primary);\n font-weight: bold;\n}\n\n\/* === ACCORDÉON === *\/\n.mr-accordion {\n background: var(--mr-white);\n border-radius: var(--mr-radius);\n box-shadow: var(--mr-shadow);\n overflow: hidden;\n}\n\n.mr-accordion-item {\n border-bottom: 1px solid var(--mr-border);\n margin: 0;\n padding: 0;\n}\n\n.mr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mr-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.mr-accordion-header:hover {\n background: var(--mr-primary-light);\n}\n\n.mr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mr-primary);\n transition: transform .2s ease;\n}\n\n.mr-accordion-item[open] .mr-accordion-header::after {\n content: '−';\n}\n\n.mr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mr-accordion-content p {\n margin: 0;\n}\n\n.mr-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.mr-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.mr-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mr-cta-box {\n background: linear-gradient(135deg, var(--mr-primary) 0%, #5C7A52 50%, var(--mr-accent) 100%);\n border-radius: var(--mr-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mr-shadow-lg);\n}\n\n.mr-cta-icon {\n display: block;\n font-size: 56px;\n margin-bottom: 1.5rem;\n animation: mrFloat 3s ease-in-out infinite;\n}\n\n@keyframes mrFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n.mr-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0 0 1.5rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mr-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 10px 24px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mr-card,\n .mr-benefit,\n .mr-ingredient,\n .mr-step,\n .mr-situation {\n animation: mrFadeInUp .5s ease backwards;\n }\n .mr-card:nth-child(1), .mr-benefit:nth-child(1) { animation-delay: .05s; }\n .mr-card:nth-child(2), .mr-benefit:nth-child(2) { animation-delay: .1s; }\n .mr-card:nth-child(3), .mr-benefit:nth-child(3) { animation-delay: .15s; }\n .mr-card:nth-child(4), .mr-benefit:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes mrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mr-grid-compact {\n gap: .625rem;\n }\n \n .mr-grid-compact .mr-card {\n padding: .75rem;\n }\n \n .mr-card {\n padding: 1.125rem;\n }\n \n .mr-section {\n margin-bottom: 1.75rem;\n }\n \n .mr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mr-radius-sm);\n }\n \n .mr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mr-usage {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .mr-dosage {\n justify-content: center;\n padding: 1.5rem 2rem;\n }\n \n .mr-dosage-number {\n font-size: 56px;\n }\n \n .mr-understanding-grid,\n .mr-composition-grid,\n .mr-comparison-grid {\n grid-template-columns: 1fr;\n }\n \n .mr-situations {\n grid-template-columns: 1fr;\n }\n \n .mr-benefit {\n gap: 1rem;\n }\n \n .mr-benefit-num {\n font-size: 24px;\n min-width: 40px;\n }\n \n .mr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mr-badges-top {\n gap: 8px;\n }\n \n .mr-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n \n .mr-hero-details {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mr-premium *,\n .mr-cta-icon {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56474580320633,"sku":"AIDSH0089","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Canva_Fleur_de_Bach_dame_saint_hilaire_8.jpg?v=1767971875"},{"product_id":"fleur-de-bach-tremble-20ml-saint-hilaire","title":"Fleur de bach tremble n°2 bio - 20ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Tremble N°2 Bio - Saint-Hilaire\nPalette détectée:\n - Primaire: #5A4632 (brun ambré du flacon en verre)\n - Secondaire: #3D5A3D (vert forêt\/naturel évoquant les plantes)\n - Accent: #8B7355 (beige doré de l'étiquette)\nAmbiance: Naturel\/apothicaire, élégant et authentique, style traditionnel français, univers bien-être et sérénité\nPréfixe CSS: fb\n--\u003e\n\n\u003cdiv class=\"fb-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 Fleur de Bach n°2\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🌱 100% Bio\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🇫🇷 Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eFleur de Bach Tremble - Aspen\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eRetrouvez la sérénité face aux peurs inexpliquées\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003eL'élixir floral Aspen de la Distillerie Saint-Hilaire pour apaiser les angoisses diffuses et les pressentiments inquiétants qui surgissent sans raison apparente.\u003c\/p\u003e\n \u003cdiv class=\"fb-hero-details\"\u003e\n \u003cspan class=\"fb-hero-tag\"\u003e🌳 Populus tremula\u003c\/span\u003e\n \u003cspan class=\"fb-hero-tag\"\u003e💧 20 ml\u003c\/span\u003e\n \u003cspan class=\"fb-hero-tag\"\u003e✨ Méthode Dr Bach\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- INTRODUCTION --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003cdiv class=\"fb-intro-box\"\u003e\n \u003cp\u003eVous ressentez parfois une \u003cstrong\u003eangoisse sourde\u003c\/strong\u003e qui vous envahit sans que vous puissiez l'expliquer ? Ce malaise diffus, cette sensation que quelque chose de négatif va se produire, sans savoir quoi ni pourquoi ? La \u003cstrong\u003efleur de Bach Tremble\u003c\/strong\u003e, connue internationalement sous le nom d'\u003cstrong\u003eAspen\u003c\/strong\u003e, a été sélectionnée par le Docteur Edward Bach précisément pour accompagner ces \u003cstrong\u003epeurs vagues et inexpliquées\u003c\/strong\u003e. Contrairement aux craintes rationnelles, ces angoisses flottantes peuvent surgir à tout moment et perturber profondément votre quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPRENDRE LA PEUR ASPEN --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🔍 Qu'est-ce que la peur de type Aspen ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-understanding-grid\"\u003e\n \u003cdiv class=\"fb-understanding-card\"\u003e\n \u003ch3\u003e🌫️ Une peur sans visage\u003c\/h3\u003e\n \u003cp\u003eLa peur de type Tremble se distingue des autres craintes par son \u003cstrong\u003ecaractère inexplicable\u003c\/strong\u003e. Vous ne pouvez pas identifier sa source. Ce n'est pas la peur du noir, de l'avion ou des araignées. C'est plutôt un \u003cstrong\u003epressentiment diffus\u003c\/strong\u003e, une anxiété qui flotte sans objet précis. Vous sentez que quelque chose ne va pas, mais impossible de mettre des mots dessus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-understanding-card\"\u003e\n \u003ch3\u003e🌀 Des manifestations variées\u003c\/h3\u003e\n \u003cp\u003eCette angoisse peut se traduire par des \u003cstrong\u003efrissons inexpliqués\u003c\/strong\u003e, une sensation d'oppression au réveil, des cauchemars récurrents ou encore une appréhension constante. Certaines personnes décrivent une impression de \u003cstrong\u003emenace invisible\u003c\/strong\u003e, comme si quelque chose de négatif planait sans jamais se concrétiser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🎯 À qui s'adresse cet élixir floral ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e😰 Les anxieux chroniques\u003c\/h3\u003e\n \u003cp\u003eVous vivez avec une angoisse de fond permanente, sans pouvoir identifier ce qui vous inquiète vraiment\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌙 Ceux qui craignent la nuit\u003c\/h3\u003e\n \u003cp\u003eLe coucher du soleil ou l'obscurité amplifient vos appréhensions et vos peurs irrationnelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔮 Les personnes très sensibles\u003c\/h3\u003e\n \u003cp\u003eVous percevez des « ambiances » et ressentez des malaises dans certains lieux ou situations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e👶 Les enfants craintifs\u003c\/h3\u003e\n \u003cp\u003eVotre enfant a peur du noir, fait des cauchemars ou exprime des craintes qu'il ne peut pas expliquer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- DIFFÉRENCE AVEC MIMULUS --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🤔 Aspen ou Mimulus : comment choisir ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-comparison\"\u003e\n \u003cp class=\"fb-comparison-intro\"\u003eCes deux fleurs de Bach concernent la peur, mais de manière très différente. Voici comment les distinguer :\u003c\/p\u003e\n \u003cdiv class=\"fb-comparison-grid\"\u003e\n \u003cdiv class=\"fb-comparison-item fb-comparison-aspen\"\u003e\n \u003ch4\u003e🌳 Tremble (Aspen) n°2\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003ePeurs \u003cstrong\u003evagues et inexpliquées\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eImpossible de nommer ce qui vous fait peur\u003c\/li\u003e\n \u003cli\u003ePressentiments, appréhensions diffuses\u003c\/li\u003e\n \u003cli\u003eAngoisses souvent nocturnes ou au réveil\u003c\/li\u003e\n \u003cli\u003eSensation de menace invisible\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-comparison-item fb-comparison-mimulus\"\u003e\n \u003ch4\u003e🌼 Mimule (Mimulus) n°20\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003ePeurs \u003cstrong\u003eidentifiées et concrètes\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eVous savez exactement de quoi vous avez peur\u003c\/li\u003e\n \u003cli\u003ePhobie des araignées, du dentiste, de parler en public...\u003c\/li\u003e\n \u003cli\u003eTimidité, peur du jugement des autres\u003c\/li\u003e\n \u003cli\u003eCrainte face à des situations précises\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-comparison-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Si vous pouvez finir la phrase « J'ai peur de... », c'est Mimulus. Si votre angoisse reste floue et inexplicable, c'est Aspen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de la fleur de Bach Tremble n°2\u003c\/h2\u003e\n \u003cdiv class=\"fb-benefits\"\u003e\n \u003cdiv class=\"fb-benefit\"\u003e\n \u003cspan class=\"fb-benefit-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"fb-benefit-content\"\u003e\n \u003ch3\u003eApaise les angoisses inexpliquées\u003c\/h3\u003e\n \u003cp\u003eAide à calmer cette anxiété diffuse qui surgit sans raison apparente et vous empêche de vivre sereinement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-benefit\"\u003e\n \u003cspan class=\"fb-benefit-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"fb-benefit-content\"\u003e\n \u003ch3\u003eFavorise un sommeil plus paisible\u003c\/h3\u003e\n \u003cp\u003eContribue à réduire les cauchemars et les réveils nocturnes liés aux peurs irrationnelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-benefit\"\u003e\n \u003cspan class=\"fb-benefit-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"fb-benefit-content\"\u003e\n \u003ch3\u003eRestaure la confiance intérieure\u003c\/h3\u003e\n \u003cp\u003ePermet de retrouver un sentiment de sécurité et d'aborder l'inconnu avec plus de sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-benefit\"\u003e\n \u003cspan class=\"fb-benefit-num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"fb-benefit-content\"\u003e\n \u003ch3\u003eTransforme la sensibilité en force\u003c\/h3\u003e\n \u003cp\u003eAide les personnes très réceptives à canaliser leur intuition sans se laisser submerger par l'anxiété\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SITUATIONS --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e📋 Situations où le Tremble peut vous aider\u003c\/h2\u003e\n \u003cdiv class=\"fb-situations\"\u003e\n \u003cdiv class=\"fb-situation\"\u003e\n \u003cspan class=\"fb-situation-icon\"\u003e🌅\u003c\/span\u003e\n \u003cspan\u003eVous vous réveillez avec une boule au ventre sans raison particulière\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-situation\"\u003e\n \u003cspan class=\"fb-situation-icon\"\u003e🏚️\u003c\/span\u003e\n \u003cspan\u003eCertains lieux vous mettent mal à l'aise sans que vous puissiez l'expliquer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-situation\"\u003e\n \u003cspan class=\"fb-situation-icon\"\u003e😨\u003c\/span\u003e\n \u003cspan\u003eVous avez des pressentiments négatifs qui vous paralysent\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-situation\"\u003e\n \u003cspan class=\"fb-situation-icon\"\u003e🌑\u003c\/span\u003e\n \u003cspan\u003eLa tombée de la nuit ou le fait d'être seul amplifie vos peurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-situation\"\u003e\n \u003cspan class=\"fb-situation-icon\"\u003e💭\u003c\/span\u003e\n \u003cspan\u003eVous êtes envahi par des pensées anxiogènes que vous ne pouvez pas rationaliser\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-situation\"\u003e\n \u003cspan class=\"fb-situation-icon\"\u003e👻\u003c\/span\u003e\n \u003cspan\u003eVous ressentez des peurs « irrationnelles » depuis l'enfance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SYMBOLIQUE DU TREMBLE --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🌳 Pourquoi le Tremble ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-symbolique-box\"\u003e\n \u003cdiv class=\"fb-symbolique-content\"\u003e\n \u003cp\u003eLe \u003cstrong\u003ePopulus tremula\u003c\/strong\u003e, ou Tremble, tire son nom de sa caractéristique la plus remarquable : ses feuilles qui \u003cstrong\u003efrémissent au moindre souffle de vent\u003c\/strong\u003e, même lorsque l'air semble immobile. Cette sensibilité extrême aux courants d'air invisibles reflète parfaitement l'état émotionnel que cet élixir accompagne.\u003c\/p\u003e\n \u003cp\u003eLe Docteur Bach voyait dans cette signature botanique un miroir de ces \u003cstrong\u003epersonnes hypersensibles\u003c\/strong\u003e qui perçoivent et réagissent à des influences subtiles, imperceptibles pour d'autres. L'élixir de Tremble aide à transformer cette réceptivité en une force sereine, permettant d'accueillir l'inconnu sans trembler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-symbolique-image\"\u003e\n \u003cspan class=\"fb-tree-icon\"\u003e🍃\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🧪 Composition certifiée biologique\u003c\/h2\u003e\n \u003cdiv class=\"fb-composition-grid\"\u003e\n \u003cdiv class=\"fb-ingredient\"\u003e\n \u003cdiv class=\"fb-ingredient-icon\"\u003e🍷\u003c\/div\u003e\n \u003cdiv class=\"fb-ingredient-info\"\u003e\n \u003ch3\u003eBrandy bio\u003c\/h3\u003e\n \u003cspan class=\"fb-ingredient-tag\"\u003e40% vol - Conservateur naturel\u003c\/span\u003e\n \u003cp\u003eAlcool de raisin biologique servant de support de conservation, conformément à la méthode traditionnelle du Dr Bach\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-ingredient\"\u003e\n \u003cdiv class=\"fb-ingredient-icon\"\u003e🌳\u003c\/div\u003e\n \u003cdiv class=\"fb-ingredient-info\"\u003e\n \u003ch3\u003ePopulus tremula bio\u003c\/h3\u003e\n \u003cspan class=\"fb-ingredient-tag\"\u003eDilution 1\/250ème\u003c\/span\u003e\n \u003cp\u003eExtrait aqueux de bourgeons et jeunes pousses de Tremble, préparé selon la méthode d'ébullition originale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-method-box\"\u003e\n \u003cdiv class=\"fb-method-text\"\u003e\n \u003ch4\u003e🔥 La méthode d'ébullition\u003c\/h4\u003e\n \u003cp\u003eLe Tremble fait partie des 19 fleurs préparées par \u003cstrong\u003eébullition\u003c\/strong\u003e, technique réservée aux arbres et arbustes qui fleurissent tôt dans l'année, avant que le soleil n'atteigne sa pleine intensité. Les jeunes pousses fleuries sont délicatement cuites dans de l'eau de source pendant 30 minutes, puis le liquide est filtré et stabilisé dans du brandy biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e💧 Comment utiliser votre élixir Tremble ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-usage\"\u003e\n \u003cdiv class=\"fb-dosage\"\u003e\n \u003cspan class=\"fb-dosage-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"fb-dosage-text\"\u003e\n \u003cspan class=\"fb-dosage-label\"\u003egouttes\u003c\/span\u003e\n \u003cspan class=\"fb-dosage-freq\"\u003e4 fois par jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-usage-steps\"\u003e\n \u003cdiv class=\"fb-step\"\u003e\n \u003cspan class=\"fb-step-icon\"\u003e👅\u003c\/span\u003e\n \u003cp\u003eDéposez les gouttes directement sous la langue pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-step\"\u003e\n \u003cspan class=\"fb-step-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003eOu diluez-les dans un verre d'eau à boire par petites gorgées tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-step\"\u003e\n \u003cspan class=\"fb-step-icon\"\u003e⏰\u003c\/span\u003e\n \u003cp\u003ePrenez-les au réveil, en milieu de matinée, dans l'après-midi et surtout au coucher\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e En cas de crise d'angoisse ou de montée de peur inexpliquée, vous pouvez prendre les gouttes plus fréquemment, jusqu'à toutes les 10-15 minutes, jusqu'à apaisement. Pour un travail de fond sur les peurs chroniques, poursuivez la prise pendant \u003cstrong\u003e3 à 4 semaines\u003c\/strong\u003e minimum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip fb-tip-night\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e🌙\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePour les peurs nocturnes :\u003c\/strong\u003e Gardez le flacon sur votre table de nuit. En cas de réveil anxieux ou de cauchemar, prenez 4 gouttes immédiatement. Vous pouvez également préparer un verre d'eau avec 4 gouttes le soir et le siroter en cas de besoin pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR LES ENFANTS --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e👶 La fleur de Bach Tremble pour les enfants\u003c\/h2\u003e\n \u003cdiv class=\"fb-children-box\"\u003e\n \u003cdiv class=\"fb-children-content\"\u003e\n \u003cp\u003eLes enfants sont particulièrement réceptifs aux \u003cstrong\u003epeurs inexpliquées\u003c\/strong\u003e. Peur du noir, de dormir seul, cauchemars récurrents, crainte des « monstres »... Ces angoisses, souvent impossibles à rationaliser pour eux, peuvent perturber leur sommeil et leur bien-être.\u003c\/p\u003e\n \u003cp\u003eL'élixir de Tremble peut accompagner ces jeunes sensibles en douceur. \u003cstrong\u003ePosologie enfant :\u003c\/strong\u003e 2 à 4 gouttes, 4 fois par jour, diluées dans un peu d'eau ou de jus de fruit. Pour les tout-petits ou en cas de souhait d'éviter l'alcool, les gouttes peuvent être diluées dans une boisson chaude (l'alcool s'évapore) ou appliquées sur les poignets et derrière les oreilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-children-note\"\u003e\n \u003cspan\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eDemandez toujours l'avis d'un professionnel de santé avant d'utiliser des élixirs floraux chez les jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ASSOCIATIONS --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🌸 Associations recommandées\u003c\/h2\u003e\n \u003cdiv class=\"fb-associations-grid\"\u003e\n \u003cdiv class=\"fb-association-card\"\u003e\n \u003ch3\u003e🌳 Tremble + Mimulus\u003c\/h3\u003e\n \u003cp\u003eSi vous avez à la fois des peurs vagues et des peurs identifiées (par exemple, angoisse diffuse + peur du dentiste)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-association-card\"\u003e\n \u003ch3\u003e🌰 Tremble + Marronnier blanc\u003c\/h3\u003e\n \u003cp\u003eQuand les pensées anxieuses tournent en boucle et alimentent vos angoisses inexpliquées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-association-card\"\u003e\n \u003ch3\u003e🌹 Tremble + Rock Rose\u003c\/h3\u003e\n \u003cp\u003ePour les terreurs paniques et les frayeurs intenses qui vous paralysent complètement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-association-card\"\u003e\n \u003ch3\u003e🆘 Tremble + Rescue\u003c\/h3\u003e\n \u003cp\u003eEn situation de crise, pour un apaisement rapide des angoisses aiguës\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-association-note\"\u003e\n \u003cp\u003eVous pouvez mélanger jusqu'à 7 fleurs de Bach ensemble. Chaque fleur conserve son action propre, et l'ensemble travaille en synergie sur votre équilibre émotionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"fb-accordion\"\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🏔️ La Distillerie Saint-Hilaire\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eInstallée au cœur des \u003cstrong\u003evolcans d'Auvergne\u003c\/strong\u003e, la Distillerie Saint-Hilaire perpétue depuis des années la tradition des élixirs floraux selon la méthode originale du Docteur Bach. Chaque fleur est récoltée à son apogée, dans des lieux préservés, puis préparée artisanalement avec une eau de source locale et du brandy biologique. Cette démarche garantit des élixirs d'une \u003cstrong\u003equalité exceptionnelle\u003c\/strong\u003e, certifiés biologiques et 100% fabriqués en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e📖 L'histoire du Dr Bach et les 38 fleurs\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eEdward Bach (1886-1936), médecin britannique, a consacré sa vie à trouver une méthode de soin simple et naturelle, accessible à tous. Après des années de recherche, il a identifié \u003cstrong\u003e38 états émotionnels négatifs\u003c\/strong\u003e et associé à chacun une fleur capable d'harmoniser cet état. Le Tremble (Aspen) fait partie du groupe des fleurs liées à la \u003cstrong\u003epeur\u003c\/strong\u003e, aux côtés de Mimulus, Cherry Plum, Red Chestnut et Rock Rose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eRefermez soigneusement le flacon après chaque utilisation. Conservez-le dans un endroit frais (entre 15 et 25°C), à l'abri de la lumière directe du soleil et éloigné des appareils électriques ou sources électromagnétiques. Bien conservé, votre élixir garde ses propriétés pendant plusieurs années (voir date sur le flacon).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cul\u003e\n \u003cli\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eContient de l'alcool\u003c\/strong\u003e (40% vol) : déconseillé aux personnes en sevrage alcoolique\u003c\/li\u003e\n \u003cli\u003eEn cas de troubles anxieux sévères ou persistants, consultez un professionnel de santé\u003c\/li\u003e\n \u003cli\u003eCet élixir ne constitue pas un traitement médical et ne peut s'y substituer\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n \u003cli\u003eDemandez conseil à votre médecin ou pharmacien si vous êtes enceinte ou allaitante\u003c\/li\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003e20 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔢 Numéro Bach\u003c\/h3\u003e\n \u003cp\u003eN°2\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🇬🇧 Nom anglais\u003c\/h3\u003e\n \u003cp\u003eAspen\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-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!-- CTA FINAL --\u003e\n \u003csection class=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cspan class=\"fb-cta-icon\"\u003e🌳\u003c\/span\u003e\n \u003cp\u003eNe laissez plus les \u003cstrong\u003epeurs inexpliquées\u003c\/strong\u003e gouverner votre quotidien.\u003cbr\u003eLaissez le Tremble vous accompagner vers une \u003cstrong\u003esérénité retrouvée\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cspan class=\"fb-cta-tagline\"\u003eParce que l'inconnu peut devenir un espace de confiance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #FAF9F7;\n --fb-white: #ffffff;\n --fb-primary: #5A4632;\n --fb-primary-dark: #3D2E1F;\n --fb-primary-light: #F5F0EB;\n --fb-secondary: #3D5A3D;\n --fb-secondary-light: #E8F0E8;\n --fb-accent: #8B7355;\n --fb-accent-light: #F2EDE8;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e5e0db;\n --fb-shadow: 0 4px 24px rgba(90,70,50,.08);\n --fb-shadow-lg: 0 12px 48px rgba(90,70,50,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fb-premium * {\n box-sizing: border-box;\n}\n\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-accent) 50%, var(--fb-secondary) 100%);\n border-radius: var(--fb-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(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 15% 85%, rgba(255,255,255,.12) 0%, transparent 45%),\n radial-gradient(circle at 85% 15%, rgba(255,255,255,.08) 0%, transparent 35%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 60%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.fb-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(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 9vw, 64px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 30px rgba(0,0,0,.25);\n}\n\n.fb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.fb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.fb-hero-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.fb-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: white;\n}\n\n.fb-intro-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin: 0;\n color: var(--fb-text);\n}\n\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-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.fb-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(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--fb-primary-dark);\n}\n\n.fb-understanding-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.fb-understanding-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-understanding-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.fb-understanding-card p {\n font-size: 15px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.fb-benefits {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-benefit {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n transition: all .3s ease;\n}\n\n.fb-benefit:hover {\n transform: translateX(8px);\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-benefit-num {\n font-size: 32px;\n font-weight: 900;\n color: var(--fb-accent);\n opacity: .7;\n line-height: 1;\n min-width: 50px;\n}\n\n.fb-benefit-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.fb-benefit-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-situations {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n}\n\n.fb-situation {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--fb-white);\n border-radius: var(--fb-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--fb-shadow);\n transition: all .3s ease;\n}\n\n.fb-situation:hover {\n transform: translateY(-3px);\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-situation-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.fb-situation span:last-child {\n font-size: 14px;\n font-weight: 500;\n color: var(--fb-text);\n line-height: 1.5;\n}\n\n.fb-comparison {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-comparison-intro {\n font-size: 16px;\n color: var(--fb-text);\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.fb-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.fb-comparison-item {\n padding: 1.5rem;\n border-radius: var(--fb-radius-sm);\n}\n\n.fb-comparison-aspen {\n background: var(--fb-accent-light);\n border: 2px solid var(--fb-primary);\n}\n\n.fb-comparison-mimulus {\n background: #FFF9E6;\n border: 2px solid #D4A700;\n}\n\n.fb-comparison-item h4 {\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 1rem 0;\n color: var(--fb-primary-dark);\n}\n\n.fb-comparison-item ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.fb-comparison-item li {\n font-size: 14px;\n color: var(--fb-text-light);\n padding: .5rem 0 .5rem 1.5rem;\n position: relative;\n line-height: 1.5;\n}\n\n.fb-comparison-item li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--fb-primary);\n font-weight: bold;\n}\n\n.fb-comparison-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--fb-secondary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n}\n\n.fb-comparison-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-symbolique-box {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 2rem;\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n align-items: center;\n}\n\n.fb-symbolique-content p {\n font-size: 15px;\n color: var(--fb-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.7;\n}\n\n.fb-symbolique-content p:last-child {\n margin-bottom: 0;\n}\n\n.fb-tree-icon {\n font-size: 80px;\n opacity: 0.8;\n}\n\n.fb-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.fb-ingredient {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n transition: all .3s ease;\n}\n\n.fb-ingredient:hover {\n transform: translateY(-5px);\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.fb-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-ingredient-tag {\n display: inline-block;\n background: var(--fb-primary-light);\n color: var(--fb-primary-dark);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.fb-ingredient-info p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fb-method-box {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: linear-gradient(135deg, var(--fb-secondary-light) 0%, var(--fb-white) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--fb-secondary);\n}\n\n.fb-method-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.fb-method-text h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--fb-secondary);\n margin: 0 0 .5rem 0;\n}\n\n.fb-method-text p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-usage {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n margin-bottom: 1.5rem;\n align-items: center;\n}\n\n.fb-dosage {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-primary-dark) 100%);\n border-radius: var(--fb-radius);\n padding: 2rem 2.5rem;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-dosage-number {\n font-size: 72px;\n font-weight: 900;\n color: white;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fb-dosage-text {\n display: flex;\n flex-direction: column;\n}\n\n.fb-dosage-label {\n font-size: 24px;\n font-weight: 700;\n color: white;\n line-height: 1.2;\n}\n\n.fb-dosage-freq {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n}\n\n.fb-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--fb-white);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--fb-shadow);\n transition: all .3s ease;\n}\n\n.fb-step:hover {\n transform: translateX(5px);\n}\n\n.fb-step-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-step p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n font-weight: 500;\n}\n\n.fb-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--fb-accent-light);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n border-left: 4px solid var(--fb-primary);\n margin-bottom: 1rem;\n}\n\n.fb-tip:last-child {\n margin-bottom: 0;\n}\n\n.fb-tip-night {\n background: #F0EBF5;\n border-left-color: #7B68A6;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-children-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-children-content p {\n font-size: 15px;\n color: var(--fb-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.7;\n}\n\n.fb-children-content p:last-child {\n margin-bottom: 1.5rem;\n}\n\n.fb-children-note {\n display: flex;\n align-items: flex-start;\n gap: .75rem;\n background: #FFF5E6;\n border-radius: var(--fb-radius-sm);\n padding: 1rem;\n border-left: 4px solid #E6A800;\n}\n\n.fb-children-note span {\n font-size: 20px;\n}\n\n.fb-children-note p {\n font-size: 13px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.5;\n}\n\n.fb-associations-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.fb-association-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: 1.5rem;\n box-shadow: var(--fb-shadow);\n border-top: 4px solid var(--fb-primary);\n transition: all .3s ease;\n}\n\n.fb-association-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-association-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.fb-association-card p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-association-note {\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n text-align: center;\n}\n\n.fb-association-note p {\n font-size: 14px;\n color: var(--fb-primary-dark);\n margin: 0;\n font-weight: 500;\n}\n\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-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.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n.fb-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.fb-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.fb-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-accent) 50%, var(--fb-secondary) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-cta-icon {\n display: block;\n font-size: 56px;\n margin-bottom: 1.5rem;\n animation: fbFloat 3s ease-in-out infinite;\n}\n\n@keyframes fbFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n.fb-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0 0 1.5rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.fb-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 10px 24px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fb-card,\n .fb-benefit,\n .fb-ingredient,\n .fb-step,\n .fb-situation {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1), .fb-benefit:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2), .fb-benefit:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3), .fb-benefit:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4), .fb-benefit:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .fb-grid-compact {\n gap: .625rem;\n }\n \n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n \n .fb-card {\n padding: 1.125rem;\n }\n \n .fb-section {\n margin-bottom: 1.75rem;\n }\n \n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n \n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .fb-usage {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .fb-dosage {\n justify-content: center;\n padding: 1.5rem 2rem;\n }\n \n .fb-dosage-number {\n font-size: 56px;\n }\n \n .fb-understanding-grid,\n .fb-composition-grid,\n .fb-comparison-grid,\n .fb-associations-grid {\n grid-template-columns: 1fr;\n }\n \n .fb-situations {\n grid-template-columns: 1fr;\n }\n \n .fb-benefit {\n gap: 1rem;\n }\n \n .fb-benefit-num {\n font-size: 24px;\n min-width: 40px;\n }\n \n .fb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .fb-badges-top {\n gap: 8px;\n }\n \n .fb-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n \n .fb-hero-details {\n flex-direction: column;\n align-items: center;\n }\n \n .fb-symbolique-box {\n grid-template-columns: 1fr;\n text-align: center;\n }\n \n .fb-tree-icon {\n font-size: 60px;\n }\n \n .fb-method-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fb-premium *,\n .fb-cta-icon {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56474656276857,"sku":"AIDSH0087","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Canva_Fleur_de_Bach_dame_saint_hilaire_7.jpg?v=1767971758"},{"product_id":"fleur-de-bach-mimule-bio-20ml-saint-hilaire","title":"Fleur de Bach Mimule n°20 bio - 20ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Mimule n°20 bio - 20ml - Saint-Hilaire\nPalette détectée:\n - Primaire: #4A6741 (vert sauge du packaging, évoquant le naturel\/bio)\n - Secondaire: #D4A84B (jaune doré des fleurs de Mimule et accents du label)\n - Accent: #8B5A2B (brun ambré du flacon en verre)\nAmbiance: Naturel\/bio, artisanal français, tradition apothicaire, douceur florale\nPréfixe CSS: mi\n--\u003e\n\n\u003cdiv class=\"mi-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"mi-hero\"\u003e\n \u003cdiv class=\"mi-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mi-hero-content\"\u003e\n \u003cdiv class=\"mi-badges-top\"\u003e\n \u003cspan class=\"mi-badge\"\u003e🌼 Fleur de Bach n°20\u003c\/span\u003e\n \u003cspan class=\"mi-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"mi-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mi-hero-title\"\u003eFleur de bach Mimule\u003c\/span\u003e\n \u003cp class=\"mi-subtitle\"\u003eApprivoisez vos peurs connues avec douceur\u003c\/p\u003e\n \u003cp class=\"mi-description\"\u003eL'élixir floral Mimulus de la Distillerie Saint-Hilaire transforme vos craintes identifiables en courage tranquille. Retrouvez la confiance face aux défis du quotidien.\u003c\/p\u003e\n \u003cdiv class=\"mi-hero-details\"\u003e\n \u003cspan class=\"mi-hero-tag\"\u003e🌸 Mimulus guttatus\u003c\/span\u003e\n \u003cspan class=\"mi-hero-tag\"\u003e💧 20 ml\u003c\/span\u003e\n \u003cspan class=\"mi-hero-tag\"\u003e☀️ Méthode solarisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- INTRODUCTION --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003cdiv class=\"mi-intro-box\"\u003e\n \u003cp\u003eLe rendez-vous chez le dentiste vous angoisse depuis des semaines ? Vous évitez de prendre la parole en public ? L'avion vous terrifie au point de renoncer à voyager ? Ces \u003cstrong\u003epeurs bien identifiées\u003c\/strong\u003e qui empoisonnent votre quotidien ont un point commun : vous savez exactement ce qui vous effraie. La \u003cstrong\u003efleur de Bach Mimule\u003c\/strong\u003e, numéro 20 de la classification du Docteur Edward Bach, accompagne les personnes confrontées à des \u003cstrong\u003ecraintes concrètes et identifiables\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPRENDRE LA MIMULE --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e🌼 Qu'est-ce que la fleur de Mimule ?\u003c\/h2\u003e\n \u003cdiv class=\"mi-understanding-grid\"\u003e\n \u003cdiv class=\"mi-understanding-card\"\u003e\n \u003ch3\u003e🔬 Portrait botanique\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003eMimulus guttatus\u003c\/strong\u003e, ou Mimule tachetée, est une plante herbacée vivace originaire d'Amérique du Nord. Elle affectionne les \u003cstrong\u003emilieux humides\u003c\/strong\u003e : berges de ruisseaux, marécages et sols détrempés. Ses fleurs d'un jaune éclatant, parsemées de petites taches rouges, s'épanouissent de juin à septembre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-understanding-card\"\u003e\n \u003ch3\u003e💭 La signature de la plante\u003c\/h3\u003e\n \u003cp\u003eLe Docteur Bach observait que la Mimule, malgré son apparente fragilité, \u003cstrong\u003es'épanouit au bord de l'eau vive\u003c\/strong\u003e. Cette résilience discrète reflète ce que l'élixir apporte : la capacité de traverser les situations redoutées avec une force intérieure renouvelée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e🎯 À qui s'adresse cet élixir ?\u003c\/h2\u003e\n \u003cdiv class=\"mi-grid\"\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e😰 Les personnes timides\u003c\/h3\u003e\n \u003cp\u003eVous rougissez facilement, parler à des inconnus vous coûte, les situations sociales vous mettent mal à l'aise\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e✈️ Ceux qui ont des phobies\u003c\/h3\u003e\n \u003cp\u003ePeur de l'avion, des araignées, de l'eau, des espaces clos... vous savez exactement ce qui vous effraie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e🏥 Les anxieux des rendez-vous\u003c\/h3\u003e\n \u003cp\u003eDentiste, médecin, entretien d'embauche, examen : l'anticipation de ces moments vous paralyse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e🤫 Les personnes réservées\u003c\/h3\u003e\n \u003cp\u003eVous préférez l'ombre à la lumière, évitez les confrontations et gardez vos opinions pour vous\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- TYPES DE PEURS --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e📋 Les peurs que Mimule peut apaiser\u003c\/h2\u003e\n \u003cdiv class=\"mi-fears-container\"\u003e\n \u003cdiv class=\"mi-fears-column\"\u003e\n \u003ch3\u003e🏠 Peurs du quotidien\u003c\/h3\u003e\n \u003cul class=\"mi-fears-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e🦷\u003c\/span\u003e Peur du dentiste\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e💉\u003c\/span\u003e Peur des piqûres\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e📞\u003c\/span\u003e Peur de téléphoner\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e🗣️\u003c\/span\u003e Peur de parler en public\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e👥\u003c\/span\u003e Peur du regard des autres\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-fears-column\"\u003e\n \u003ch3\u003e🌍 Peurs des déplacements\u003c\/h3\u003e\n \u003cul class=\"mi-fears-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e✈️\u003c\/span\u003e Peur de l'avion\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e🚗\u003c\/span\u003e Peur de conduire\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e⛰️\u003c\/span\u003e Peur du vide\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e🌊\u003c\/span\u003e Peur de l'eau\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e🏢\u003c\/span\u003e Peur des espaces clos\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-fears-column\"\u003e\n \u003ch3\u003e💫 Peurs existentielles\u003c\/h3\u003e\n \u003cul class=\"mi-fears-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e🤒\u003c\/span\u003e Peur de la maladie\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e💔\u003c\/span\u003e Peur de la solitude\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e💸\u003c\/span\u003e Peur de manquer\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e🌑\u003c\/span\u003e Peur du noir\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e⛈️\u003c\/span\u003e Peur des orages\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-note\"\u003e\n \u003cp\u003e\u003cstrong\u003e💡 Point important :\u003c\/strong\u003e La Mimule s'adresse aux peurs dont vous \u003cstrong\u003econnaissez l'origine\u003c\/strong\u003e. Pour une angoisse diffuse sans raison apparente, c'est plutôt la fleur \u003cstrong\u003eAspen (Tremble)\u003c\/strong\u003e qui convient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de Mimule\u003c\/h2\u003e\n \u003cdiv class=\"mi-benefits\"\u003e\n \u003cdiv class=\"mi-benefit\"\u003e\n \u003cspan class=\"mi-benefit-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"mi-benefit-content\"\u003e\n \u003ch3\u003eApaise les peurs identifiées\u003c\/h3\u003e\n \u003cp\u003eRéduit l'intensité des craintes concrètes qui perturbent votre quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-benefit\"\u003e\n \u003cspan class=\"mi-benefit-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"mi-benefit-content\"\u003e\n \u003ch3\u003eDéveloppe le courage tranquille\u003c\/h3\u003e\n \u003cp\u003eFavorise une force intérieure sereine pour affronter les situations redoutées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-benefit\"\u003e\n \u003cspan class=\"mi-benefit-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"mi-benefit-content\"\u003e\n \u003ch3\u003eLibère de la timidité\u003c\/h3\u003e\n \u003cp\u003eSoutient la capacité à s'exprimer et à prendre sa place\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-benefit\"\u003e\n \u003cspan class=\"mi-benefit-num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"mi-benefit-content\"\u003e\n \u003ch3\u003eRéduit l'anticipation anxieuse\u003c\/h3\u003e\n \u003cp\u003ePermet de vivre le présent sans être paralysé par l'appréhension\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e🌿 Composition certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"mi-composition-grid\"\u003e\n \u003cdiv class=\"mi-ingredient\"\u003e\n \u003cdiv class=\"mi-ingredient-icon\"\u003e🍷\u003c\/div\u003e\n \u003cdiv class=\"mi-ingredient-info\"\u003e\n \u003ch3\u003eBrandy bio\u003c\/h3\u003e\n \u003cspan class=\"mi-ingredient-tag\"\u003e40% vol\u003c\/span\u003e\n \u003cp\u003eAlcool de raisin biologique, conservateur naturel selon la méthode traditionnelle du Dr Bach\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-ingredient\"\u003e\n \u003cdiv class=\"mi-ingredient-icon\"\u003e🌼\u003c\/div\u003e\n \u003cdiv class=\"mi-ingredient-info\"\u003e\n \u003ch3\u003eMimulus guttatus bio\u003c\/h3\u003e\n \u003cspan class=\"mi-ingredient-tag\"\u003eDilution 1\/250ème\u003c\/span\u003e\n \u003cp\u003eExtrait aqueux de fleurs préparé par solarisation selon la méthode originale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-method-box\"\u003e\n \u003cspan class=\"mi-method-icon\"\u003e☀️\u003c\/span\u003e\n \u003cdiv class=\"mi-method-text\"\u003e\n \u003ch4\u003eLa méthode de solarisation\u003c\/h4\u003e\n \u003cp\u003eLes fleurs fraîchement cueillies sont déposées à la surface d'un bol d'eau de source pure, exposé au soleil pendant plusieurs heures. L'énergie solaire permet le transfert des propriétés subtiles de la fleur dans l'eau, stabilisée ensuite dans du brandy bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e💧 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mi-usage\"\u003e\n \u003cdiv class=\"mi-dosage\"\u003e\n \u003cspan class=\"mi-dosage-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"mi-dosage-text\"\u003e\n \u003cspan class=\"mi-dosage-label\"\u003egouttes\u003c\/span\u003e\n \u003cspan class=\"mi-dosage-freq\"\u003e4 fois par jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-usage-steps\"\u003e\n \u003cdiv class=\"mi-step\"\u003e\n \u003cspan class=\"mi-step-icon\"\u003e👅\u003c\/span\u003e\n \u003cp\u003eDirectement sous la langue pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-step\"\u003e\n \u003cspan class=\"mi-step-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003eOu diluées dans un verre d'eau à boire par petites gorgées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-step\"\u003e\n \u003cspan class=\"mi-step-icon\"\u003e⏰\u003c\/span\u003e\n \u003cp\u003eAu réveil, milieu de matinée, après-midi et au coucher\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-usage-scenarios\"\u003e\n \u003ch3\u003e📌 Conseils selon les situations\u003c\/h3\u003e\n \u003cdiv class=\"mi-scenario-grid\"\u003e\n \u003cdiv class=\"mi-scenario\"\u003e\n \u003ch4\u003e🦷 Avant un rendez-vous\u003c\/h4\u003e\n \u003cp\u003eCommencez \u003cstrong\u003e3 à 5 jours avant\u003c\/strong\u003e. Le jour J, 4 gouttes toutes les 30 min dans l'heure qui précède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-scenario\"\u003e\n \u003ch4\u003e✈️ Phobie du voyage\u003c\/h4\u003e\n \u003cp\u003eDébutez une semaine avant. Pendant le trajet, prenez 4 gouttes dès que l'anxiété monte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-scenario\"\u003e\n \u003ch4\u003e🗣️ Timidité chronique\u003c\/h4\u003e\n \u003cp\u003eTravail de fond : maintenez la prise quotidienne pendant \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPARAISON --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e🤔 Mimule, Aspen ou Rock Rose ?\u003c\/h2\u003e\n \u003cdiv class=\"mi-comparison\"\u003e\n \u003cp class=\"mi-comparison-intro\"\u003eLe système Bach comprend plusieurs fleurs pour les peurs. Voici comment choisir :\u003c\/p\u003e\n \u003cdiv class=\"mi-comparison-grid\"\u003e\n \u003cdiv class=\"mi-comparison-item mi-comparison-mimule\"\u003e\n \u003ch4\u003e🌼 Mimule (n°20)\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003ePeurs \u003cstrong\u003econnues et identifiables\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eVous pouvez nommer ce qui vous effraie\u003c\/li\u003e\n \u003cli\u003ePhobies spécifiques\u003c\/li\u003e\n \u003cli\u003eTimidité, réserve excessive\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-comparison-item mi-comparison-aspen\"\u003e\n \u003ch4\u003e🌳 Aspen (n°2)\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003ePeurs \u003cstrong\u003evagues et inexplicables\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eAngoisse diffuse sans raison\u003c\/li\u003e\n \u003cli\u003ePressentiments, appréhensions floues\u003c\/li\u003e\n \u003cli\u003eSensation de menace indéfinissable\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-comparison-item mi-comparison-rockrose\"\u003e\n \u003ch4\u003e🌹 Rock Rose (n°26)\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eTerreur et panique\u003c\/strong\u003e aiguës\u003c\/li\u003e\n \u003cli\u003eSituations d'urgence émotionnelle\u003c\/li\u003e\n \u003cli\u003eCauchemars terrifiants\u003c\/li\u003e\n \u003cli\u003eParalysie face au danger\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mi-accordion\"\u003e\n \u003cdetails class=\"mi-accordion-item\"\u003e\n \u003csummary class=\"mi-accordion-header\"\u003e🏔️ La Distillerie Saint-Hilaire\u003c\/summary\u003e\n \u003cdiv class=\"mi-accordion-content\"\u003e\n \u003cp\u003eImplantée au cœur des \u003cstrong\u003evolcans d'Auvergne\u003c\/strong\u003e, la Distillerie Saint-Hilaire perpétue la tradition des élixirs floraux. Chaque fleur est cueillie à la main au moment optimal, puis préparée selon la \u003cstrong\u003eméthode originale du Docteur Bach\u003c\/strong\u003e. La certification biologique garantit l'absence de pesticides. Ce flacon de 20 ml vous accompagnera pendant environ \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mi-accordion-item\"\u003e\n \u003csummary class=\"mi-accordion-header\"\u003e🔢 Les 38 fleurs de Bach\u003c\/summary\u003e\n \u003cdiv class=\"mi-accordion-content\"\u003e\n \u003cp\u003eLe Docteur Edward Bach a identifié \u003cstrong\u003e38 fleurs\u003c\/strong\u003e correspondant chacune à un état émotionnel. La Mimule (n°20) appartient au groupe des fleurs traitant la \u003cstrong\u003epeur\u003c\/strong\u003e, aux côtés d'Aspen, Cherry Plum, Red Chestnut et Rock Rose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mi-accordion-item\"\u003e\n \u003csummary class=\"mi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mi-accordion-content\"\u003e\n \u003cp\u003eConservez à température ambiante (15-25°C), à l'abri de la lumière directe. Éloignez des appareils électriques. Refermez soigneusement après utilisation. La teneur en alcool assure une conservation optimale pendant plusieurs années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mi-accordion-item\"\u003e\n \u003csummary class=\"mi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mi-accordion-content\"\u003e\n \u003cul\u003e\n \u003cli\u003eComplément alimentaire ne remplaçant pas une alimentation variée\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eContient de l'alcool\u003c\/strong\u003e (40% vol) : déconseillé en sevrage alcoolique\u003c\/li\u003e\n \u003cli\u003eEn cas de phobies sévères, consultez un professionnel de santé\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n \u003cli\u003eDemandez conseil si enceinte ou allaitante\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mi-accordion-item\"\u003e\n \u003csummary class=\"mi-accordion-header\"\u003e🤝 Associer plusieurs fleurs ?\u003c\/summary\u003e\n \u003cdiv class=\"mi-accordion-content\"\u003e\n \u003cp\u003eOui, vous pouvez combiner jusqu'à \u003cstrong\u003e6 ou 7 fleurs\u003c\/strong\u003e simultanément. Par exemple, Mimule avec Larch (manque de confiance) si votre timidité s'accompagne d'un sentiment d'infériorité. Le \u003cstrong\u003eRescue Remedy\u003c\/strong\u003e est lui-même un mélange de 5 fleurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003cdiv class=\"mi-grid-compact\"\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003e20 ml avec pipette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e🔢 Classification\u003c\/h3\u003e\n \u003cp\u003eBach n°20\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e⏱️ Durée d'usage\u003c\/h3\u003e\n \u003cp\u003e4 à 6 semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mi-cta-box\"\u003e\n \u003cspan class=\"mi-cta-icon\"\u003e🌼\u003c\/span\u003e\n \u003cp\u003eTransformez vos \u003cstrong\u003epeurs identifiées\u003c\/strong\u003e en \u003cstrong\u003ecourage serein\u003c\/strong\u003e.\u003cbr\u003eLaissez la Mimule vous accompagner pour affronter avec douceur ce qui vous effraie.\u003c\/p\u003e\n \u003cspan class=\"mi-cta-tagline\"\u003eLe courage n'est pas l'absence de peur, mais la capacité de la traverser\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mi-cream: #FFFEF9;\n --mi-white: #ffffff;\n --mi-primary: #4A6741;\n --mi-primary-dark: #3A5331;\n --mi-primary-light: #E8EFE6;\n --mi-secondary: #D4A84B;\n --mi-secondary-dark: #B8922F;\n --mi-secondary-light: #FFF8E7;\n --mi-accent: #8B5A2B;\n --mi-accent-light: #F5EDE4;\n --mi-text: #1a1a1a;\n --mi-text-light: #5a5a5a;\n --mi-border: #e0e0e0;\n --mi-shadow: 0 4px 24px rgba(74,103,65,.08);\n --mi-shadow-lg: 0 12px 48px rgba(74,103,65,.15);\n --mi-radius: 20px;\n --mi-radius-sm: 12px;\n}\n\n.mi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mi-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mi-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mi-primary) 0%, #5C7A52 40%, var(--mi-secondary) 100%);\n border-radius: var(--mi-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(--mi-shadow-lg);\n}\n\n.mi-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(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n}\n\n.mi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mi-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(--mi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mi-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 9vw, 64px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 30px rgba(0,0,0,.25);\n}\n\n.mi-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.mi-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.mi-hero-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.mi-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: white;\n}\n\n\/* === INTRO === *\/\n.mi-intro-box {\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mi-shadow);\n border-left: 4px solid var(--mi-secondary);\n}\n\n.mi-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin: 0;\n color: var(--mi-text);\n}\n\n\/* === SECTIONS === *\/\n.mi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mi-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.mi-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(--mi-primary), var(--mi-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mi-card {\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mi-shadow-lg);\n border-color: var(--mi-secondary);\n}\n\n.mi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mi-grid-compact .mi-card {\n padding: 1rem;\n}\n\n.mi-grid-compact .mi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mi-grid-compact .mi-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--mi-primary-dark);\n}\n\n\/* === UNDERSTANDING === *\/\n.mi-understanding-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.mi-understanding-card {\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mi-shadow);\n}\n\n.mi-understanding-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mi-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.mi-understanding-card p {\n font-size: 15px;\n color: var(--mi-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === FEARS === *\/\n.mi-fears-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mi-fears-column {\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mi-shadow);\n}\n\n.mi-fears-column h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mi-primary-dark);\n margin: 0 0 1rem 0;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--mi-secondary-light);\n}\n\n.mi-fears-list {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.mi-fears-list li {\n display: flex;\n align-items: center;\n gap: .75rem;\n padding: .5rem 0;\n font-size: 14px;\n color: var(--mi-text);\n border-bottom: 1px solid var(--mi-border);\n}\n\n.mi-fears-list li:last-child {\n border-bottom: none;\n}\n\n.mi-fear-icon {\n font-size: 18px;\n flex-shrink: 0;\n}\n\n.mi-note {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--mi-secondary-light);\n border-radius: var(--mi-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n border-left: 4px solid var(--mi-secondary);\n}\n\n.mi-note-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mi-note p {\n font-size: 14px;\n color: var(--mi-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BIENFAITS === *\/\n.mi-benefits {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mi-benefit {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--mi-shadow);\n border-left: 4px solid var(--mi-secondary);\n transition: all .3s ease;\n}\n\n.mi-benefit:hover {\n transform: translateX(8px);\n box-shadow: var(--mi-shadow-lg);\n}\n\n.mi-benefit-num {\n font-size: 32px;\n font-weight: 900;\n color: var(--mi-secondary);\n opacity: .7;\n line-height: 1;\n min-width: 50px;\n}\n\n.mi-benefit-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--mi-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mi-benefit-content p {\n font-size: 14px;\n color: var(--mi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.mi-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mi-ingredient {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mi-shadow);\n transition: all .3s ease;\n}\n\n.mi-ingredient:hover {\n transform: translateY(-5px);\n box-shadow: var(--mi-shadow-lg);\n}\n\n.mi-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.mi-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--mi-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mi-ingredient-tag {\n display: inline-block;\n background: var(--mi-primary-light);\n color: var(--mi-primary-dark);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.mi-ingredient-info p {\n font-size: 14px;\n color: var(--mi-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mi-method-box {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: linear-gradient(135deg, var(--mi-secondary-light) 0%, var(--mi-white) 100%);\n border-radius: var(--mi-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--mi-secondary);\n}\n\n.mi-method-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.mi-method-text h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mi-secondary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mi-method-text p {\n font-size: 14px;\n color: var(--mi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.mi-usage {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n margin-bottom: 1.5rem;\n align-items: center;\n}\n\n.mi-dosage {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--mi-primary) 0%, var(--mi-primary-dark) 100%);\n border-radius: var(--mi-radius);\n padding: 2rem 2.5rem;\n box-shadow: var(--mi-shadow-lg);\n}\n\n.mi-dosage-number {\n font-size: 72px;\n font-weight: 900;\n color: white;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mi-dosage-text {\n display: flex;\n flex-direction: column;\n}\n\n.mi-dosage-label {\n font-size: 24px;\n font-weight: 700;\n color: white;\n line-height: 1.2;\n}\n\n.mi-dosage-freq {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n}\n\n.mi-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mi-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--mi-white);\n border-radius: var(--mi-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--mi-shadow);\n transition: all .3s ease;\n}\n\n.mi-step:hover {\n transform: translateX(5px);\n}\n\n.mi-step-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mi-step p {\n font-size: 14px;\n color: var(--mi-text);\n margin: 0;\n font-weight: 500;\n}\n\n.mi-usage-scenarios {\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mi-shadow);\n}\n\n.mi-usage-scenarios h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mi-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.mi-scenario-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.mi-scenario {\n background: var(--mi-secondary-light);\n border-radius: var(--mi-radius-sm);\n padding: 1.25rem;\n}\n\n.mi-scenario h4 {\n font-size: 15px;\n font-weight: 700;\n color: var(--mi-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mi-scenario p {\n font-size: 13px;\n color: var(--mi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPARAISON === *\/\n.mi-comparison {\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mi-shadow);\n}\n\n.mi-comparison-intro {\n font-size: 16px;\n color: var(--mi-text);\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.mi-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.mi-comparison-item {\n padding: 1.5rem;\n border-radius: var(--mi-radius-sm);\n}\n\n.mi-comparison-mimule {\n background: var(--mi-secondary-light);\n border: 2px solid var(--mi-secondary);\n}\n\n.mi-comparison-aspen {\n background: #F0F5F0;\n border: 2px solid var(--mi-primary);\n}\n\n.mi-comparison-rockrose {\n background: #FFF0F0;\n border: 2px solid #C94B4B;\n}\n\n.mi-comparison-item h4 {\n font-size: 15px;\n font-weight: 800;\n margin: 0 0 1rem 0;\n color: var(--mi-primary-dark);\n}\n\n.mi-comparison-item ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.mi-comparison-item li {\n font-size: 13px;\n color: var(--mi-text-light);\n padding: .4rem 0 .4rem 1.25rem;\n position: relative;\n line-height: 1.5;\n}\n\n.mi-comparison-item li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--mi-primary);\n font-weight: bold;\n font-size: 12px;\n}\n\n\/* === ACCORDÉON === *\/\n.mi-accordion {\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n box-shadow: var(--mi-shadow);\n overflow: hidden;\n}\n\n.mi-accordion-item {\n border-bottom: 1px solid var(--mi-border);\n margin: 0;\n padding: 0;\n}\n\n.mi-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mi-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.mi-accordion-header:hover {\n background: var(--mi-primary-light);\n}\n\n.mi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mi-primary);\n transition: transform .2s ease;\n}\n\n.mi-accordion-item[open] .mi-accordion-header::after {\n content: '−';\n}\n\n.mi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mi-accordion-content p {\n margin: 0;\n}\n\n.mi-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.mi-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.mi-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mi-cta-box {\n background: linear-gradient(135deg, var(--mi-primary) 0%, #5C7A52 50%, var(--mi-secondary) 100%);\n border-radius: var(--mi-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mi-shadow-lg);\n}\n\n.mi-cta-icon {\n display: block;\n font-size: 56px;\n margin-bottom: 1.5rem;\n animation: miFloat 3s ease-in-out infinite;\n}\n\n@keyframes miFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n.mi-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0 0 1.5rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mi-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 10px 24px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mi-card,\n .mi-benefit,\n .mi-ingredient,\n .mi-step {\n animation: miFadeInUp .5s ease backwards;\n }\n .mi-card:nth-child(1), .mi-benefit:nth-child(1) { animation-delay: .05s; }\n .mi-card:nth-child(2), .mi-benefit:nth-child(2) { animation-delay: .1s; }\n .mi-card:nth-child(3), .mi-benefit:nth-child(3) { animation-delay: .15s; }\n .mi-card:nth-child(4), .mi-benefit:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes miFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mi-grid-compact {\n gap: .625rem;\n }\n \n .mi-grid-compact .mi-card {\n padding: .75rem;\n }\n \n .mi-card {\n padding: 1.125rem;\n }\n \n .mi-section {\n margin-bottom: 1.75rem;\n }\n \n .mi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mi-radius-sm);\n }\n \n .mi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mi-usage {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .mi-dosage {\n justify-content: center;\n padding: 1.5rem 2rem;\n }\n \n .mi-dosage-number {\n font-size: 56px;\n }\n \n .mi-understanding-grid,\n .mi-composition-grid,\n .mi-comparison-grid,\n .mi-fears-container,\n .mi-scenario-grid {\n grid-template-columns: 1fr;\n }\n \n .mi-benefit {\n gap: 1rem;\n }\n \n .mi-benefit-num {\n font-size: 24px;\n min-width: 40px;\n }\n \n .mi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mi-badges-top {\n gap: 8px;\n }\n \n .mi-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n \n .mi-hero-details {\n flex-direction: column;\n align-items: center;\n }\n \n .mi-method-box {\n flex-direction: column;\n text-align: center;\n }\n \n .mi-note {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mi-premium *,\n .mi-cta-icon {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56474674987385,"sku":"AIDSH0086","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Canva_Fleur_de_Bach_dame_saint_hilaire_6.jpg?v=1767971679"},{"product_id":"fleur-de-bach-olivier-bio-20ml-saint-hilaire","title":"Fleur de Bach Olivier bio n°23 - 20ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Olivier n°23 bio - 20ml - Saint-Hilaire\nPalette détectée:\n - Primaire: #8B4513 (ambre\/brun du flacon en verre)\n - Secondaire: #4A7C9B (bleu céruléen des textes \"Fleur de Bach\" et \"N°23\")\n - Accent: #6B7B3D (vert olive naturel évoquant l'olivier)\n - Crème: #F5F3EB (fond crème de l'étiquette)\nAmbiance: Artisanal, authentique, naturel\/bio, tradition française, apothicaire premium\nPréfixe CSS: ol\n--\u003e\n\u003cdiv class=\"ol-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"ol-hero\"\u003e\n\u003cdiv class=\"ol-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ol-hero-content\"\u003e\n\u003cdiv class=\"ol-badges-top\"\u003e\n\u003cspan class=\"ol-badge\"\u003e🫒 Fleur de Bach n°23\u003c\/span\u003e \u003cspan class=\"ol-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"ol-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ol-hero-title\"\u003eFleur de bach Olivier\u003c\/span\u003e\n\u003cp class=\"ol-subtitle\"\u003eRetrouvez votre énergie après l'épuisement\u003c\/p\u003e\n\u003cp class=\"ol-description\"\u003eL'élixir floral Olivier de la Distillerie Saint-Hilaire accompagne les personnes vidées de leur énergie, épuisées jusqu'au plus profond d'elles-mêmes. Redécouvrez la vitalité et le goût de vivre.\u003c\/p\u003e\n\u003cdiv class=\"ol-hero-details\"\u003e\n\u003cspan class=\"ol-hero-tag\"\u003e🌳 Olea europaea\u003c\/span\u003e \u003cspan class=\"ol-hero-tag\"\u003e💧 20 ml\u003c\/span\u003e \u003cspan class=\"ol-hero-tag\"\u003e☀️ Méthode solarisation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTRODUCTION --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003cdiv class=\"ol-intro-box\"\u003e\n\u003cp\u003eVous vous sentez \u003cstrong\u003eépuisé jusqu'à la moelle\u003c\/strong\u003e, incapable de fournir le moindre effort supplémentaire ? Les journées vous semblent interminables, et même les activités que vous aimiez autrefois ne vous procurent plus aucun plaisir ? Cette fatigue profonde, qui va bien au-delà d'une simple lassitude passagère, est le signe que votre corps et votre esprit ont besoin de se régénérer. La \u003cstrong\u003efleur de Bach Olivier\u003c\/strong\u003e, numéro 23 de la classification du Docteur Edward Bach, s'adresse précisément à cet \u003cstrong\u003eépuisement total\u003c\/strong\u003e qui survient après des périodes de surmenage intense, de maladie prolongée ou d'épreuves de vie particulièrement difficiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPRENDRE L'OLIVIER --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e🫒 L'olivier : symbole millénaire de force et de régénération\u003c\/h2\u003e\n\u003cdiv class=\"ol-grid\"\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e🌳 Un arbre légendaire\u003c\/h3\u003e\n\u003cp\u003eL'\u003cstrong\u003eOlea europaea\u003c\/strong\u003e, ou olivier, est un arbre méditerranéen d'une longévité exceptionnelle. Certains spécimens vivent plus de \u003cstrong\u003e2000 ans\u003c\/strong\u003e, témoignant d'une résistance hors du commun. Il peut renaître de ses cendres après un incendie, symbole parfait de la régénération qu'il apporte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e💭 La signature énergétique\u003c\/h3\u003e\n\u003cp\u003eLe Docteur Bach voyait dans l'olivier un messager de \u003cstrong\u003epaix et de renouveau\u003c\/strong\u003e. Cet arbre qui prospère sous un soleil brûlant, dans des sols pauvres et arides, incarne la capacité à puiser des ressources insoupçonnées pour \u003cstrong\u003ese ressourcer en profondeur\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e🎯 À qui s'adresse cet élixir floral ?\u003c\/h2\u003e\n\u003cdiv class=\"ol-grid\"\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e😩 Les personnes épuisées\u003c\/h3\u003e\n\u003cp\u003eVous avez l'impression d'avoir tout donné, vos réserves sont à zéro, et la moindre tâche vous semble insurmontable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e🏥 Les convalescents\u003c\/h3\u003e\n\u003cp\u003eAprès une maladie longue ou une opération, votre corps peine à retrouver son énergie d'avant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e👨👩👧 Les aidants familiaux\u003c\/h3\u003e\n\u003cp\u003eVous accompagnez un proche malade ou dépendant depuis longtemps et vous vous êtes oublié en route\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e💼 Les surmenés chroniques\u003c\/h3\u003e\n\u003cp\u003eTravail intense, charge mentale permanente, vous fonctionnez en mode « pilote automatique » depuis trop longtemps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e👶 Les jeunes parents\u003c\/h3\u003e\n\u003cp\u003eNuits blanches à répétition, sollicitations constantes : vous êtes au bout du rouleau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e📚 Les étudiants en examens\u003c\/h3\u003e\n\u003cp\u003eAprès des semaines de révisions intensives, vous n'avez plus aucune ressource physique ni mentale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SIGNES D'ÉPUISEMENT --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e📋 Reconnaître l'épuisement « type Olivier »\u003c\/h2\u003e\n\u003cdiv class=\"ol-signs-container\"\u003e\n\u003cdiv class=\"ol-signs-column\"\u003e\n\u003ch3\u003e🔋 Signes physiques\u003c\/h3\u003e\n\u003cul class=\"ol-signs-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e😴\u003c\/span\u003e Fatigue qui ne passe pas malgré le repos\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e🦵\u003c\/span\u003e Sensation de jambes lourdes comme du plomb\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e😶\u003c\/span\u003e Visage pâle, traits tirés\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e🐌\u003c\/span\u003e Mouvements ralentis, gestes mécaniques\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e💤\u003c\/span\u003e Envie de dormir à tout moment\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-signs-column\"\u003e\n\u003ch3\u003e🧠 Signes émotionnels\u003c\/h3\u003e\n\u003cul class=\"ol-signs-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e😐\u003c\/span\u003e Plus aucune envie, même pour ce qu'on aimait\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e😢\u003c\/span\u003e Envie de pleurer sans raison apparente\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e🚫\u003c\/span\u003e Impression de ne plus pouvoir continuer\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e🌫️\u003c\/span\u003e Sensation de vivre dans le brouillard\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e⚡\u003c\/span\u003e Irritabilité inhabituelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-note\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡\u0026lt; Distinction importante :\u003c\/strong\u003e L'état Olivier correspond à un épuisement \u003cstrong\u003econsécutif à un effort prolongé\u003c\/strong\u003e ou une épreuve identifiable. Si votre fatigue est liée à un manque de motivation, la fleur \u003cstrong\u003eWild Rose\u003c\/strong\u003e sera plus adaptée. Si c'est un surmenage mental avec des pensées qui tournent en boucle, pensez à \u003cstrong\u003eWhite Chestnut\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits de la fleur de Bach Olivier\u003c\/h2\u003e\n\u003cdiv class=\"ol-benefits\"\u003e\n\u003cdiv class=\"ol-benefit\"\u003e\n\u003cspan class=\"ol-benefit-num\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"ol-benefit-content\"\u003e\n\u003ch3\u003eRestaure l'énergie vitale\u003c\/h3\u003e\n\u003cp\u003eAide à reconstituer les réserves d'énergie profondément entamées par l'effort ou la maladie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-benefit\"\u003e\n\u003cspan class=\"ol-benefit-num\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"ol-benefit-content\"\u003e\n\u003ch3\u003eFavorise la récupération\u003c\/h3\u003e\n\u003cp\u003eSoutient le processus naturel de régénération du corps et de l'esprit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-benefit\"\u003e\n\u003cspan class=\"ol-benefit-num\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"ol-benefit-content\"\u003e\n\u003ch3\u003eRedonne goût à la vie\u003c\/h3\u003e\n\u003cp\u003eAide à retrouver l'envie de s'engager dans les activités quotidiennes et les projets\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-benefit\"\u003e\n\u003cspan class=\"ol-benefit-num\"\u003e04\u003c\/span\u003e\n\u003cdiv class=\"ol-benefit-content\"\u003e\n\u003ch3\u003eApporte force et endurance\u003c\/h3\u003e\n\u003cp\u003eDéveloppe une résistance renouvelée face aux défis de la vie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e🌿 Composition certifiée biologique\u003c\/h2\u003e\n\u003cdiv class=\"ol-composition-grid\"\u003e\n\u003cdiv class=\"ol-ingredient\"\u003e\n\u003cdiv class=\"ol-ingredient-info\"\u003e\n\u003ch3\u003e🍷 Brandy bio\u003c\/h3\u003e\n\u003cspan class=\"ol-ingredient-tag\"\u003e40% vol\u003c\/span\u003e\n\u003cp\u003eAlcool de raisin issu de l'agriculture biologique, servant de conservateur naturel selon la méthode traditionnelle du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-ingredient\"\u003e\n\u003cdiv class=\"ol-ingredient-info\"\u003e\n\u003ch3\u003e🫒 Olea europaea bio\u003c\/h3\u003e\n\u003cspan class=\"ol-ingredient-tag\"\u003eDilution 1\/250ème\u003c\/span\u003e\n\u003cp\u003eExtrait aqueux de fleurs d'olivier préparé selon la méthode originale de solarisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-method-box\"\u003e\n\u003cdiv class=\"ol-method-text\"\u003e\n\u003ch4\u003e☀️ La méthode de solarisation\u003c\/h4\u003e\n\u003cp\u003eLes délicates fleurs d'olivier sont cueillies le matin par temps ensoleillé, au moment de leur pleine floraison. Elles sont déposées à la surface d'un bol d'eau de source pure et exposées au soleil pendant plusieurs heures, permettant le \u003cstrong\u003etransfert des propriétés énergétiques\u003c\/strong\u003e de la fleur dans l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e💧 Comment utiliser la fleur de Bach Olivier ?\u003c\/h2\u003e\n\u003cdiv class=\"ol-usage\"\u003e\n\u003cdiv class=\"ol-dosage\"\u003e\n\u003cspan class=\"ol-dosage-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"ol-dosage-text\"\u003e\n\u003cspan class=\"ol-dosage-label\"\u003egouttes\u003c\/span\u003e \u003cspan class=\"ol-dosage-freq\"\u003e4 fois par jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-usage-steps\"\u003e\n\u003cdiv class=\"ol-step\"\u003e\n\u003cspan class=\"ol-step-icon\"\u003e👅\u003c\/span\u003e\n\u003cp\u003eDirectement sous la langue pour une absorption optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-step\"\u003e\n\u003cspan class=\"ol-step-icon\"\u003e💧\u003c\/span\u003e\n\u003cp\u003eOu diluées dans un verre d'eau à boire par petites gorgées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-step\"\u003e\n\u003cspan class=\"ol-step-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003eAu réveil, milieu de matinée, milieu d'après-midi et au coucher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-usage-scenarios\"\u003e\n\u003ch3\u003e📌 Conseils selon votre situation\u003c\/h3\u003e\n\u003cdiv class=\"ol-scenario-grid\"\u003e\n\u003cdiv class=\"ol-scenario\"\u003e\n\u003ch4\u003e🏥 En convalescence\u003c\/h4\u003e\n\u003cp\u003eDébutez dès que possible après la phase aiguë. Maintenez la prise pendant \u003cstrong\u003e3 à 6 semaines\u003c\/strong\u003e ou jusqu'à retrouver votre vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-scenario\"\u003e\n\u003ch4\u003e💼 Épuisement professionnel\u003c\/h4\u003e\n\u003cp\u003eAssociez la prise régulière à des \u003cstrong\u003emoments de repos\u003c\/strong\u003e. L'élixir accompagne mais ne remplace pas la nécessité de lever le pied.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-scenario\"\u003e\n\u003ch4\u003e👶 Fatigue parentale\u003c\/h4\u003e\n\u003cp\u003ePrenez vos 4 gouttes aux moments où vous pouvez souffler. Effet optimal en \u003cstrong\u003ecure continue\u003c\/strong\u003e de plusieurs semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPARAISON --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e🤔 Olivier, Hornbeam ou Wild Rose : quelle fleur choisir ?\u003c\/h2\u003e\n\u003cdiv class=\"ol-comparison\"\u003e\n\u003cp class=\"ol-comparison-intro\"\u003eTrois fleurs de Bach peuvent sembler similaires face à la fatigue. Voici comment les différencier :\u003c\/p\u003e\n\u003cdiv class=\"ol-comparison-grid\"\u003e\n\u003cdiv class=\"ol-comparison-item ol-comparison-olive\"\u003e\n\u003ch4\u003e🫒 Olivier (n°23)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉpuisement total\u003c\/strong\u003e après effort prolongé\u003c\/li\u003e\n\u003cli\u003eVous savez pourquoi vous êtes fatigué\u003c\/li\u003e\n\u003cli\u003eSensation d'être vidé jusqu'au fond\u003c\/li\u003e\n\u003cli\u003eBesoin de régénération profonde\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-comparison-item ol-comparison-hornbeam\"\u003e\n\u003ch4\u003e🌰 Hornbeam (n°17)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eFatigue \u003cstrong\u003ementale du lundi matin\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eDifficulté à démarrer la journée\u003c\/li\u003e\n\u003cli\u003eManque d'enthousiasme face à la routine\u003c\/li\u003e\n\u003cli\u003eUne fois lancé, ça va mieux\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-comparison-item ol-comparison-wildrose\"\u003e\n\u003ch4\u003e🌹 Wild Rose (n°37)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRésignation\u003c\/strong\u003e et apathie\u003c\/li\u003e\n\u003cli\u003ePlus d'envie de rien, sans raison claire\u003c\/li\u003e\n\u003cli\u003eAcceptation passive de son sort\u003c\/li\u003e\n\u003cli\u003eManque de joie de vivre\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ASSOCIATIONS --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e🌸 Associations recommandées\u003c\/h2\u003e\n\u003cdiv class=\"ol-grid\"\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e🫒 + 🌰 Olivier + Hornbeam\u003c\/h3\u003e\n\u003cp\u003eÉpuisement physique accompagné d'une lassitude mentale face aux tâches quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e🫒 + 🌸 Olivier + Crab Apple\u003c\/h3\u003e\n\u003cp\u003eConvalescence après une maladie, pour purifier et régénérer en même temps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e🫒 + 🌿 Olivier + Oak\u003c\/h3\u003e\n\u003cp\u003ePour les « battants » qui ont dépassé leurs limites sans jamais se plaindre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e🫒 + 🌳 Olivier + Elm\u003c\/h3\u003e\n\u003cp\u003eSurmenage lié à des responsabilités écrasantes qui semblent au-dessus de vos forces\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON INFOS --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"ol-accordion\"\u003e\n\u003cdetails class=\"ol-accordion-item\"\u003e\n\u003csummary class=\"ol-accordion-header\"\u003e🏔️ La Distillerie Saint-Hilaire\u003c\/summary\u003e\n\u003cdiv class=\"ol-accordion-content\"\u003e\n\u003cp\u003eNichée au cœur des \u003cstrong\u003evolcans d'Auvergne\u003c\/strong\u003e, la Distillerie Saint-Hilaire perpétue avec passion la tradition des élixirs floraux depuis de nombreuses années. Chaque fleur est cueillie à la main, au moment optimal de sa floraison, puis préparée selon la \u003cstrong\u003eméthode originale du Docteur Bach\u003c\/strong\u003e. La certification biologique garantit l'absence totale de pesticides et de traitements chimiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ol-accordion-item\"\u003e\n\u003csummary class=\"ol-accordion-header\"\u003e📖 L'histoire de l'Olivier dans le système Bach\u003c\/summary\u003e\n\u003cdiv class=\"ol-accordion-content\"\u003e\n\u003cp\u003eLe Docteur Edward Bach a intégré l'Olivier à sa pharmacopée florale dans les années 1930. Il avait observé que certains de ses patients, après des épreuves physiques ou émotionnelles intenses, présentaient un \u003cstrong\u003eépuisement caractéristique\u003c\/strong\u003e différent d'une simple fatigue passagère. L'olivier, symbole de paix et de longévité depuis l'Antiquité, lui est apparu comme le remède idéal pour ces états de \u003cstrong\u003egrande déplétion énergétique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ol-accordion-item\"\u003e\n\u003csummary class=\"ol-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ol-accordion-content\"\u003e\n\u003cp\u003eConservez votre flacon à température ambiante (15-25°C), à l'abri de la lumière directe du soleil. Éloignez-le des appareils électriques et des sources de chaleur. Refermez soigneusement le bouchon pipette après chaque utilisation. Grâce à sa teneur en alcool, l'élixir se conserve plusieurs années sans altération.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ol-accordion-item\"\u003e\n\u003csummary class=\"ol-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ol-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eComplément alimentaire ne pouvant se substituer à une alimentation variée et équilibrée\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eContient de l'alcool\u003c\/strong\u003e (40% vol) : déconseillé aux personnes en sevrage alcoolique\u003c\/li\u003e\n\u003cli\u003eEn cas de fatigue persistante inexpliquée, consultez un professionnel de santé\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n\u003cli\u003eDemandez conseil à votre médecin ou pharmacien si vous êtes enceinte ou allaitante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ol-accordion-item\"\u003e\n\u003csummary class=\"ol-accordion-header\"\u003e🤝 Peut-on combiner plusieurs fleurs de Bach ?\u003c\/summary\u003e\n\u003cdiv class=\"ol-accordion-content\"\u003e\n\u003cp\u003eAbsolument. Vous pouvez associer jusqu'à \u003cstrong\u003e6 ou 7 fleurs\u003c\/strong\u003e simultanément pour répondre à différents aspects de votre état émotionnel. Le célèbre \u003cstrong\u003eRescue Remedy\u003c\/strong\u003e est lui-même un mélange de 5 fleurs de Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003cdiv class=\"ol-grid-compact\"\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n\u003cp\u003e20 ml avec pipette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e🔢 Classification\u003c\/h3\u003e\n\u003cp\u003eBach n°23\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e⏱️ Durée d'utilisation\u003c\/h3\u003e\n\u003cp\u003e4 à 6 semaines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-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\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"ol-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"ol-cta-box\"\u003e\n\u003cspan class=\"ol-cta-icon\"\u003e🫒\u003c\/span\u003e\n\u003cp\u003eAccordez-vous le droit de \u003cstrong\u003evous régénérer\u003c\/strong\u003e.\u003cbr\u003eLaissez la sagesse millénaire de l'olivier vous accompagner vers un renouveau d'énergie et de vitalité.\u003c\/p\u003e\n\u003cspan class=\"ol-cta-tagline\"\u003eComme l'olivier qui renaît toujours, retrouvez votre force intérieure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ol-cream: #FAF8F3;\n --ol-white: #ffffff;\n --ol-primary: #8B5A2B;\n --ol-primary-dark: #6B4423;\n --ol-primary-light: #F5EDE4;\n --ol-secondary: #4A7C9B;\n --ol-secondary-dark: #3A6580;\n --ol-secondary-light: #E8F1F5;\n --ol-accent: #6B7B3D;\n --ol-accent-light: #EEF2E4;\n --ol-text: #1a1a1a;\n --ol-text-light: #5a5a5a;\n --ol-border: #e0e0e0;\n --ol-shadow: 0 4px 24px rgba(139,90,43,.08);\n --ol-shadow-lg: 0 12px 48px rgba(139,90,43,.15);\n --ol-radius: 20px;\n --ol-radius-sm: 12px;\n}\n\n.ol-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ol-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ol-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.ol-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ol-primary) 0%, var(--ol-primary-dark) 40%, var(--ol-accent) 100%);\n border-radius: var(--ol-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(--ol-shadow-lg);\n}\n\n.ol-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(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n}\n\n.ol-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ol-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ol-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(--ol-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ol-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ol-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 9vw, 64px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 30px rgba(0,0,0,.25);\n}\n\n.ol-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ol-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.ol-hero-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.ol-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: white;\n}\n\n\/* === INTRO === *\/\n.ol-intro-box {\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ol-shadow);\n border-left: 4px solid var(--ol-secondary);\n}\n\n.ol-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin: 0;\n color: var(--ol-text);\n}\n\n\/* === SECTIONS === *\/\n.ol-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ol-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ol-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.ol-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(--ol-primary), var(--ol-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ol-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ol-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ol-card {\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ol-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ol-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ol-shadow-lg);\n border-color: var(--ol-secondary);\n}\n\n.ol-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ol-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ol-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ol-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ol-grid-compact .ol-card {\n padding: 1rem;\n}\n\n.ol-grid-compact .ol-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ol-grid-compact .ol-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--ol-primary-dark);\n}\n\n\/* === SIGNS === *\/\n.ol-signs-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.ol-signs-column {\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ol-shadow);\n}\n\n.ol-signs-column h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ol-primary-dark);\n margin: 0 0 1rem 0;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--ol-secondary-light);\n}\n\n.ol-signs-list {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ol-signs-list li {\n display: flex;\n align-items: center;\n gap: .75rem;\n padding: .5rem 0;\n font-size: 14px;\n color: var(--ol-text);\n border-bottom: 1px solid var(--ol-border);\n}\n\n.ol-signs-list li:last-child {\n border-bottom: none;\n}\n\n.ol-sign-icon {\n font-size: 18px;\n flex-shrink: 0;\n}\n\n.ol-note {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--ol-secondary-light);\n border-radius: var(--ol-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n border-left: 4px solid var(--ol-secondary);\n}\n\n.ol-note-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ol-note p {\n font-size: 14px;\n color: var(--ol-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BIENFAITS === *\/\n.ol-benefits {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ol-benefit {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--ol-shadow);\n border-left: 4px solid var(--ol-accent);\n transition: all .3s ease;\n}\n\n.ol-benefit:hover {\n transform: translateX(8px);\n box-shadow: var(--ol-shadow-lg);\n}\n\n.ol-benefit-num {\n font-size: 32px;\n font-weight: 900;\n color: var(--ol-accent);\n opacity: .7;\n line-height: 1;\n min-width: 50px;\n}\n\n.ol-benefit-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--ol-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ol-benefit-content p {\n font-size: 14px;\n color: var(--ol-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.ol-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.ol-ingredient {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ol-shadow);\n transition: all .3s ease;\n}\n\n.ol-ingredient:hover {\n transform: translateY(-5px);\n box-shadow: var(--ol-shadow-lg);\n}\n\n.ol-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.ol-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--ol-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ol-ingredient-tag {\n display: inline-block;\n background: var(--ol-accent-light);\n color: var(--ol-accent);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.ol-ingredient-info p {\n font-size: 14px;\n color: var(--ol-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ol-method-box {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: linear-gradient(135deg, var(--ol-accent-light) 0%, var(--ol-white) 100%);\n border-radius: var(--ol-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--ol-accent);\n}\n\n.ol-method-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.ol-method-text h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ol-accent);\n margin: 0 0 .5rem 0;\n}\n\n.ol-method-text p {\n font-size: 14px;\n color: var(--ol-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.ol-usage {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n margin-bottom: 1.5rem;\n align-items: center;\n}\n\n.ol-dosage {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--ol-secondary) 0%, var(--ol-secondary-dark) 100%);\n border-radius: var(--ol-radius);\n padding: 2rem 2.5rem;\n box-shadow: var(--ol-shadow-lg);\n}\n\n.ol-dosage-number {\n font-size: 72px;\n font-weight: 900;\n color: white;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ol-dosage-text {\n display: flex;\n flex-direction: column;\n}\n\n.ol-dosage-label {\n font-size: 24px;\n font-weight: 700;\n color: white;\n line-height: 1.2;\n}\n\n.ol-dosage-freq {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n}\n\n.ol-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ol-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--ol-white);\n border-radius: var(--ol-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--ol-shadow);\n transition: all .3s ease;\n}\n\n.ol-step:hover {\n transform: translateX(5px);\n}\n\n.ol-step-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ol-step p {\n font-size: 14px;\n color: var(--ol-text);\n margin: 0;\n font-weight: 500;\n}\n\n.ol-usage-scenarios {\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ol-shadow);\n}\n\n.ol-usage-scenarios h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ol-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.ol-scenario-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.ol-scenario {\n background: var(--ol-secondary-light);\n border-radius: var(--ol-radius-sm);\n padding: 1.25rem;\n}\n\n.ol-scenario h4 {\n font-size: 15px;\n font-weight: 700;\n color: var(--ol-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ol-scenario p {\n font-size: 13px;\n color: var(--ol-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPARAISON === *\/\n.ol-comparison {\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ol-shadow);\n}\n\n.ol-comparison-intro {\n font-size: 16px;\n color: var(--ol-text);\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.ol-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.ol-comparison-item {\n padding: 1.5rem;\n border-radius: var(--ol-radius-sm);\n}\n\n.ol-comparison-olive {\n background: var(--ol-accent-light);\n border: 2px solid var(--ol-accent);\n}\n\n.ol-comparison-hornbeam {\n background: var(--ol-primary-light);\n border: 2px solid var(--ol-primary);\n}\n\n.ol-comparison-wildrose {\n background: #FFF5F5;\n border: 2px solid #D4A5A5;\n}\n\n.ol-comparison-item h4 {\n font-size: 15px;\n font-weight: 800;\n margin: 0 0 1rem 0;\n color: var(--ol-primary-dark);\n}\n\n.ol-comparison-item ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ol-comparison-item li {\n font-size: 13px;\n color: var(--ol-text-light);\n padding: .4rem 0 .4rem 1.25rem;\n position: relative;\n line-height: 1.5;\n}\n\n.ol-comparison-item li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--ol-accent);\n font-weight: bold;\n font-size: 12px;\n}\n\n\/* === ACCORDÉON === *\/\n.ol-accordion {\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n box-shadow: var(--ol-shadow);\n overflow: hidden;\n}\n\n.ol-accordion-item {\n border-bottom: 1px solid var(--ol-border);\n margin: 0;\n padding: 0;\n}\n\n.ol-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ol-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ol-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.ol-accordion-header:hover {\n background: var(--ol-primary-light);\n}\n\n.ol-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ol-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ol-primary);\n transition: transform .2s ease;\n}\n\n.ol-accordion-item[open] .ol-accordion-header::after {\n content: '−';\n}\n\n.ol-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ol-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ol-accordion-content p {\n margin: 0;\n}\n\n.ol-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.ol-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.ol-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ol-cta-box {\n background: linear-gradient(135deg, var(--ol-primary) 0%, var(--ol-primary-dark) 50%, var(--ol-accent) 100%);\n border-radius: var(--ol-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--ol-shadow-lg);\n}\n\n.ol-cta-icon {\n display: block;\n font-size: 56px;\n margin-bottom: 1.5rem;\n animation: olFloat 3s ease-in-out infinite;\n}\n\n@keyframes olFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n.ol-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0 0 1.5rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.ol-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 10px 24px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ol-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ol-card:nth-child(1) { animation-delay: .05s; }\n .ol-card:nth-child(2) { animation-delay: .1s; }\n .ol-card:nth-child(3) { animation-delay: .15s; }\n .ol-card:nth-child(4) { animation-delay: .2s; }\n .ol-card:nth-child(5) { animation-delay: .25s; }\n .ol-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\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ol-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ol-grid-compact {\n gap: .625rem;\n }\n \n .ol-grid-compact .ol-card {\n padding: .75rem;\n }\n \n .ol-card {\n padding: 1.125rem;\n }\n \n .ol-section {\n margin-bottom: 1.75rem;\n }\n \n .ol-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ol-radius-sm);\n }\n \n .ol-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ol-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ol-usage {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .ol-dosage {\n justify-content: center;\n padding: 1.5rem 2rem;\n }\n \n .ol-dosage-number {\n font-size: 56px;\n }\n \n .ol-composition-grid,\n .ol-comparison-grid,\n .ol-signs-container,\n .ol-scenario-grid {\n grid-template-columns: 1fr;\n }\n \n .ol-benefit {\n gap: 1rem;\n }\n \n .ol-benefit-num {\n font-size: 24px;\n min-width: 40px;\n }\n \n .ol-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ol-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ol-badges-top {\n gap: 8px;\n }\n \n .ol-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n \n .ol-hero-details {\n flex-direction: column;\n align-items: center;\n }\n \n .ol-method-box {\n flex-direction: column;\n text-align: center;\n }\n \n .ol-note {\n flex-direction: column;\n text-align: center;\n }\n \n .ol-ingredient {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ol-premium *,\n .ol-cta-icon {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56474952335737,"sku":"AIDSH0081","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Canva_Fleur_de_Bach_dame_saint_hilaire_5.jpg?v=1767971529"},{"product_id":"fleur-de-bach-marronnier-blanc-n-35-bio-20ml-saint-hilaire","title":"Fleur de bach Marronnier Blanc n°35 bio - 20ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Marronnier Blanc n°35 Bio\nPalette détectée:\n - Primaire: #5B7A6B (vert sauge doux - couleur de fond de l'image marketing)\n - Secondaire: #8B5A2B (ambre\/brun - couleur du flacon en verre)\n - Accent: #4A90A4 (bleu clair - numéro \"N°35\" sur l'étiquette)\n - Crème: #F5F3EE (beige clair - étiquette du produit)\nAmbiance: Naturel\/bio, apaisant, bien-être mental, artisanal français, lavande\/sérénité\nPréfixe CSS: fb\n--\u003e\n\u003cdiv class=\"fb-premium\"\u003e\n\u003cdiv class=\"fb-hero\"\u003e\n\u003cdiv class=\"fb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fb-hero-content\"\u003e\n\u003cdiv class=\"fb-badges-top\"\u003e\n\u003cspan class=\"fb-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🧘 Apaise le mental\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fb-hero-title\"\u003eMarronnier Blanc n°35\u003c\/span\u003e\n\u003cp class=\"fb-subtitle\"\u003eL'élixir qui apaise votre mental agité\u003c\/p\u003e\n\u003cp class=\"fb-description\"\u003eLibérez-vous des pensées en boucle et retrouvez enfin la paix intérieure grâce à cette fleur de Bach bio, préparée selon la méthode originale du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🎯 Les bienfaits sur votre quotidien\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🔄 Apaisement des ruminations\u003c\/h3\u003e\n\u003cp\u003eDiminue progressivement l'intensité des pensées qui tournent en boucle pour reprendre le contrôle de votre mental.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌙 Amélioration du sommeil\u003c\/h3\u003e\n\u003cp\u003eEn calmant le bavardage intérieur, facilite l'endormissement et réduit les réveils nocturnes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💡 Clarté de pensée\u003c\/h3\u003e\n\u003cp\u003eVotre esprit libéré peut enfin se consacrer à des réflexions constructives plutôt qu'à des spirales anxieuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🎯 Meilleure concentration\u003c\/h3\u003e\n\u003cp\u003eSans le bruit de fond permanent des pensées parasites, vous gagnez en efficacité intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e☮️ Paix intérieure durable\u003c\/h3\u003e\n\u003cp\u003eAvec une prise régulière, développez une nouvelle relation avec vos pensées, plus sereine et détachée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e⚡ Action rapide\u003c\/h3\u003e\n\u003cp\u003ePremiers signes d'apaisement dès les premiers jours, notamment sur la qualité du sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e👥 Pour qui est cet élixir ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🔁 Les ruminateurs chroniques\u003c\/h3\u003e\n\u003cp\u003eVous ressassez sans fin les mêmes situations, analysez chaque détail d'une conversation passée, anticipez obsessionnellement les scénarios futurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e😴 Les insomniaques du mental\u003c\/h3\u003e\n\u003cp\u003eVous vous allongez épuisé mais votre cerveau s'emballe dès que la tête touche l'oreiller. Les pensées affluent, impossibles à stopper.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e📚 Les personnes stressées\u003c\/h3\u003e\n\u003cp\u003eExamens, projets complexes, décisions importantes... Votre cerveau ne déconnecte jamais vraiment, même pendant les moments de détente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e😰 Les anxieux du quotidien\u003c\/h3\u003e\n\u003cp\u003eVous rejouez mentalement chaque interaction, imaginez des scénarios catastrophes et peinez à vivre pleinement le moment présent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"fb-usage-box\"\u003e\n\u003cdiv class=\"fb-usage-main\"\u003e\n\u003cdiv class=\"fb-usage-dose\"\u003e\n\u003cspan class=\"fb-dose-number\"\u003e4\u003c\/span\u003e \u003cspan class=\"fb-dose-unit\"\u003egouttes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-freq\"\u003e\n\u003cspan class=\"fb-freq-number\"\u003e4×\u003c\/span\u003e \u003cspan class=\"fb-freq-unit\"\u003epar jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-details\"\u003e\n\u003cp\u003e\u003cstrong\u003eAdministration :\u003c\/strong\u003e directement sous la langue ou diluées dans un verre d'eau\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMoments de prise :\u003c\/strong\u003e au réveil, en milieu de matinée, dans l'après-midi et au coucher\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDurée de cure :\u003c\/strong\u003e 4 à 6 semaines pour des changements durables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-tips\"\u003e\n\u003cdiv class=\"fb-tip\"\u003e\n\u003ch4\u003e🌙 Pour le sommeil\u003c\/h4\u003e\n\u003cp\u003e4 gouttes 30 min avant le coucher + 4 gouttes une fois au lit. Reprenez 4 gouttes en cas de réveil nocturne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-tip\"\u003e\n\u003ch4\u003e⚡ Stress aigu\u003c\/h4\u003e\n\u003cp\u003eAugmentez jusqu'à 4 gouttes toutes les 2 heures le temps que l'apaisement s'installe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🌱 Composition certifiée bio\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card fb-card-ingredient\"\u003e\n\u003ch3\u003e🍇 Brandy bio (40% vol.)\u003c\/h3\u003e\n\u003cp\u003eAlcool de raisin biologique servant de conservateur naturel, conformément à la méthode traditionnelle du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card fb-card-ingredient\"\u003e\n\u003ch3\u003e🌸 Extrait de fleurs d'Aesculus hippocastanum bio\u003c\/h3\u003e\n\u003cp\u003ePréparé par la méthode de solarisation à une dilution de 1\/250ème. Fleurs cueillies au pic de floraison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-method-box\"\u003e\n\u003ch4\u003e☀️ La méthode de solarisation\u003c\/h4\u003e\n\u003cp\u003eLes fleurs fraîches sont cueillies à la main au moment optimal, puis déposées délicatement dans un bol d'eau de source pure. Sous l'action du soleil pendant plusieurs heures, l'empreinte vibratoire de la fleur se transfère naturellement dans l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🤝 Associations recommandées\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/fleur-de-bach-mimule-bio-20ml-saint-hilaire\" class=\"fb-card fb-card-link\"\u003e\n\u003ch3\u003e💛 Avec Mimule (n°20)\u003c\/h3\u003e\n\u003cp\u003eSi vos ruminations concernent des peurs identifiées et concrètes.\u003c\/p\u003e\n\u003c\/a\u003e\u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/fleur-de-bach-moutarde-bio-10-ml-dioter\" class=\"fb-card fb-card-link\"\u003e\n\u003ch3\u003e🌻 Avec Moutarde (n°21)\u003c\/h3\u003e\n\u003cp\u003eSi le bavardage mental s'accompagne d'une tristesse inexpliquée.\u003c\/p\u003e\n\u003c\/a\u003e\u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/fleur-de-bach-charme-bio-10-ml-dioter\" class=\"fb-card fb-card-link\"\u003e\n\u003ch3\u003e🌳 Avec Charme (n°17)\u003c\/h3\u003e\n\u003cp\u003eSi l'épuisement mental génère une fatigue intellectuelle profonde.\u003c\/p\u003e\n\u003c\/a\u003e\u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/fleur-de-bach-tremble-bio-20ml-saint-hilaire\" class=\"fb-card fb-card-link\"\u003e\n\u003ch3\u003e🍃 Avec Tremble (n°2)\u003c\/h3\u003e\n\u003cp\u003eSi vos pensées tournent autour d'angoisses vagues et indéfinissables.\u003c\/p\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cp class=\"fb-note\"\u003e💡 Vous pouvez associer jusqu'à 6-7 fleurs simultanément. Versez 2 gouttes de chaque dans un flacon de 30 ml d'eau de source.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e❓ Marronnier Blanc ou Bourgeon de Marronnier ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-comparison\"\u003e\n\u003cdiv class=\"fb-comparison-item fb-comparison-highlight\"\u003e\n\u003ch4\u003e🌸 Marronnier Blanc (n°35)\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eC'est celui-ci !\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003ePour les pensées répétitives, le bavardage mental incontrôlable, les dialogues intérieurs incessants, les ruminations qui empêchent le sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-comparison-item\"\u003e\n\u003ch4\u003e🌱 Bourgeon de Marronnier (n°7)\u003c\/h4\u003e\n\u003cp\u003ePour ceux qui répètent les mêmes erreurs dans leur vie, qui peinent à tirer les leçons de leurs expériences passées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"fb-accordion\"\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e📦 Contenance et format\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eFlacon de \u003cstrong\u003e20 ml\u003c\/strong\u003e avec compte-gouttes intégré pour un dosage précis. Format pratique à emporter partout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eGardez le flacon à température ambiante (15-25°C), à l'abri de la lumière directe et des sources de chaleur. Éloignez-le des appareils électriques. Grâce à sa teneur en alcool, l'élixir se conserve plusieurs années.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e👶 Utilisation chez l'enfant\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eLes fleurs de Bach conviennent à tous les âges. Pour les enfants, diluez les gouttes dans un peu d'eau ou de jus de fruit afin d'atténuer le goût de l'alcool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eDu fait de sa teneur en alcool (40% vol.), cet élixir est déconseillé aux personnes en sevrage alcoolique. Si vous êtes enceinte ou allaitante, demandez conseil à votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n\u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Il ne se substitue pas à un traitement médical ou à un suivi psychologique. Tenir hors de portée des jeunes enfants. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e🏭 Fabrication artisanale\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eImplantée au cœur des volcans d'Auvergne, la Distillerie Saint-Hilaire perpétue avec passion la tradition des élixirs floraux depuis plusieurs décennies. Chaque fleur est cueillie à la main au moment optimal de sa floraison, dans le respect des cycles naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"fb-cta-box\"\u003e\n\u003cp\u003e🧘 Retrouvez enfin la sérénité mentale que vous méritez.\u003cbr\u003eLaissez le Marronnier Blanc apaiser votre esprit et vous offrir des nuits paisibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fb-cream: #FAF9F6;\n --fb-white: #ffffff;\n --fb-primary: #5B7A6B;\n --fb-primary-dark: #3D5347;\n --fb-primary-light: #E8F0EB;\n --fb-secondary: #8B5A2B;\n --fb-accent: #4A90A4;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e0e0e0;\n --fb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fb-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #5B7A6B 0%, #4A7A6B 40%, #3D5347 100%);\n border-radius: var(--fb-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(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20S-10 18.954-10 30s8.954 20 20 20 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20s20-8.954 20-20-8.954-20-20-20-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.fb-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(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fb-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.fb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.fb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-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.fb-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(--fb-primary), var(--fb-accent));\n border-radius: 2px;\n}\n\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-card-ingredient {\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n\/* Usage Box *\/\n.fb-usage-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n margin-bottom: 1.5rem;\n}\n\n.fb-usage-main {\n display: flex;\n justify-content: center;\n gap: clamp(2rem, 6vw, 5rem);\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px dashed var(--fb-border);\n}\n\n.fb-usage-dose, .fb-usage-freq {\n text-align: center;\n}\n\n.fb-dose-number, .fb-freq-number {\n display: block;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n color: var(--fb-primary);\n line-height: 1;\n}\n\n.fb-dose-unit, .fb-freq-unit {\n display: block;\n font-size: clamp(13px, 2vw, 16px);\n color: var(--fb-text-light);\n font-weight: 600;\n margin-top: .25rem;\n}\n\n.fb-usage-details p {\n margin: .5rem 0;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n text-align: center;\n}\n\n.fb-tips {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.fb-tip {\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n}\n\n.fb-tip h4 {\n font-size: 14px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.fb-tip p {\n font-size: 13px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* Method Box *\/\n.fb-method-box {\n background: linear-gradient(135deg, var(--fb-primary-light) 0%, #F0F7F3 100%);\n border-radius: var(--fb-radius);\n padding: 1.5rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-method-box h4 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.fb-method-box p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* Note *\/\n.fb-note {\n text-align: center;\n font-size: 14px;\n color: var(--fb-text-light);\n background: var(--fb-primary-light);\n padding: 1rem 1.5rem;\n border-radius: var(--fb-radius-sm);\n margin-top: 1.5rem;\n}\n\n\/* Comparison *\/\n.fb-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-comparison-item {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: 1.5rem;\n box-shadow: var(--fb-shadow);\n}\n\n.fb-comparison-item h4 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.fb-comparison-item p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: .5rem 0 0 0;\n line-height: 1.6;\n}\n\n.fb-comparison-highlight {\n border: 3px solid var(--fb-primary);\n background: var(--fb-primary-light);\n}\n\n.fb-comparison-highlight p strong {\n color: var(--fb-primary);\n}\n\n\/* Accordion *\/\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-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.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.fb-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.fb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* CTA Box *\/\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-primary-dark) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fb-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .8; }\n}\n\n.fb-cta-box p {\n position: relative;\n z-index: 1;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* Responsive Mobile *\/\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .fb-grid-compact {\n gap: .625rem;\n }\n \n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n \n .fb-card {\n padding: 1.125rem;\n }\n \n .fb-section {\n margin-bottom: 1.75rem;\n }\n \n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n \n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .fb-usage-main {\n gap: 2rem;\n }\n \n .fb-tips {\n grid-template-columns: 1fr;\n }\n \n .fb-comparison {\n grid-template-columns: 1fr;\n }\n \n .fb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-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 .fb-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":56474963181945,"sku":"NBAIDSH0080","price":8.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Canva_Fleur_de_Bach_dame_saint_hilaire_4.jpg?v=1767971339"},{"product_id":"fleur-de-bach-pommier-sauvage-n-10-20ml-saint-hilaire","title":"Fleur de bach Pommier sauvage n°10 - 20ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Pommier Sauvage n°10 - Saint-Hilaire\nPalette détectée:\n - Primaire: #8B4513 (brun ambré du flacon en verre)\n - Secondaire: #2D5016 (vert forêt des textes packaging)\n - Accent: #C75B4A (rouge terracotta du \"N°10\")\n - Crème: #F5F0E8 (beige naturel de l'étiquette)\nAmbiance: Naturel\/bio, artisanal français, apothicaire traditionnel, douceur florale printanière\nPréfixe CSS: ps\n--\u003e\n\u003cdiv class=\"ps-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"ps-hero\"\u003e\n\u003cdiv class=\"ps-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ps-hero-content\"\u003e\n\u003cdiv class=\"ps-badges-top\"\u003e\n\u003cspan class=\"ps-badge\"\u003e🍎 Fleur n°10\u003c\/span\u003e \u003cspan class=\"ps-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e \u003cspan class=\"ps-badge\"\u003e🇫🇷 Auvergne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ps-hero-title\"\u003ePommier Sauvage\u003c\/span\u003e\n\u003cp class=\"ps-subtitle\"\u003eL'élixir de la purification intérieure\u003c\/p\u003e\n\u003cp class=\"ps-description\"\u003eRetrouvez une \u003cstrong\u003erelation apaisée avec vous-même\u003c\/strong\u003e. La fleur de Bach Crab Apple vous accompagne vers l'acceptation bienveillante et libère du sentiment d'impureté.\u003c\/p\u003e\n\u003cdiv class=\"ps-hero-details\"\u003e\n\u003cspan class=\"ps-hero-tag\"\u003e🌸 Malus sylvestris\u003c\/span\u003e \u003cspan class=\"ps-hero-tag\"\u003e💧 20 ml\u003c\/span\u003e \u003cspan class=\"ps-hero-tag\"\u003e🔥 Méthode ébullition\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTRODUCTION --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003cdiv class=\"ps-intro-box\"\u003e\n\u003cp\u003eParmi les \u003cstrong\u003e38 fleurs de Bach\u003c\/strong\u003e identifiées par le Dr Edward Bach, le Pommier sauvage occupe une place singulière. Cette fleur est traditionnellement associée aux personnes qui éprouvent un sentiment de dégoût envers elles-mêmes, une impression de souillure ou d'imperfection envahissante. Que vous traversiez une période de \u003cstrong\u003echangement hormonal\u003c\/strong\u003e, une \u003cstrong\u003edémarche de perte de poids\u003c\/strong\u003e, ou que vous ressentiez le besoin de vous purifier émotionnellement, cet élixir floral biologique devient un précieux allié.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PORTRAIT DE LA FLEUR --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e🍎 Qu'est-ce que le Pommier sauvage ?\u003c\/h2\u003e\n\u003cdiv class=\"ps-grid\"\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🌳 Le Malus sylvestris\u003c\/h3\u003e\n\u003cp\u003eArbre des haies et lisières forestières d'Europe, offrant au printemps des fleurs blanches teintées de rose, symbole de pureté et d'innocence naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e💭 La signature du Dr Bach\u003c\/h3\u003e\n\u003cp\u003eCet arbre révèle une beauté immaculée même dans les environnements difficiles. Cette capacité à exprimer la pureté est au cœur de l'action de l'élixir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🌿 Cueillette artisanale\u003c\/h3\u003e\n\u003cp\u003eFleurs récoltées à la main en Auvergne, au moment optimal de floraison, dans des zones préservées de toute pollution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e🎯 À qui s'adresse cet élixir ?\u003c\/h2\u003e\n\u003cdiv class=\"ps-grid\"\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🪞 Vous vous jugez sévèrement\u003c\/h3\u003e\n\u003cp\u003eUn détail physique devient une obsession qui occulte tout le reste de votre personne et de vos qualités.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🧼 Besoin excessif de propreté\u003c\/h3\u003e\n\u003cp\u003eVous vous lavez les mains très souvent, nettoyez compulsivement, ne supportez pas la moindre imperfection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e😔 Un sentiment de honte vous habite\u003c\/h3\u003e\n\u003cp\u003eDes événements passés ou une image dévalorisée créent une impression persistante de souillure intérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🔍 Les détails prennent toute la place\u003c\/h3\u003e\n\u003cp\u003eVous perdez de vue l'ensemble en vous focalisant sur des imperfections mineures qui semblent intolérables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SITUATIONS CONCRÈTES --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e📋 Situations où Pommier sauvage vous accompagne\u003c\/h2\u003e\n\u003cdiv class=\"ps-situations-grid\"\u003e\n\u003cdiv class=\"ps-situation-card\"\u003e\n\u003ch3\u003e⚖️ Démarche minceur\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eLe regard sur votre corps est difficile\u003c\/li\u003e\n\u003cli\u003ePensées négatives pendant la perte de poids\u003c\/li\u003e\n\u003cli\u003eDifficulté à vous regarder dans le miroir\u003c\/li\u003e\n\u003cli\u003eLes imperfections cutanées vous obsèdent\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-situation-card\"\u003e\n\u003ch3\u003e🍂 Ménopause et transitions\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eChangements corporels mal vécus\u003c\/li\u003e\n\u003cli\u003eBouffées de chaleur et sentiment d'impureté\u003c\/li\u003e\n\u003cli\u003eAcceptation du nouveau corps compliquée\u003c\/li\u003e\n\u003cli\u003eBesoin d'accompagnement émotionnel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-situation-card\"\u003e\n\u003ch3\u003e🌿 Purification et renouveau\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAprès une maladie, besoin de vous \"nettoyer\"\u003c\/li\u003e\n\u003cli\u003eSuite à un traitement, envie de détox\u003c\/li\u003e\n\u003cli\u003ePériode de remise en question\u003c\/li\u003e\n\u003cli\u003eEnvie de vous sentir plus léger\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-note\"\u003e\n\u003cp\u003e⚠️ \u003cstrong\u003eImportant :\u003c\/strong\u003e Crab Apple n'est pas un produit amincissant. Il constitue un \u003cstrong\u003esoutien émotionnel\u003c\/strong\u003e en améliorant votre relation à votre corps et en réduisant le dégoût de soi qui sabote souvent les efforts entrepris.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits reconnus\u003c\/h2\u003e\n\u003cdiv class=\"ps-benefits\"\u003e\n\u003cdiv class=\"ps-benefit\"\u003e\n\u003cspan class=\"ps-benefit-num\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"ps-benefit-content\"\u003e\n\u003ch3\u003eFavorise l'acceptation bienveillante de soi\u003c\/h3\u003e\n\u003cp\u003ePortez un regard plus doux sur votre corps, vos imperfections, et réconciliez-vous avec votre image.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-benefit\"\u003e\n\u003cspan class=\"ps-benefit-num\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"ps-benefit-content\"\u003e\n\u003ch3\u003eApaise le sentiment d'impureté\u003c\/h3\u003e\n\u003cp\u003eQue cette impression soit physique ou liée à des événements passés, dissipez ce voile de souillure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-benefit\"\u003e\n\u003cspan class=\"ps-benefit-num\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"ps-benefit-content\"\u003e\n\u003ch3\u003eLibère des pensées obsessionnelles\u003c\/h3\u003e\n\u003cp\u003eLes détails insupportables reprennent leur juste place, vous retrouvez une vision équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-benefit\"\u003e\n\u003cspan class=\"ps-benefit-num\"\u003e04\u003c\/span\u003e\n\u003cdiv class=\"ps-benefit-content\"\u003e\n\u003ch3\u003eSoutient la purification émotionnelle\u003c\/h3\u003e\n\u003cp\u003eAccompagnez votre processus de nettoyage intérieur et de renouveau après des périodes difficiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e🌿 Composition certifiée biologique\u003c\/h2\u003e\n\u003cdiv class=\"ps-composition-grid\"\u003e\n\u003cdiv class=\"ps-ingredient\"\u003e\n\u003cdiv class=\"ps-ingredient-info\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🍷 Brandy biologique\u003c\/h3\u003e\n\u003cspan class=\"ps-ingredient-tag\"\u003e40% vol. - Conservateur naturel\u003c\/span\u003e\n\u003cp\u003eAlcool de raisin bio selon la méthode traditionnelle du Dr Bach. Conservation optimale plusieurs années.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-ingredient\"\u003e\n\u003cdiv class=\"ps-ingredient-info\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🍎 Extrait de Malus sylvestris bio\u003c\/h3\u003e\n\u003cspan class=\"ps-ingredient-tag\"\u003eDilution 1\/250ème\u003c\/span\u003e\n\u003cp\u003eInfusion de fleurs préparée par ébullition. Fleurs récoltées à la main en Auvergne au printemps.\u003cspan class=\"ps-method-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-method-box\"\u003e\n\u003cdiv class=\"ps-method-text\"\u003e\n\u003ch4\u003e🔥 Méthode d'ébullition originale\u003c\/h4\u003e\n\u003cp\u003eLes rameaux fleuris fraîchement cueillis sont bouillis 30 minutes dans de l'eau de source pure. Ce processus extrait l'essence énergétique de la fleur, stabilisée ensuite dans le brandy bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e💧 Comment utiliser votre élixir\u003c\/h2\u003e\n\u003cdiv class=\"ps-usage\"\u003e\n\u003cdiv class=\"ps-dosage\"\u003e\n\u003cspan class=\"ps-dosage-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"ps-dosage-text\"\u003e\n\u003cspan class=\"ps-dosage-label\"\u003egouttes\u003c\/span\u003e \u003cspan class=\"ps-dosage-freq\"\u003e4 fois par jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-usage-steps\"\u003e\n\u003cdiv class=\"ps-step\"\u003e\n\u003cspan class=\"ps-step-icon\"\u003e👅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSous la langue\u003c\/strong\u003e pour une absorption optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-step\"\u003e\n\u003cspan class=\"ps-step-icon\"\u003e💧\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eDans un verre d'eau\u003c\/strong\u003e à siroter toute la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-step\"\u003e\n\u003cspan class=\"ps-step-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRépartition :\u003c\/strong\u003e réveil, matinée, après-midi, coucher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-scenarios\"\u003e\n\u003ch3\u003e📌 Conseils selon vos besoins\u003c\/h3\u003e\n\u003cdiv class=\"ps-grid\"\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e⚖️ Démarche minceur\u003c\/h3\u003e\n\u003cp\u003e4 gouttes avant chaque repas principal pour aborder l'alimentation avec sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🍂 Durant la ménopause\u003c\/h3\u003e\n\u003cp\u003eCure de fond de 4 à 6 semaines minimum. Renouvelez si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🧼 Pensées obsessionnelles\u003c\/h3\u003e\n\u003cp\u003eLors d'un pic : 4 gouttes toutes les 15 min jusqu'à apaisement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-note\"\u003e\n\u003cp\u003e🛁 \u003cstrong\u003eUsage externe :\u003c\/strong\u003e Ajoutez quelques gouttes à votre crème, à l'eau du bain, ou préparez une lotion (10 gouttes dans 100 ml d'eau).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ASSOCIATIONS --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e🤝 Associations recommandées\u003c\/h2\u003e\n\u003cp class=\"ps-associations-intro\"\u003eCombinez jusqu'à 6-7 fleurs de Bach pour un mélange personnalisé :\u003c\/p\u003e\n\u003cdiv class=\"ps-grid\"\u003e\n\u003cdiv class=\"ps-card ps-card-accent\"\u003e\n\u003ch3\u003e🍎 + \u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/remede-durgence-bio-10-ml-dioter\"\u003e Remède d'urgence \u003c\/a\u003e\n\u003c\/h3\u003e\n\u003cp\u003eRenforce la purification lors de chocs émotionnels. Le Pommier sauvage est présent dans la crème du remède d'urgence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card ps-card-accent\"\u003e\n\u003ch3\u003e🍎 + \u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/fleur-de-bach-pin-sylvestre-bio-10-ml-dioter\"\u003e Pin sylvestre \u003c\/a\u003e\n\u003c\/h3\u003e\n\u003cp\u003eSi le dégoût de soi s'accompagne de culpabilité excessive et de reproches constants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card ps-card-accent\"\u003e\n\u003ch3\u003e🍎 + \u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/fleur-de-bach-meleze-n-19-bio-20ml-saint-hilaire\"\u003e Mélèze \u003c\/a\u003e\n\u003c\/h3\u003e\n\u003cp\u003eQuand l'image négative génère un manque de confiance et une tendance à vous dévaloriser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card ps-card-accent\"\u003e\n\u003ch3\u003e🍎 + \u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/fleur-de-bach-noyer-bio-10-ml-dioter\"\u003e Noyer \u003c\/a\u003e\n\u003c\/h3\u003e\n\u003cp\u003eL'association idéale pour les périodes de transition : ménopause, déménagement, changement de vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- QUALITÉ SAINT-HILAIRE --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e🏔️ La qualité Distillerie Saint-Hilaire\u003c\/h2\u003e\n\u003cdiv class=\"ps-intro-box\"\u003e\n\u003cp\u003eNichée au cœur des volcans d'Auvergne, la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e perpétue un savoir-faire artisanal d'exception. Chaque fleur est \u003cstrong\u003ecueillie à la main\u003c\/strong\u003e au moment précis de son potentiel maximal, dans des zones préservées. La préparation respecte la \u003cstrong\u003eméthode originale du Dr Bach\u003c\/strong\u003e, garantissant authenticité et efficacité. Certification biologique attestant un engagement total envers la qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"ps-accordion\"\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003eLa fleur de Bach aide-t-elle à perdre du poids ?\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cp\u003eAucune fleur de Bach n'est un produit amincissant. Crab Apple ne fait pas maigrir mais constitue un \u003cstrong\u003esoutien émotionnel précieux\u003c\/strong\u003e. En améliorant l'image de votre corps et en réduisant le dégoût de soi, il aide à maintenir la motivation et éviter les comportements alimentaires dictés par les émotions négatives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003eComment utiliser les fleurs de Bach pendant la ménopause ?\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cp\u003ePommier sauvage aide à \u003cstrong\u003eaccueillir les transformations corporelles\u003c\/strong\u003e avec bienveillance. Associez-le à Walnut (adaptation), Scleranthus (équilibre émotionnel) et Mustard (baisses de moral). Cure de 4 à 6 semaines recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003eQuelle différence avec le Rescue Bach ?\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cp\u003eLe Rescue est un complexe de 5 fleurs pour les urgences émotionnelles. Pommier sauvage seul travaille en profondeur sur l'image de soi et le sentiment d'impureté. Les deux peuvent être utilisés conjointement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003eCombien de temps pour ressentir les effets ?\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cp\u003eCertains ressentent un apaisement dès les premiers jours, d'autres après 2-3 semaines. Pour un travail en profondeur, une cure de 4 à 6 semaines est conseillée. L'essentiel est la régularité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003eCompatibilité avec la grossesse ou l'allaitement ?\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cp\u003eL'élixir contient 40% d'alcool (quantité infime par prise). Par précaution, demandez l'avis de votre médecin ou sage-femme avant utilisation pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003eCompatibilité avec d'autres traitements ?\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cp\u003eLes élixirs floraux n'interagissent pas avec les médicaments. Ils ne remplacent cependant pas un suivi médical. Informez votre médecin si vous êtes sous traitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS COMPLÉMENTAIRES --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"ps-accordion\"\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eNe remplace pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eContient de l'alcool\u003c\/strong\u003e (40% vol.) : déconseillé en cas de sevrage alcoolique\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n\u003cli\u003eEn cas de mal-être persistant, consultez un professionnel de santé\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cp\u003eConservez entre 15 et 25°C, à l'abri de la lumière et de la chaleur. Éloignez des appareils électriques. Refermez soigneusement après usage. L'alcool assure une conservation de plusieurs années.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003cdiv class=\"ps-grid-compact\"\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n\u003cp\u003e20 ml avec compte-gouttes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🔢 Classification\u003c\/h3\u003e\n\u003cp\u003eFleur de Bach n°10\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e⏱️ Durée de cure\u003c\/h3\u003e\n\u003cp\u003e4 à 6 semaines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique AB\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ps-section\"\u003e\n\u003cdiv class=\"ps-cta-box\"\u003e\n\u003cp\u003e🍎 Offrez-vous la possibilité de vous réconcilier avec votre image et de \u003cstrong\u003eretrouver une relation apaisée avec vous-même\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cspan class=\"ps-cta-tagline\"\u003eLa vraie pureté rayonne de l'intérieur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ps-cream: #FAF8F5;\n --ps-white: #ffffff;\n --ps-primary: #8B4513;\n --ps-primary-dark: #5C2E1A;\n --ps-primary-light: #FDF6F0;\n --ps-secondary: #2D5016;\n --ps-secondary-dark: #1D3A0E;\n --ps-secondary-light: #EEF5E8;\n --ps-accent: #C75B4A;\n --ps-accent-light: #FEF5F3;\n --ps-text: #1a1a1a;\n --ps-text-light: #5a5a5a;\n --ps-border: #e8e4df;\n --ps-shadow: 0 4px 24px rgba(139,69,19,.08);\n --ps-shadow-lg: 0 12px 48px rgba(139,69,19,.15);\n --ps-radius: 20px;\n --ps-radius-sm: 12px;\n}\n\n.ps-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ps-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ps-premium * {\n box-sizing: border-box;\n}\n\n.ps-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ps-primary-dark) 0%, var(--ps-primary) 40%, var(--ps-secondary) 100%);\n border-radius: var(--ps-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(--ps-shadow-lg);\n}\n\n.ps-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(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 80% 20%, rgba(199,91,74,.15) 0%, transparent 35%);\n}\n\n.ps-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ps-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ps-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(--ps-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ps-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ps-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 30px rgba(0,0,0,.3);\n}\n\n.ps-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.ps-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 650px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.ps-hero-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.ps-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: white;\n}\n\n.ps-intro-box {\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ps-shadow);\n border-left: 4px solid var(--ps-accent);\n}\n\n.ps-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin: 0;\n color: var(--ps-text);\n}\n\n.ps-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ps-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ps-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.ps-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(--ps-primary), var(--ps-secondary));\n border-radius: 2px;\n}\n\n.ps-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ps-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ps-card {\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ps-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ps-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ps-shadow-lg);\n border-color: var(--ps-accent);\n}\n\n.ps-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ps-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ps-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ps-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ps-card-accent {\n background: var(--ps-primary-light);\n border: 2px solid var(--ps-primary);\n}\n\n.ps-card-accent:hover {\n border-color: var(--ps-primary-dark);\n}\n\n.ps-grid-compact .ps-card {\n padding: 1rem;\n}\n\n.ps-grid-compact .ps-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ps-grid-compact .ps-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--ps-primary-dark);\n}\n\n.ps-situations-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.ps-situation-card {\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--ps-shadow);\n}\n\n.ps-situation-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ps-primary-dark);\n margin: 0 0 1rem 0;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--ps-secondary-light);\n}\n\n.ps-situation-card ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ps-situation-card li {\n padding: .4rem 0;\n font-size: 14px;\n color: var(--ps-text);\n border-bottom: 1px solid var(--ps-border);\n padding-left: 1.5rem;\n position: relative;\n}\n\n.ps-situation-card li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--ps-secondary);\n font-weight: 700;\n}\n\n.ps-situation-card li:last-child {\n border-bottom: none;\n}\n\n.ps-note {\n background: var(--ps-accent-light);\n border-radius: var(--ps-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n border-left: 4px solid var(--ps-accent);\n}\n\n.ps-note p {\n font-size: 14px;\n color: var(--ps-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.ps-benefits {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ps-benefit {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--ps-shadow);\n border-left: 4px solid var(--ps-secondary);\n transition: all .3s ease;\n}\n\n.ps-benefit:hover {\n transform: translateX(8px);\n box-shadow: var(--ps-shadow-lg);\n}\n\n.ps-benefit-num {\n font-size: 32px;\n font-weight: 900;\n color: var(--ps-secondary);\n opacity: .6;\n line-height: 1;\n min-width: 50px;\n}\n\n.ps-benefit-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--ps-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ps-benefit-content p {\n font-size: 14px;\n color: var(--ps-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ps-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.ps-ingredient {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ps-shadow);\n transition: all .3s ease;\n}\n\n.ps-ingredient:hover {\n transform: translateY(-5px);\n box-shadow: var(--ps-shadow-lg);\n}\n\n.ps-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.ps-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--ps-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ps-ingredient-tag {\n display: inline-block;\n background: var(--ps-primary-light);\n color: var(--ps-primary-dark);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.ps-ingredient-info p {\n font-size: 14px;\n color: var(--ps-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ps-method-box {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: linear-gradient(135deg, var(--ps-secondary-light) 0%, var(--ps-white) 100%);\n border-radius: var(--ps-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--ps-secondary);\n}\n\n.ps-method-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.ps-method-text h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ps-secondary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ps-method-text p {\n font-size: 14px;\n color: var(--ps-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ps-usage {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n margin-bottom: 1.5rem;\n align-items: center;\n}\n\n.ps-dosage {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--ps-primary) 0%, var(--ps-primary-dark) 100%);\n border-radius: var(--ps-radius);\n padding: 2rem 2.5rem;\n box-shadow: var(--ps-shadow-lg);\n}\n\n.ps-dosage-number {\n font-size: 72px;\n font-weight: 900;\n color: white;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ps-dosage-text {\n display: flex;\n flex-direction: column;\n}\n\n.ps-dosage-label {\n font-size: 24px;\n font-weight: 700;\n color: white;\n line-height: 1.2;\n}\n\n.ps-dosage-freq {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n}\n\n.ps-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ps-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--ps-white);\n border-radius: var(--ps-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--ps-shadow);\n transition: all .3s ease;\n}\n\n.ps-step:hover {\n transform: translateX(5px);\n}\n\n.ps-step-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ps-step p {\n font-size: 14px;\n color: var(--ps-text);\n margin: 0;\n font-weight: 500;\n}\n\n.ps-scenarios {\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ps-shadow);\n}\n\n.ps-scenarios h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ps-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.ps-associations-intro {\n text-align: center;\n font-size: 16px;\n color: var(--ps-text);\n margin-bottom: 1.5rem;\n}\n\n.ps-accordion {\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n box-shadow: var(--ps-shadow);\n overflow: hidden;\n}\n\n.ps-accordion-item {\n border-bottom: 1px solid var(--ps-border);\n margin: 0;\n padding: 0;\n}\n\n.ps-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ps-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ps-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.ps-accordion-header:hover {\n background: var(--ps-primary-light);\n}\n\n.ps-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ps-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ps-primary);\n transition: transform .2s ease;\n}\n\n.ps-accordion-item[open] .ps-accordion-header::after {\n content: '−';\n}\n\n.ps-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ps-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ps-accordion-content p {\n margin: 0;\n}\n\n.ps-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.ps-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.ps-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n.ps-cta-box {\n background: linear-gradient(135deg, var(--ps-primary-dark) 0%, var(--ps-primary) 40%, var(--ps-secondary) 100%);\n border-radius: var(--ps-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--ps-shadow-lg);\n}\n\n.ps-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0 0 1.5rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.ps-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 10px 24px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .ps-card,\n .ps-benefit,\n .ps-ingredient,\n .ps-step,\n .ps-situation-card {\n animation: psFadeInUp .5s ease backwards;\n }\n .ps-card:nth-child(1), .ps-benefit:nth-child(1), .ps-situation-card:nth-child(1) { animation-delay: .05s; }\n .ps-card:nth-child(2), .ps-benefit:nth-child(2), .ps-situation-card:nth-child(2) { animation-delay: .1s; }\n .ps-card:nth-child(3), .ps-benefit:nth-child(3), .ps-situation-card:nth-child(3) { animation-delay: .15s; }\n .ps-card:nth-child(4), .ps-benefit:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes psFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 767px) {\n .ps-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ps-grid-compact {\n gap: .625rem;\n }\n \n .ps-grid-compact .ps-card {\n padding: .75rem;\n }\n \n .ps-card {\n padding: 1.125rem;\n }\n \n .ps-section {\n margin-bottom: 1.75rem;\n }\n \n .ps-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ps-radius-sm);\n }\n \n .ps-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ps-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ps-usage {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .ps-dosage {\n justify-content: center;\n padding: 1.5rem 2rem;\n }\n \n .ps-dosage-number {\n font-size: 56px;\n }\n \n .ps-composition-grid,\n .ps-situations-grid {\n grid-template-columns: 1fr;\n }\n \n .ps-benefit {\n gap: 1rem;\n }\n \n .ps-benefit-num {\n font-size: 24px;\n min-width: 40px;\n }\n \n .ps-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ps-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ps-badges-top {\n gap: 8px;\n }\n \n .ps-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n \n .ps-hero-details {\n flex-direction: column;\n align-items: center;\n }\n \n .ps-method-box {\n flex-direction: column;\n text-align: center;\n }\n \n .ps-ingredient {\n flex-direction: column;\n text-align: center;\n }\n \n .ps-scenarios .ps-grid {\n grid-template-columns: 1fr;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ps-premium * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56474975568249,"sku":"AIDSH0078","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fleur_de_Bach_dame_saint_hilaire_1.jpg?v=1767970907"},{"product_id":"fleur-de-bach-chene-n-22-20ml-saint-hilaire","title":"Fleur de bach Chêne n°22 - 20ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Chêne n°22 - Saint-Hilaire\nPalette détectée:\n - Primaire: #5D4E37 (brun chêne\/terre du packaging et de l'ambiance)\n - Secondaire: #4A7C59 (vert forêt des feuilles de chêne)\n - Accent: #8B4513 (ambre\/cognac du flacon en verre)\n - Background: #F5F0E8 (crème\/écru de l'étiquette)\nAmbiance: Naturel, authentique, ancré dans la terre, artisanal français, botanique, bien-être holistique\nPréfixe CSS: oak\n--\u003e\n\u003cdiv class=\"oak-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"oak-hero\"\u003e\n\u003cdiv class=\"oak-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"oak-hero-content\"\u003e\n\u003cdiv class=\"oak-badges-top\"\u003e\n\u003cspan class=\"oak-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e \u003cspan class=\"oak-badge\"\u003e🇫🇷 Made in Auvergne\u003c\/span\u003e \u003cspan class=\"oak-badge\"\u003e🌳 N°22 Chêne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"oak-hero-title\"\u003eFleur de Bach Chêne\u003c\/span\u003e\n\u003cp class=\"oak-subtitle\"\u003eL'élixir des battants qui s'épuisent\u003c\/p\u003e\n\u003cp class=\"oak-description\"\u003eRetrouvez l'équilibre entre votre force naturelle et le respect de vos limites. Élaborée selon la méthode originale du Dr Bach par la Distillerie Saint-Hilaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e🎯 Cette fleur est faite pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid\"\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e💼 Vous travaillez sans relâche\u003c\/h3\u003e\n\u003cp\u003eVous refusez les congés maladie, même épuisé(e), et considérez la fatigue comme une faiblesse à combattre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🏋️ Vous portez tout le monde\u003c\/h3\u003e\n\u003cp\u003eLes problèmes des autres sont sur vos épaules, mais vous ne demandez jamais d'aide à personne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e😓 Vous culpabilisez au repos\u003c\/h3\u003e\n\u003cp\u003eVous ne pouvez pas vous arrêter sans vous sentir coupable ou inutile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e⚠️ Vous ignorez les signaux\u003c\/h3\u003e\n\u003cp\u003eVotre corps vous supplie de faire une pause, mais vous continuez jusqu'à l'épuisement total.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🔒 Vous ne déléguez jamais\u003c\/h3\u003e\n\u003cp\u003eVous pensez être indispensable et que personne ne peut faire aussi bien que vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌪️ Vous foncez malgré tout\u003c\/h3\u003e\n\u003cp\u003eComme le chêne face à la tempête, vous tenez bon... mais à quel prix ?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits de l'élixir Chêne\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid\"\u003e\n\u003cdiv class=\"oak-card oak-card-highlight\"\u003e\n\u003ch3\u003e👂 Reconnaissance de vos limites\u003c\/h3\u003e\n\u003cp\u003eDéveloppe votre capacité à écouter les signaux de votre corps avant le surmenage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card oak-card-highlight\"\u003e\n\u003ch3\u003e🧘 Permission de lâcher prise\u003c\/h3\u003e\n\u003cp\u003eVous autorise enfin à vous reposer sans culpabilité ni sentiment d'échec.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card oak-card-highlight\"\u003e\n\u003ch3\u003e⚖️ Force intérieure équilibrée\u003c\/h3\u003e\n\u003cp\u003ePréserve votre détermination tout en vous enseignant à doser vos efforts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card oak-card-highlight\"\u003e\n\u003ch3\u003e🤝 Capacité à demander de l'aide\u003c\/h3\u003e\n\u003cp\u003eVous fait comprendre que partager le fardeau n'est pas une faiblesse, mais une sagesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SYMBOLIQUE DU CHÊNE --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003cdiv class=\"oak-story-box\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🌳 Le message du Chêne\u003c\/h3\u003e\n\u003cp\u003eLe \u003cem\u003eQuercus robur\u003c\/em\u003e, ou Chêne pédonculé, est l'arbre de la force et de l'endurance par excellence. Capable de vivre plusieurs siècles et de résister aux pires tempêtes, il symbolise la persévérance.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMais même cet arbre majestueux sait perdre ses feuilles en automne pour se régénérer.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eC'est exactement le message que cette fleur de Bach souhaite vous transmettre : la vraie puissance réside aussi dans la capacité à se reposer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SITUATIONS D'UTILISATION --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e🌿 Situations où Le Chêne peut vous aider\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid\"\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e👨👩👧 Épuisement parental\u003c\/h3\u003e\n\u003cp\u003eQuand vous donnez sans compter et oubliez de prendre soin de vous-même.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🔥 Burn-out professionnel\u003c\/h3\u003e\n\u003cp\u003ePour accompagner la prise de conscience et soutenir la reconstruction.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e💝 Aidants familiaux\u003c\/h3\u003e\n\u003cp\u003eLorsque vous vous occupez d'un proche sans jamais vous accorder de pause.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🏃 Récupération sportive\u003c\/h3\u003e\n\u003cp\u003eSi vous avez du mal à respecter les temps de repos nécessaires à votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e📚 Périodes d'examens\u003c\/h3\u003e\n\u003cp\u003ePour maintenir un rythme d'étude soutenable sans vous épuiser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌸 Transition de vie\u003c\/h3\u003e\n\u003cp\u003eMénopause, changement de carrière... quand votre corps réclame plus de repos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e💧 Comment utiliser votre élixir\u003c\/h2\u003e\n\u003cdiv class=\"oak-steps\"\u003e\n\u003cdiv class=\"oak-step\"\u003e\n\u003cdiv class=\"oak-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"oak-step-content\"\u003e\n\u003ch4\u003eDosage standard\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e4 gouttes, 4 fois par jour\u003c\/strong\u003e — directement sous la langue ou diluées dans un verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-step\"\u003e\n\u003cdiv class=\"oak-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"oak-step-content\"\u003e\n\u003ch4\u003eEn moment de crise\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e4 gouttes toutes les heures\u003c\/strong\u003e jusqu'à apaisement, puis reprendre le dosage normal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-step\"\u003e\n\u003cdiv class=\"oak-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"oak-step-content\"\u003e\n\u003ch4\u003eDurée de cure\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e3 à 6 semaines minimum\u003c\/strong\u003e pour un travail de fond. Le flacon de 20 ml permet 4 à 6 semaines d'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e🧪 Composition pure et biologique\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid-compact\"\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🍇 Brandy bio\u003c\/h3\u003e\n\u003cp\u003eEau-de-vie de raisin 40% vol, conservateur naturel selon la méthode traditionnelle du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌳 Extrait de Chêne bio\u003c\/h3\u003e\n\u003cp\u003eQuercus robur, dilution 1\/250ème, préparé par solarisation au cœur de l'Auvergne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-method-box\"\u003e\n\u003cp\u003e🌞 \u003cstrong\u003eMéthode de solarisation :\u003c\/strong\u003e Les fleurs sont délicatement cueillies au printemps, puis placées dans un bol d'eau de source exposé au soleil pendant plusieurs heures. Cette méthode douce capture l'essence vibratoire de la fleur sans altérer ses propriétés subtiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ASSOCIATIONS --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e🔗 Associations recommandées\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid\"\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌳 + 🫒 Chêne + Olivier\u003c\/h3\u003e\n\u003cp\u003ePour l'épuisement physique et mental total déjà installé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌳 + 🌲 Chêne + Orme\u003c\/h3\u003e\n\u003cp\u003eQuand le sentiment d'être submergé s'ajoute au surmenage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌳 + 🌸 Chêne + Centaurée\u003c\/h3\u003e\n\u003cp\u003eSi vous ne savez pas dire non et avez besoin de poser des limites.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌳 + 🌿 Chêne + Charme\u003c\/h3\u003e\n\u003cp\u003eContre la lassitude matinale et le manque de motivation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"oak-tip\"\u003e💡 Vous pouvez associer jusqu'à 6 ou 7 fleurs de Bach simultanément selon vos besoins émotionnels.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid-compact\"\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e📦 20 ml\u003c\/h3\u003e\n\u003cp\u003eFlacon compte-gouttes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e⏱️ 4-6 semaines\u003c\/h3\u003e\n\u003cp\u003eDurée d'utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌞 Solarisation\u003c\/h3\u003e\n\u003cp\u003eMéthode originale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🇫🇷 Auvergne\u003c\/h3\u003e\n\u003cp\u003eFabrication française\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ ACCORDÉON --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"oak-accordion\"\u003e\n\u003cdetails class=\"oak-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e🌳 Quelle différence entre Chêne et Olive ?\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eOlivier\u003c\/strong\u003e s'adresse à l'épuisement total déjà installé : vous êtes vidé(e), incapable de continuer. \u003cstrong\u003eChêne\u003c\/strong\u003e convient à ceux qui pourraient encore continuer mais ne devraient pas, qui ignorent les signaux d'alerte. Les deux peuvent être associées en cas de surmenage sévère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"oak-accordion-item\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e🍷 Cette fleur contient-elle de l'alcool ?\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003eOui, comme toutes les fleurs de Bach authentiques. Le brandy bio (40% vol) sert de conservateur naturel. La quantité par prise (4 gouttes) reste infime. Pour éviter l'alcool, diluez dans une boisson chaude (jamais bouillante).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"oak-accordion-item\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e🤰 Peut-on l'utiliser enceinte ou allaitante ?\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003eLa présence d'alcool invite à la prudence. Demandez conseil à votre médecin ou sage-femme avant utilisation pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"oak-accordion-item\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e⚖️ Aide-t-elle à la perte de poids ?\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003eLes fleurs de Bach agissent sur l'équilibre émotionnel, pas directement sur le métabolisme. Cependant, en réduisant le stress et l'épuisement qui peuvent conduire au grignotage compulsif, elles peuvent indirectement soutenir une démarche de bien-être global.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"oak-accordion-item\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e🌸 Comment l'utiliser pendant la ménopause ?\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003eDurant cette période de transition, votre corps réclame davantage de repos. La fleur de Bach Chêne vous aide à écouter ces nouveaux besoins sans frustration. Vous pouvez l'associer avec Walnut (adaptation au changement) ou Scleranthus (équilibre émotionnel).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS ACCORDÉON --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"oak-accordion\"\u003e\n\u003cdetails class=\"oak-accordion-item\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003eCe complément alimentaire ne peut se substituer à une alimentation variée et équilibrée ni à un mode de vie sain. \u003cstrong\u003eContient de l'alcool\u003c\/strong\u003e (brandy 40% vol) : déconseillé aux personnes en sevrage alcoolique. Ne remplace en aucun cas un traitement médical ou un suivi psychologique. En cas de burn-out sévère ou de dépression, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"oak-accordion-item\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e🏭 La Distillerie Saint-Hilaire\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003eImplantée au cœur des volcans d'Auvergne, la Distillerie Saint-Hilaire perpétue l'art des élixirs floraux dans le respect de la tradition du Docteur Bach. Chaque fleur est cueillie à la main au moment optimal de floraison, garantissant une qualité exceptionnelle. La certification biologique assure l'absence totale de pesticides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"oak-accordion-item\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003eTenir hors de portée des jeunes enfants. Conserver à l'abri de la lumière et de la chaleur. Le brandy bio assure une conservation naturelle optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"oak-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"oak-cta-box\"\u003e\n\u003cp\u003e🌳 \u003cstrong\u003eComme le chêne centenaire, apprenez à conjuguer force et sagesse.\u003c\/strong\u003e\u003cbr\u003eAccordez-vous enfin le droit de vous reposer... sans culpabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --oak-cream: #F5F0E8;\n --oak-white: #ffffff;\n --oak-primary: #5D4E37;\n --oak-primary-dark: #3D3225;\n --oak-primary-light: #E8E0D5;\n --oak-secondary: #4A7C59;\n --oak-accent: #8B4513;\n --oak-text: #1a1a1a;\n --oak-text-light: #5a5a5a;\n --oak-border: #e0d5c8;\n --oak-shadow: 0 4px 24px rgba(93,78,55,.08);\n --oak-shadow-lg: 0 12px 48px rgba(93,78,55,.15);\n --oak-radius: 20px;\n --oak-radius-sm: 12px;\n}\n\n.oak-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--oak-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.oak-hero {\n position: relative;\n background: linear-gradient(135deg, var(--oak-primary) 0%, var(--oak-secondary) 50%, var(--oak-primary-dark) 100%);\n border-radius: var(--oak-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(--oak-shadow-lg);\n}\n\n.oak-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2.5 0-4.5 2-4.5 4.5S27.5 14 30 14s4.5-2 4.5-4.5S32.5 5 30 5zm0 50c2.5 0 4.5-2 4.5-4.5S32.5 46 30 46s-4.5 2-4.5 4.5S27.5 55 30 55zM5 30c0 2.5 2 4.5 4.5 4.5S14 32.5 14 30s-2-4.5-4.5-4.5S5 27.5 5 30zm50 0c0-2.5-2-4.5-4.5-4.5S46 27.5 46 30s2 4.5 4.5 4.5S55 32.5 55 30z' fill='%23ffffff' fill-opacity='1'\/%3E%3C\/svg%3E\");\n opacity: .03;\n}\n\n.oak-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.oak-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.oak-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(--oak-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.oak-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.oak-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.oak-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.oak-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.oak-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.oak-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--oak-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.oak-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(--oak-primary), var(--oak-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.oak-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.oak-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.oak-card {\n background: var(--oak-white);\n border-radius: var(--oak-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--oak-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.oak-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--oak-shadow-lg);\n border-color: var(--oak-primary);\n}\n\n.oak-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--oak-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.oak-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--oak-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.oak-card-highlight {\n background: linear-gradient(135deg, var(--oak-white) 0%, var(--oak-primary-light) 100%);\n border: 2px solid var(--oak-primary-light);\n}\n\n.oak-card-highlight:hover {\n border-color: var(--oak-secondary);\n}\n\n.oak-grid-compact .oak-card {\n padding: 1rem;\n}\n\n.oak-grid-compact .oak-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.oak-grid-compact .oak-card p {\n font-size: 12px;\n}\n\n\/* === STORY BOX === *\/\n.oak-story-box {\n background: linear-gradient(135deg, var(--oak-primary-light) 0%, var(--oak-white) 100%);\n border-radius: var(--oak-radius);\n padding: clamp(2rem, 5vw, 3rem);\n text-align: center;\n border: 2px solid var(--oak-border);\n}\n\n.oak-story-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.oak-story-box h3 {\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 800;\n color: var(--oak-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.oak-story-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--oak-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.oak-story-box p:last-child {\n margin-bottom: 0;\n}\n\n.oak-story-box p strong {\n color: var(--oak-primary-dark);\n}\n\n\/* === STEPS === *\/\n.oak-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.oak-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--oak-white);\n border-radius: var(--oak-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--oak-shadow);\n transition: all .3s ease;\n}\n\n.oak-step:hover {\n transform: translateX(8px);\n box-shadow: var(--oak-shadow-lg);\n}\n\n.oak-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--oak-primary) 0%, var(--oak-secondary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n}\n\n.oak-step-content h4 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--oak-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.oak-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--oak-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === METHOD BOX === *\/\n.oak-method-box {\n background: var(--oak-white);\n border-radius: var(--oak-radius-sm);\n padding: 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--oak-secondary);\n}\n\n.oak-method-box p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--oak-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIP === *\/\n.oak-tip {\n text-align: center;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--oak-text-light);\n margin-top: 1.25rem;\n padding: 1rem;\n background: var(--oak-primary-light);\n border-radius: var(--oak-radius-sm);\n}\n\n\/* === ACCORDÉON === *\/\n.oak-accordion {\n background: var(--oak-white);\n border-radius: var(--oak-radius);\n box-shadow: var(--oak-shadow);\n overflow: hidden;\n}\n\n.oak-accordion-item {\n border-bottom: 1px solid var(--oak-border);\n margin: 0;\n padding: 0;\n}\n\n.oak-accordion-item:last-child {\n border-bottom: none;\n}\n\n.oak-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--oak-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.oak-accordion-header:hover {\n background: var(--oak-primary-light);\n}\n\n.oak-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.oak-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--oak-primary);\n transition: transform .2s ease;\n}\n\n.oak-accordion-item[open] .oak-accordion-header::after {\n content: '−';\n}\n\n.oak-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--oak-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.oak-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.oak-cta-box {\n background: linear-gradient(135deg, var(--oak-primary) 0%, var(--oak-secondary) 50%, var(--oak-primary-dark) 100%);\n border-radius: var(--oak-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.oak-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M20 5c-1.5 0-3 1.5-3 3s1.5 3 3 3 3-1.5 3-3-1.5-3-3-3z' fill='%23ffffff' fill-opacity='.05'\/%3E%3C\/svg%3E\");\n}\n\n.oak-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .oak-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .oak-card {\n padding: 1.125rem;\n }\n \n .oak-section {\n margin-bottom: 1.75rem;\n }\n \n .oak-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--oak-radius-sm);\n }\n \n .oak-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .oak-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .oak-grid-compact {\n gap: .625rem;\n }\n \n .oak-grid-compact .oak-card {\n padding: .75rem;\n }\n \n .oak-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: .75rem;\n padding: 1.25rem 1rem;\n }\n \n .oak-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .oak-story-box {\n padding: 1.5rem 1.25rem;\n }\n \n .oak-story-icon {\n font-size: 36px;\n }\n \n .oak-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .oak-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .oak-badges-top {\n gap: 6px;\n }\n \n .oak-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .oak-card {\n animation: oakFadeInUp .5s ease backwards;\n }\n .oak-card:nth-child(1) { animation-delay: .05s; }\n .oak-card:nth-child(2) { animation-delay: .1s; }\n .oak-card:nth-child(3) { animation-delay: .15s; }\n .oak-card:nth-child(4) { animation-delay: .2s; }\n .oak-card:nth-child(5) { animation-delay: .25s; }\n .oak-card:nth-child(6) { animation-delay: .3s; }\n \n .oak-step {\n animation: oakFadeInUp .5s ease backwards;\n }\n .oak-step:nth-child(1) { animation-delay: .1s; }\n .oak-step:nth-child(2) { animation-delay: .2s; }\n .oak-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes oakFadeInUp {\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 .oak-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":56474986316153,"sku":"AIDSH0075","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fleur_de_Bach_dame_saint_hilaire_2.jpg?v=1767970995"},{"product_id":"fleur-de-bach-meleze-n-19-bio-20ml-saint-hilaire","title":"Fleur de Bach Meleze n°19 bio - 20ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Mélèze n°19 bio - 20ml - Saint-Hilaire\nPalette détectée:\n - Primaire: #8B2D10 (brun-rouge du flacon ambré)\n - Secondaire: #C4A035 (doré\/ocre des accents texte)\n - Accent: #2D4A2D (vert forêt évoquant le mélèze)\nAmbiance: Naturel, artisanal, authentique, bien-être, pharmacopée traditionnelle\nPréfixe CSS: larch\n--\u003e\n\n\u003cdiv class=\"larch-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"larch-hero\"\u003e\n \u003cdiv class=\"larch-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"larch-hero-content\"\u003e\n \u003cdiv class=\"larch-badges-top\"\u003e\n \u003cspan class=\"larch-badge\"\u003e🌲 Fleur de Bach n°19\u003c\/span\u003e\n \u003cspan class=\"larch-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"larch-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"larch-hero-title\"\u003eFleur de Bach Mélèze - Larch n°19\u003c\/span\u003e\n \u003cp class=\"larch-subtitle\"\u003eRéveillez la confiance en vous qui sommeille\u003c\/p\u003e\n \u003cp class=\"larch-description\"\u003eLa fleur de Bach Mélèze de la Distillerie Saint-Hilaire accompagne ceux qui doutent de leurs capacités. Osez enfin vous lancer, croire en votre potentiel et saisir les opportunités qui s'offrent à vous.\u003c\/p\u003e\n \u003cdiv class=\"larch-hero-details\"\u003e\n \u003cspan class=\"larch-hero-tag\"\u003e🌲 Larix decidua\u003c\/span\u003e\n \u003cspan class=\"larch-hero-tag\"\u003e💧 20 ml\u003c\/span\u003e\n \u003cspan class=\"larch-hero-tag\"\u003e💦 Méthode ébullition\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- INTRODUCTION --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003cdiv class=\"larch-intro-box\"\u003e\n \u003cp\u003eVous avez tendance à vous sous-estimer avant même d'avoir essayé ? Vous laissez passer des opportunités par peur de ne pas être à la hauteur ? Ce sentiment d'\u003cstrong\u003einfériorité\u003c\/strong\u003e qui vous freine n'est pas une fatalité. La \u003cstrong\u003efleur de Bach Mélèze\u003c\/strong\u003e, connue internationalement sous le nom de Larch (n°19), est l'alliée précieuse de tous ceux qui manquent de \u003cstrong\u003econfiance en eux\u003c\/strong\u003e. Préparée selon la méthode originale du Docteur Bach, elle vous aide à reconnaître votre valeur et à oser entreprendre ce que vous n'osiez pas jusqu'à présent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- LE MÉLÈZE : UN ARBRE PARTICULIER --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e🌲 Le mélèze : un conifère pas comme les autres\u003c\/h2\u003e\n \u003cdiv class=\"larch-grid\"\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e🔬 Portrait botanique\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003eLarix decidua\u003c\/strong\u003e, ou Mélèze d'Europe, est le seul conifère qui perd ses aiguilles en automne. Cet arbre majestueux des montagnes peut vivre plus de \u003cstrong\u003e500 ans\u003c\/strong\u003e et atteindre 40 mètres de hauteur. Ses petites fleurs rouges apparaissent au printemps, avant même le retour complet de ses aiguilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e💭 La signature de la plante\u003c\/h3\u003e\n \u003cp\u003eLe Docteur Bach voyait dans le Mélèze un symbole puissant : cet arbre qui se dépouille chaque hiver pour renaître au printemps illustre la \u003cstrong\u003ecapacité de transformation\u003c\/strong\u003e. Il nous enseigne que perdre temporairement confiance ne signifie pas qu'elle ne reviendra pas, plus forte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RECONNAÎTRE LE PROFIL MÉLÈZE --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e🎯 Vous reconnaissez-vous dans ce portrait ?\u003c\/h2\u003e\n \u003cdiv class=\"larch-grid\"\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e🚫 Vous n'essayez même pas\u003c\/h3\u003e\n \u003cp\u003eAvant même de tenter quelque chose de nouveau, vous êtes convaincu que vous allez échouer. Alors vous préférez ne pas essayer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e👥 Vous admirez les autres\u003c\/h3\u003e\n \u003cp\u003eVous trouvez les autres plus compétents, plus talentueux, plus capables que vous. Eux peuvent y arriver, pas vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e🗣️ Vous dites souvent...\u003c\/h3\u003e\n \u003cp\u003e« Je ne suis pas capable », « Je n'y arriverai jamais », « C'est trop difficile pour moi », « Les autres sont meilleurs ».\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e🎭 Vous vous effacez\u003c\/h3\u003e\n \u003cp\u003eEn réunion, en société, vous restez en retrait. Vous avez des idées mais n'osez pas les partager par peur du jugement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SITUATIONS CONCRÈTES --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e📋 Dans quelles situations le mélèze peut vous aider ?\u003c\/h2\u003e\n \u003cdiv class=\"larch-situations-grid\"\u003e\n \u003cdiv class=\"larch-situation-col\"\u003e\n \u003ch3\u003e💼 Vie professionnelle\u003c\/h3\u003e\n \u003cul class=\"larch-list\"\u003e\n \u003cli\u003e📝 Passer un entretien d'embauche\u003c\/li\u003e\n \u003cli\u003e📊 Présenter un projet devant un groupe\u003c\/li\u003e\n \u003cli\u003e🚀 Demander une promotion ou une augmentation\u003c\/li\u003e\n \u003cli\u003e💡 Proposer vos idées en réunion\u003c\/li\u003e\n \u003cli\u003e🎯 Postuler à un poste qui vous fait envie\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-situation-col\"\u003e\n \u003ch3\u003e📚 Apprentissage et examens\u003c\/h3\u003e\n \u003cul class=\"larch-list\"\u003e\n \u003cli\u003e🎓 Préparer un examen ou un concours\u003c\/li\u003e\n \u003cli\u003e🚗 Passer le permis de conduire\u003c\/li\u003e\n \u003cli\u003e🎹 Apprendre un instrument de musique\u003c\/li\u003e\n \u003cli\u003e🗣️ Prendre la parole en public\u003c\/li\u003e\n \u003cli\u003e🌍 Oser parler une langue étrangère\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-situation-col\"\u003e\n \u003ch3\u003e❤️ Vie personnelle\u003c\/h3\u003e\n \u003cul class=\"larch-list\"\u003e\n \u003cli\u003e💕 Aborder quelqu'un qui vous plaît\u003c\/li\u003e\n \u003cli\u003e🎨 Vous lancer dans une activité créative\u003c\/li\u003e\n \u003cli\u003e⚽ Reprendre le sport sans complexe\u003c\/li\u003e\n \u003cli\u003e🎉 Participer activement à des événements sociaux\u003c\/li\u003e\n \u003cli\u003e✋ Oser dire non et poser vos limites\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-note\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003ePoint important :\u003c\/strong\u003e Le manque de confiance lié au Mélèze n'est pas de la timidité sociale (plutôt Mimulus) ni de la dévalorisation après un échec (Gentiane). C'est une \u003cstrong\u003ecertitude anticipée d'échec\u003c\/strong\u003e qui empêche même de tenter sa chance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de la fleur de Bach mélèze\u003c\/h2\u003e\n \u003cdiv class=\"larch-benefits\"\u003e\n \u003cdiv class=\"larch-benefit\"\u003e\n \u003cspan class=\"larch-benefit-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"larch-benefit-content\"\u003e\n \u003ch3\u003eRestaure la confiance en vos capacités\u003c\/h3\u003e\n \u003cp\u003eVous prenez conscience que vous avez autant de chances de réussir que n'importe qui d'autre. Vos compétences existent, il suffit d'y croire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-benefit\"\u003e\n \u003cspan class=\"larch-benefit-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"larch-benefit-content\"\u003e\n \u003ch3\u003eLibère l'audace d'essayer\u003c\/h3\u003e\n \u003cp\u003eVous osez enfin vous lancer dans de nouveaux projets. L'échec n'est plus une fatalité mais une possibilité d'apprentissage comme une autre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-benefit\"\u003e\n \u003cspan class=\"larch-benefit-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"larch-benefit-content\"\u003e\n \u003ch3\u003eTransforme le regard sur vous-même\u003c\/h3\u003e\n \u003cp\u003eVous cessez de vous comparer défavorablement aux autres. Vous reconnaissez vos qualités, vos talents et votre valeur unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-benefit\"\u003e\n \u003cspan class=\"larch-benefit-num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"larch-benefit-content\"\u003e\n \u003ch3\u003ePermet de saisir les opportunités\u003c\/h3\u003e\n \u003cp\u003eLes occasions que vous laissiez passer deviennent des portes que vous osez pousser. Votre vie s'ouvre à de nouvelles possibilités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- AVANT \/ APRÈS --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e🔄 La transformation intérieure\u003c\/h2\u003e\n \u003cdiv class=\"larch-grid\"\u003e\n \u003cdiv class=\"larch-card larch-card-before\"\u003e\n \u003ch3\u003e❌ Avant : l'état négatif\u003c\/h3\u003e\n \u003cul class=\"larch-list\"\u003e\n \u003cli\u003e« Je suis sûr de ne pas y arriver »\u003c\/li\u003e\n \u003cli\u003e« Les autres sont plus doués que moi »\u003c\/li\u003e\n \u003cli\u003e« Ce n'est même pas la peine d'essayer »\u003c\/li\u003e\n \u003cli\u003e« Je ne suis pas fait pour ça »\u003c\/li\u003e\n \u003cli\u003e« Je vais me ridiculiser »\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card larch-card-after\"\u003e\n \u003ch3\u003e✅ Après : l'état positif\u003c\/h3\u003e\n \u003cul class=\"larch-list\"\u003e\n \u003cli\u003e« Je tente ma chance, on verra bien »\u003c\/li\u003e\n \u003cli\u003e« J'ai mes propres qualités à faire valoir »\u003c\/li\u003e\n \u003cli\u003e« Si je n'essaie pas, je ne saurai jamais »\u003c\/li\u003e\n \u003cli\u003e« J'apprends de mes erreurs comme tout le monde »\u003c\/li\u003e\n \u003cli\u003e« Je mérite autant que les autres de réussir »\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e🌿 Composition certifiée biologique\u003c\/h2\u003e\n \u003cdiv class=\"larch-composition\"\u003e\n \u003cdiv class=\"larch-ingredient\"\u003e\n \u003cdiv class=\"larch-ingredient-info\"\u003e\n \u003ch3\u003e🍷 Brandy bio\u003c\/h3\u003e\n \u003cspan class=\"larch-tag\"\u003e40% vol\u003c\/span\u003e\n \u003cp\u003eAlcool de raisin biologique servant de conservateur naturel, comme le préconisait le Docteur Bach dans ses préparations originales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-ingredient\"\u003e\n \u003cdiv class=\"larch-ingredient-info\"\u003e\n \u003ch3\u003e🌲 Larix decidua bio\u003c\/h3\u003e\n \u003cspan class=\"larch-tag\"\u003eDilution 1\/250ème\u003c\/span\u003e\n \u003cp\u003eExtrait aqueux de fleurs de Mélèze préparé selon la méthode traditionnelle définie par le Docteur Edward Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-method-box\"\u003e\n \u003ch4\u003e💦 La méthode d'ébullition\u003c\/h4\u003e\n \u003cp\u003eLe Mélèze fait partie des fleurs préparées par \u003cstrong\u003eébullition\u003c\/strong\u003e. Les rameaux portant les fleurs sont cueillis au printemps puis bouillis pendant 30 minutes dans de l'eau de source pure. Cette méthode, définie par le Docteur Bach pour les arbres et arbustes à floraison précoce, permet d'extraire l'essence vibratoire de la plante avec toute sa puissance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e💧 Comment prendre la fleur de Bach mélèze ?\u003c\/h2\u003e\n \u003cdiv class=\"larch-usage\"\u003e\n \u003cdiv class=\"larch-dosage\"\u003e\n \u003cspan class=\"larch-dosage-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"larch-dosage-text\"\u003e\n \u003cspan class=\"larch-dosage-label\"\u003egouttes\u003c\/span\u003e\n \u003cspan class=\"larch-dosage-freq\"\u003e4 fois par jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-usage-steps\"\u003e\n \u003cdiv class=\"larch-step\"\u003e\n \u003cspan class=\"larch-step-icon\"\u003e👅\u003c\/span\u003e\n \u003cp\u003eDirectement sous la langue pour une absorption rapide et optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-step\"\u003e\n \u003cspan class=\"larch-step-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003eOu diluées dans un verre d'eau à boire par petites gorgées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-step\"\u003e\n \u003cspan class=\"larch-step-icon\"\u003e⏰\u003c\/span\u003e\n \u003cp\u003eIdéalement au réveil, à midi, en fin d'après-midi et au coucher\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-scenarios\"\u003e\n \u003ch3\u003e📌 Conseils d'utilisation selon vos besoins\u003c\/h3\u003e\n \u003cdiv class=\"larch-grid\"\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e📅 Événement ponctuel\u003c\/h3\u003e\n \u003cp\u003eEntretien, examen, présentation : commencez \u003cstrong\u003equelques jours avant\u003c\/strong\u003e. Le jour J, prenez 4 gouttes supplémentaires juste avant l'épreuve.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e🔄 Manque de confiance chronique\u003c\/h3\u003e\n \u003cp\u003ePour un travail de fond sur l'estime de soi, suivez une \u003cstrong\u003ecure de 3 semaines minimum\u003c\/strong\u003e, renouvelable selon votre ressenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e🎯 Période de transition\u003c\/h3\u003e\n \u003cp\u003eNouveau travail, reconversion, reprise d'activité : accompagnez-vous \u003cstrong\u003ependant toute la phase d'adaptation\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- DIFFÉRENCES AVEC D'AUTRES FLEURS --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e🤔 Mélèze, Mimulus ou Gentiane : quelle fleur choisir ?\u003c\/h2\u003e\n \u003cp class=\"larch-intro-text\"\u003ePlusieurs fleurs de Bach semblent liées à la confiance. Voici comment les distinguer :\u003c\/p\u003e\n \u003cdiv class=\"larch-comparison-grid\"\u003e\n \u003cdiv class=\"larch-comparison-card larch-comparison-star\"\u003e\n \u003ch4\u003e🌲 Mélèze (n°19)\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003e\u003cstrong\u003eManque de confiance en soi\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003eCertitude d'échec avant même d'essayer\u003c\/li\u003e\n \u003cli\u003eSe sent inférieur aux autres\u003c\/li\u003e\n \u003cli\u003eN'ose pas se lancer\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-comparison-card larch-comparison-pink\"\u003e\n \u003ch4\u003e🌸 Mimulus (n°20)\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003e\u003cstrong\u003ePeurs identifiées\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003eTimidité face aux autres\u003c\/li\u003e\n \u003cli\u003eCraintes précises (animaux, maladie...)\u003c\/li\u003e\n \u003cli\u003eAppréhension des situations sociales\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-comparison-card larch-comparison-green\"\u003e\n \u003ch4\u003e🌼 Gentiane (n°12)\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003e\u003cstrong\u003eDécouragement après échec\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003eDoute suite à un obstacle\u003c\/li\u003e\n \u003cli\u003ePessimisme face aux difficultés\u003c\/li\u003e\n \u003cli\u003ePerd confiance après un revers\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ASSOCIATIONS RECOMMANDÉES --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e💫 Associations pour renforcer les bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"larch-grid\"\u003e\n \u003cdiv class=\"larch-card larch-card-highlight\"\u003e\n \u003ch3\u003e🌲 Mélèze + Mimulus\u003c\/h3\u003e\n \u003cp\u003eSi votre manque de confiance s'accompagne de \u003cstrong\u003etimidité sociale\u003c\/strong\u003e ou de peurs face aux autres. L'association idéale pour les personnes réservées qui doutent d'elles-mêmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card larch-card-highlight\"\u003e\n \u003ch3\u003e🌲 Mélèze + Centaurée\u003c\/h3\u003e\n \u003cp\u003eSi vous n'osez pas vous affirmer et avez tendance à \u003cstrong\u003evous effacer devant les autres\u003c\/strong\u003e. Pour retrouver confiance et apprendre à poser vos limites.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card larch-card-highlight\"\u003e\n \u003ch3\u003e🌲 Mélèze + Noyer\u003c\/h3\u003e\n \u003cp\u003eEn période de \u003cstrong\u003echangement de vie\u003c\/strong\u003e où vous doutez de votre capacité à vous adapter. Pour traverser les transitions avec assurance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-note\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eBon à savoir :\u003c\/strong\u003e Vous pouvez combiner jusqu'à 6 ou 7 fleurs de Bach différentes pour créer un mélange personnalisé adapté à votre situation unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- FAQ ACCORDÉON --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"larch-accordion\"\u003e\n \u003cdetails class=\"larch-accordion-item\"\u003e\n \u003csummary class=\"larch-accordion-header\"\u003e🏔️ Qui est la Distillerie Saint-Hilaire ?\u003c\/summary\u003e\n \u003cdiv class=\"larch-accordion-content\"\u003e\n \u003cp\u003eInstallée au cœur des \u003cstrong\u003evolcans d'Auvergne\u003c\/strong\u003e, la Distillerie Saint-Hilaire perpétue depuis des années la tradition des élixirs floraux. Chaque fleur est récoltée à la main au moment optimal de sa floraison, puis préparée selon la \u003cstrong\u003eméthode originale du Docteur Bach\u003c\/strong\u003e. La certification biologique et le savoir-faire artisanal garantissent des produits d'une qualité exceptionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"larch-accordion-item\"\u003e\n \u003csummary class=\"larch-accordion-header\"\u003e⏳ Au bout de combien de temps vais-je ressentir les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"larch-accordion-content\"\u003e\n \u003cp\u003eChaque personne réagit différemment. Certains ressentent un \u003cstrong\u003eregain de confiance dès les premiers jours\u003c\/strong\u003e, d'autres après 2 à 3 semaines d'utilisation régulière. Pour un manque de confiance ancré depuis longtemps, comptez plusieurs semaines de prise quotidienne pour observer des changements durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"larch-accordion-item\"\u003e\n \u003csummary class=\"larch-accordion-header\"\u003e👶 Convient-elle aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"larch-accordion-content\"\u003e\n \u003cp\u003eLe Mélèze est particulièrement indiqué pour les \u003cstrong\u003eenfants qui se dévalorisent\u003c\/strong\u003e, qui n'osent pas participer en classe ou qui disent « je suis nul ». Chez les plus petits, diluez les gouttes dans un verre d'eau ou de jus de fruit pour éviter le goût de l'alcool. Demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"larch-accordion-item\"\u003e\n \u003csummary class=\"larch-accordion-header\"\u003e🤰 Puis-je l'utiliser enceinte ou allaitante ?\u003c\/summary\u003e\n \u003cdiv class=\"larch-accordion-content\"\u003e\n \u003cp\u003eLes fleurs de Bach contiennent de l'alcool (40% vol). Si vous êtes enceinte ou allaitante, \u003cstrong\u003edemandez l'avis de votre médecin ou sage-femme\u003c\/strong\u003e avant utilisation. Certaines femmes diluent les gouttes dans une boisson chaude pour faire évaporer une partie de l'alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"larch-accordion-item\"\u003e\n \u003csummary class=\"larch-accordion-header\"\u003e💊 Y a-t-il des interactions avec des médicaments ?\u003c\/summary\u003e\n \u003cdiv class=\"larch-accordion-content\"\u003e\n \u003cp\u003eLes fleurs de Bach n'ont \u003cstrong\u003epas d'interactions connues\u003c\/strong\u003e avec les médicaments. Elles agissent sur le plan émotionnel et ne contiennent pas de principes actifs pharmacologiques. Toutefois, elles ne remplacent pas un traitement médical prescrit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"larch-accordion\"\u003e\n \u003cdetails class=\"larch-accordion-item\"\u003e\n \u003csummary class=\"larch-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"larch-accordion-content\"\u003e\n \u003cp\u003eConservez votre élixir à \u003cstrong\u003etempérature ambiante\u003c\/strong\u003e (15-25°C), à l'abri de la lumière directe du soleil et des sources de chaleur. Éloignez-le des appareils électriques et électromagnétiques. Bien refermé, le flacon se conserve plusieurs années grâce à sa teneur en alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"larch-accordion-item\"\u003e\n \u003csummary class=\"larch-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"larch-accordion-content\"\u003e\n \u003cul\u003e\n \u003cli\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eContient de l'alcool\u003c\/strong\u003e (40% vol) : déconseillé aux personnes en sevrage alcoolique\u003c\/li\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n \u003cli\u003eLes fleurs de Bach ne remplacent pas une consultation médicale ou psychologique si nécessaire\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003cdiv class=\"larch-grid-compact\"\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003e20 ml avec compte-gouttes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e🔢 Classification\u003c\/h3\u003e\n \u003cp\u003eBach n°19 - Larch\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e⏱️ Durée moyenne\u003c\/h3\u003e\n \u003cp\u003e3 à 4 semaines d'utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-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!-- CTA FINAL --\u003e\n \u003csection class=\"larch-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"larch-cta-box\"\u003e\n \u003cspan class=\"larch-cta-icon\"\u003e🌲\u003c\/span\u003e\n \u003cp\u003eEt si vous osiez enfin \u003cstrong\u003ecroire en vous\u003c\/strong\u003e ?\u003cbr\u003eLe Mélèze vous accompagne pour révéler le potentiel que vous portez en vous.\u003c\/p\u003e\n \u003cspan class=\"larch-cta-tagline\"\u003eVous avez en vous toutes les ressources pour réussir – il est temps de vous en rendre compte\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --larch-cream: #FAF8F3;\n --larch-white: #ffffff;\n --larch-primary: #8B4513;\n --larch-primary-dark: #5D2E0C;\n --larch-primary-light: #F5EDE6;\n --larch-secondary: #C4A035;\n --larch-secondary-dark: #9A7D28;\n --larch-secondary-light: #FDF8E8;\n --larch-accent: #2D5A3D;\n --larch-accent-light: #E8F2EC;\n --larch-text: #1a1a1a;\n --larch-text-light: #5a5a5a;\n --larch-border: #e8e4dc;\n --larch-shadow: 0 4px 24px rgba(93,46,12,.08);\n --larch-shadow-lg: 0 12px 48px rgba(93,46,12,.15);\n --larch-radius: 20px;\n --larch-radius-sm: 12px;\n}\n\n.larch-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--larch-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.larch-premium * {\n box-sizing: border-box;\n}\n\n.larch-hero {\n position: relative;\n background: linear-gradient(135deg, var(--larch-accent) 0%, var(--larch-primary) 50%, var(--larch-secondary-dark) 100%);\n border-radius: var(--larch-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(--larch-shadow-lg);\n}\n\n.larch-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(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n}\n\n.larch-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.larch-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.larch-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(--larch-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.larch-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.larch-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 30px rgba(0,0,0,.25);\n}\n\n.larch-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.larch-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.larch-hero-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.larch-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: white;\n}\n\n.larch-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.larch-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--larch-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.larch-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(--larch-accent), var(--larch-secondary));\n border-radius: 2px;\n}\n\n.larch-intro-box {\n background: var(--larch-white);\n border-radius: var(--larch-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--larch-shadow);\n border-left: 4px solid var(--larch-accent);\n}\n\n.larch-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin: 0;\n color: var(--larch-text);\n}\n\n.larch-intro-text {\n font-size: 16px;\n color: var(--larch-text);\n text-align: center;\n margin-bottom: 1.5rem;\n}\n\n.larch-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.larch-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.larch-card {\n background: var(--larch-white);\n border-radius: var(--larch-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--larch-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.larch-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--larch-shadow-lg);\n border-color: var(--larch-accent);\n}\n\n.larch-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--larch-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.larch-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--larch-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.larch-card-highlight {\n background: linear-gradient(135deg, var(--larch-white) 0%, var(--larch-accent-light) 100%);\n border: 2px solid var(--larch-accent);\n}\n\n.larch-card-before {\n background: linear-gradient(135deg, var(--larch-white) 0%, #ffe8e8 100%);\n border-left: 4px solid #c0392b;\n}\n\n.larch-card-after {\n background: linear-gradient(135deg, var(--larch-white) 0%, #e8f5e9 100%);\n border-left: 4px solid #27ae60;\n}\n\n.larch-card-before h3,\n.larch-card-after h3 {\n text-align: left;\n}\n\n.larch-card-before .larch-list,\n.larch-card-after .larch-list {\n text-align: left;\n}\n\n.larch-grid-compact .larch-card {\n padding: 1rem;\n}\n\n.larch-grid-compact .larch-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.larch-grid-compact .larch-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--larch-primary-dark);\n}\n\n.larch-situations-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.larch-situation-col {\n background: var(--larch-white);\n border-radius: var(--larch-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--larch-shadow);\n}\n\n.larch-situation-col h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--larch-primary-dark);\n margin: 0 0 1rem 0;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--larch-accent-light);\n}\n\n.larch-list {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.larch-list li {\n padding: .5rem 0;\n font-size: 14px;\n color: var(--larch-text);\n border-bottom: 1px solid var(--larch-border);\n}\n\n.larch-list li:last-child {\n border-bottom: none;\n}\n\n.larch-note {\n background: var(--larch-secondary-light);\n border-radius: var(--larch-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n border-left: 4px solid var(--larch-secondary);\n}\n\n.larch-note p {\n font-size: 14px;\n color: var(--larch-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.larch-benefits {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.larch-benefit {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--larch-white);\n border-radius: var(--larch-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--larch-shadow);\n border-left: 4px solid var(--larch-accent);\n transition: all .3s ease;\n}\n\n.larch-benefit:hover {\n transform: translateX(8px);\n box-shadow: var(--larch-shadow-lg);\n}\n\n.larch-benefit-num {\n font-size: 32px;\n font-weight: 900;\n color: var(--larch-accent);\n opacity: .7;\n line-height: 1;\n min-width: 50px;\n}\n\n.larch-benefit-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--larch-primary-dark);\n margin: 0 0 .5rem 0;\n text-align: left;\n}\n\n.larch-benefit-content p {\n font-size: 14px;\n color: var(--larch-text-light);\n margin: 0;\n line-height: 1.6;\n text-align: left;\n}\n\n.larch-composition {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.larch-ingredient {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--larch-white);\n border-radius: var(--larch-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--larch-shadow);\n transition: all .3s ease;\n}\n\n.larch-ingredient:hover {\n transform: translateY(-5px);\n box-shadow: var(--larch-shadow-lg);\n}\n\n.larch-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.larch-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--larch-primary-dark);\n margin: 0 0 .25rem 0;\n text-align: left;\n}\n\n.larch-tag {\n display: inline-block;\n background: var(--larch-accent-light);\n color: var(--larch-accent);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.larch-ingredient-info p {\n font-size: 14px;\n color: var(--larch-text-light);\n margin: 0;\n line-height: 1.5;\n text-align: left;\n}\n\n.larch-method-box {\n background: linear-gradient(135deg, var(--larch-accent-light) 0%, var(--larch-white) 100%);\n border-radius: var(--larch-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--larch-accent);\n}\n\n.larch-method-box h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--larch-accent);\n margin: 0 0 .75rem 0;\n}\n\n.larch-method-box p {\n font-size: 14px;\n color: var(--larch-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.larch-usage {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n margin-bottom: 1.5rem;\n align-items: center;\n}\n\n.larch-dosage {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--larch-accent) 0%, var(--larch-primary-dark) 100%);\n border-radius: var(--larch-radius);\n padding: 2rem 2.5rem;\n box-shadow: var(--larch-shadow-lg);\n}\n\n.larch-dosage-number {\n font-size: 72px;\n font-weight: 900;\n color: white;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.larch-dosage-text {\n display: flex;\n flex-direction: column;\n}\n\n.larch-dosage-label {\n font-size: 24px;\n font-weight: 700;\n color: white;\n line-height: 1.2;\n}\n\n.larch-dosage-freq {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n}\n\n.larch-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.larch-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--larch-white);\n border-radius: var(--larch-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--larch-shadow);\n transition: all .3s ease;\n}\n\n.larch-step:hover {\n transform: translateX(5px);\n}\n\n.larch-step-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.larch-step p {\n font-size: 14px;\n color: var(--larch-text);\n margin: 0;\n font-weight: 500;\n}\n\n.larch-scenarios {\n background: var(--larch-white);\n border-radius: var(--larch-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--larch-shadow);\n}\n\n.larch-scenarios \u003e h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--larch-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.larch-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.larch-comparison-card {\n padding: 1.5rem;\n border-radius: var(--larch-radius-sm);\n}\n\n.larch-comparison-star {\n background: var(--larch-accent-light);\n border: 2px solid var(--larch-accent);\n}\n\n.larch-comparison-pink {\n background: #FFF0F5;\n border: 2px solid #DB7093;\n}\n\n.larch-comparison-green {\n background: var(--larch-secondary-light);\n border: 2px solid var(--larch-secondary);\n}\n\n.larch-comparison-card h4 {\n font-size: 15px;\n font-weight: 800;\n margin: 0 0 1rem 0;\n color: var(--larch-primary-dark);\n}\n\n.larch-comparison-card ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.larch-comparison-card li {\n font-size: 13px;\n color: var(--larch-text-light);\n padding: .4rem 0 .4rem 1.25rem;\n position: relative;\n line-height: 1.5;\n}\n\n.larch-comparison-card li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--larch-accent);\n font-weight: bold;\n font-size: 12px;\n}\n\n.larch-accordion {\n background: var(--larch-white);\n border-radius: var(--larch-radius);\n box-shadow: var(--larch-shadow);\n overflow: hidden;\n}\n\n.larch-accordion-item {\n border-bottom: 1px solid var(--larch-border);\n margin: 0;\n padding: 0;\n}\n\n.larch-accordion-item:last-child {\n border-bottom: none;\n}\n\n.larch-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--larch-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.larch-accordion-header:hover {\n background: var(--larch-primary-light);\n}\n\n.larch-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.larch-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--larch-accent);\n transition: transform .2s ease;\n}\n\n.larch-accordion-item[open] .larch-accordion-header::after {\n content: '−';\n}\n\n.larch-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--larch-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.larch-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.larch-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.larch-accordion-content ul {\n margin: .75rem 0 0 0;\n padding-left: 1.25rem;\n}\n\n.larch-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.larch-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n.larch-cta-box {\n background: linear-gradient(135deg, var(--larch-accent) 0%, var(--larch-primary) 50%, var(--larch-secondary-dark) 100%);\n border-radius: var(--larch-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--larch-shadow-lg);\n}\n\n.larch-cta-icon {\n display: block;\n font-size: 56px;\n margin-bottom: 1.5rem;\n animation: larchFloat 3s ease-in-out infinite;\n}\n\n@keyframes larchFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n.larch-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0 0 1.5rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.larch-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 10px 24px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .larch-card {\n animation: larchFadeInUp .5s ease backwards;\n }\n .larch-card:nth-child(1) { animation-delay: .05s; }\n .larch-card:nth-child(2) { animation-delay: .1s; }\n .larch-card:nth-child(3) { animation-delay: .15s; }\n .larch-card:nth-child(4) { animation-delay: .2s; }\n .larch-card:nth-child(5) { animation-delay: .25s; }\n .larch-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes larchFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 767px) {\n .larch-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .larch-grid-compact {\n gap: .625rem;\n }\n \n .larch-grid-compact .larch-card {\n padding: .75rem;\n }\n \n .larch-card {\n padding: 1.125rem;\n }\n \n .larch-section {\n margin-bottom: 1.75rem;\n }\n \n .larch-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--larch-radius-sm);\n }\n \n .larch-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .larch-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .larch-usage {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .larch-dosage {\n justify-content: center;\n padding: 1.5rem 2rem;\n }\n \n .larch-dosage-number {\n font-size: 56px;\n }\n \n .larch-situations-grid,\n .larch-composition,\n .larch-comparison-grid {\n grid-template-columns: 1fr;\n }\n \n .larch-benefit {\n gap: 1rem;\n }\n \n .larch-benefit-num {\n font-size: 24px;\n min-width: 40px;\n }\n \n .larch-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .larch-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .larch-badges-top {\n gap: 8px;\n }\n \n .larch-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n \n .larch-hero-details {\n flex-direction: column;\n align-items: center;\n }\n \n .larch-ingredient {\n flex-direction: column;\n text-align: center;\n }\n \n .larch-ingredient-info h3,\n .larch-ingredient-info p {\n text-align: center;\n }\n \n .larch-method-box {\n text-align: center;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .larch-premium *,\n .larch-cta-icon {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56475035304313,"sku":"AIDSH0072","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Canva_Fleur_de_Bach_dame_saint_hilaire_3.jpg?v=1767971214"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/logo-distillerie-saint-hilaire.png?v=1756389816","url":"https:\/\/www.naturellement-bio.com\/collections\/saint-hilaire.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}