{"title":"Dioter","description":"\n \u003ch2\u003eVos questions sur le laboratoire Dioter, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdetails\u003e\n \u003csummary\u003eLes produits Dioter sont-ils adaptés à un usage prolongé ?\u003c\/summary\u003e\n \u003cp\u003eOui, la plupart des compléments Dioter peuvent être utilisés en cure ou sur de longues périodes, à condition de respecter les conseils d’utilisation. En cas de traitement médical, demandez toujours un avis professionnel.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003eDioter propose-t-il des produits certifiés bio ?\u003c\/summary\u003e\n \u003cp\u003eOui, plusieurs gammes sont certifiées bio : Fleurs de Bach Auraflor®, Originel Kid®, certaines synergies de plantes, etc.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003eOù sont fabriqués les compléments Dioter ?\u003c\/summary\u003e\n \u003cp\u003eTous les produits sont fabriqués en France, dans le respect des normes de sécurité et de qualité.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003eQuels sont les avantages du silicium organique ?\u003c\/summary\u003e\n \u003cp\u003eLe silicium organique contribue à la santé des articulations, des os, de la peau, et soutient le vieillissement harmonieux. Il est plébiscité pour sa tolérance et son efficacité, en complément d’une bonne hygiène de vie.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003ePourquoi choisir Dioter pour les Oméga 3 ?\u003c\/summary\u003e\n \u003cp\u003eLeur Diomega® est concentré, pur, et garanti sans polluant. Idéal pour l’équilibre du cœur, du cerveau et de la vision, avec une sécurité totale sur l’origine et la fabrication.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003ePuis-je associer plusieurs produits Dioter ?\u003c\/summary\u003e\n \u003cp\u003eOui, la plupart des associations sont compatibles (ex : Oméga 3 + silicium + EPP). Il suffit de suivre les recommandations de la marque et de demander un avis professionnel en cas de doute.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003eUn conseil pour bien démarrer une cure Dioter ?\u003c\/summary\u003e\n \u003cp\u003eCommencez toujours doucement, observez votre ressenti, et privilégiez la régularité. Notre équipe est là pour répondre à toutes vos questions !\u003c\/p\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003ch2 class=\"mt-3\"\u003eLaboratoire Dioter : l’exigence française pour votre bien-être naturel\u003c\/h2\u003e\n \u003cp\u003e\n Si vous cherchez une marque de confiance pour accompagner votre santé au quotidien, Dioter s’impose naturellement. Ce laboratoire, basé à Mouans-Sartoux dans les Alpes-Maritimes, cultive depuis plus de 20 ans l’art de l’extraction végétale et marine pour vous offrir le meilleur des compléments alimentaires naturels, certifiés ou issus de filières responsables.\n \u003c\/p\u003e\n \u003cp\u003e\n Ici, on ne fait pas dans le gadget ou l’effet de mode : chaque gamme Dioter repose sur des actifs reconnus, des ingrédients rigoureusement sélectionnés, et un véritable souci de l’efficacité… Sans jamais céder sur la sécurité ni la traçabilité.\n \u003c\/p\u003e\n \u003chr class=\"mt-3\"\u003e\n\n \u003ch2\u003eDes gammes complètes pour tous vos besoins\u003c\/h2\u003e\n \u003cul\u003e\n \u003cli class=\"mb-2\"\u003e🟢 \u003cstrong\u003eOméga 3 Diomega®\u003c\/strong\u003e : pour l’équilibre cardiovasculaire, le cerveau, la vitalité\u003c\/li\u003e\n \u003cli class=\"mb-2\"\u003e🟣 \u003cstrong\u003eSilicium organique (Silamax®, Silicuma®, Silacaps®…)\u003c\/strong\u003e : soutien articulaire, beauté de la peau, reminéralisation\u003c\/li\u003e\n \u003cli class=\"mb-2\"\u003e🍋 \u003cstrong\u003eExtrait de pépin de pamplemousse (EPP Originel®)\u003c\/strong\u003e : défenses naturelles, hygiène intestinale\u003c\/li\u003e\n \u003cli class=\"mb-2\"\u003e🌸 \u003cstrong\u003eFleurs de Bach Bio Auraflor®\u003c\/strong\u003e : gestion émotionnelle, équilibre intérieur\u003c\/li\u003e\n \u003cli class=\"mb-2\"\u003e🌱 \u003cstrong\u003eSynergies de plantes bio\u003c\/strong\u003e : digestion, sommeil, drainage, immunité\u003c\/li\u003e\n \u003cli class=\"mb-2\"\u003e👶 \u003cstrong\u003eGamme Enfant Originel Kid®\u003c\/strong\u003e : des solutions douces et sûres, certifiées bio\u003c\/li\u003e\n \u003cli class=\"mb-2\"\u003e💧 \u003cstrong\u003eCosmétiques naturels au silicium\u003c\/strong\u003e : Silagencyl®, Silharpagel®, Silajambe®, L2S®…\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\n Plantes, extraits, minéraux… Tout est pensé pour répondre simplement et efficacement à vos besoins, à chaque étape de la vie.\n \u003c\/p\u003e\n \u003chr class=\"mt-3\"\u003e\n\n \u003ch2\u003eComment choisir votre complément Dioter ?\u003c\/h2\u003e\n \u003cdiv style=\"overflow-x:auto;\"\u003e\n \u003ctable style=\"min-width:680px;width:100%;margin-bottom:1.3em;border-collapse:collapse;font-size:1em;\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth style=\"background:#f8f6f2;border-bottom:2px solid #e3dcd2;padding:10px 12px;text-align:left;\"\u003eBesoin \/ Objectif\u003c\/th\u003e\n \u003cth style=\"background:#f8f6f2;border-bottom:2px solid #e3dcd2;padding:10px 12px;text-align:left;\"\u003eProduit Dioter conseillé\u003c\/th\u003e\n \u003cth style=\"background:#f8f6f2;border-bottom:2px solid #e3dcd2;padding:10px 12px;text-align:left;\"\u003ePetit conseil pratique\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003eCœur, cerveau, vitalité\u003c\/td\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003eOméga 3 Diomega®\u003c\/td\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003ePour tous, en cure ou à l’année, surtout si l’alimentation manque de poissons gras.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003eArticulations, mobilité\u003c\/td\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003eSilamax®, Silicuma®, Silacaps®\u003c\/td\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003eEn prévention ou en accompagnement d’un inconfort articulaire, après 40 ans ou chez le sportif.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003eDéfenses naturelles\u003c\/td\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003eEPP Originel®, Propolis Originel®\u003c\/td\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003eIdéal aux changements de saison ou en période de fatigue.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003eGestion du stress, émotions\u003c\/td\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003eFleurs de Bach Auraflor®\u003c\/td\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003ePour toute la famille, y compris enfants et animaux sensibles.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003ePeau, beauté, cicatrisation\u003c\/td\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003eSilagencyl®, Silachoc®, Silajambe®\u003c\/td\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003eEn application locale, pour la souplesse et la réparation cutanée.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003eBien-être enfant\u003c\/td\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003eOriginel Kid®\u003c\/td\u003e\n \u003ctd style=\"padding:9px 12px;border-bottom:1px solid #eee;\"\u003eDes formules bio, pensées pour la douceur et l’équilibre au quotidien.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003cp\u003e\n Besoin d’un conseil ? N’hésitez jamais à nous contacter, c’est notre métier de vous orienter selon vos attentes, votre âge ou vos éventuelles restrictions alimentaires.\n \u003c\/p\u003e\n \u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eNotre coup de cœur Dioter : Thym Originel\u003csup\u003e®\u003c\/sup\u003e, la force des plantes en flacon\u003c\/h2\u003e\n\u003cp\u003e\n Si l’on devait ne retenir qu’un allié naturel pour la vitalité et l’immunité au quotidien, \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/thym-originel-100-ml-dioter\" target=\"_blank\"\u003e\u003cstrong\u003eThym Originel\u003csup\u003e®\u003c\/sup\u003e Dioter\u003c\/strong\u003e\u003c\/a\u003e s’impose sans hésiter. Formulé à partir d’extrait aqueux de thym bio, ce concentré végétal accompagne chaque changement de saison ou période de fatigue, en soutenant les défenses naturelles et la sphère respiratoire. \n\u003c\/p\u003e\n\u003cp\u003e\n Ce que l’on aime vraiment ? Sa formule ultra pure, garantie sans alcool ni conservateur, sa fabrication française et sa polyvalence d’utilisation : aussi bien pour renforcer l’organisme que pour soutenir le confort de la gorge ou des bronches. Une solution simple, efficace et naturelle, adoptée par toute la famille dès les premiers frissons ou coups de mou.\n\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n","products":[{"product_id":"thym-originel-100-ml-dioter","title":"Thym Originel 100 ml (extrait de Thym) - Dioter","description":"\u003cdiv class=\"th-premium\"\u003e\n\n\u003cdiv class=\"th-hero\"\u003e\n\u003cdiv class=\"th-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"th-hero-content\"\u003e\n\u003cdiv class=\"th-badges-top\"\u003e\n\u003cspan class=\"th-badge\"\u003e🇫🇷 Thym français\u003c\/span\u003e\n\u003cspan class=\"th-badge\"\u003e🌿 Sans alcool\u003c\/span\u003e\n\u003cspan class=\"th-badge\"\u003e🧪 Laboratoire Dioter\u003c\/span\u003e\n\u003cspan class=\"th-badge\"\u003e💧 100 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"th-hero-title\"\u003eThym Originel 100 ml\u003c\/span\u003e\n\u003cp class=\"th-subtitle\"\u003eExtrait de thym liquide concentré\u003c\/p\u003e\n\u003cp class=\"th-description\"\u003eUn concentré puissant de thym français, sans alcool ni conservateurs, pour soutenir vos défenses naturelles et apaiser votre gorge au fil des saisons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003eExtrait de thym liquide : un concentré naturel pour vos défenses\u003c\/h2\u003e\n\u003cdiv class=\"th-testimonial\"\u003e\n\u003cp class=\"th-testimonial-text\"\u003eVous cherchez un allié naturel pour traverser sereinement les changements de saison ? Le \u003cstrong\u003eThym Originel\u003c\/strong\u003e du \u003cstrong\u003eLaboratoire Dioter\u003c\/strong\u003e est un \u003cstrong\u003eextrait de thym\u003c\/strong\u003e liquide concentré, formulé sans alcool et sans conservateurs, pour vous accompagner au quotidien. Issu de thym 100 % français, il associe la puissance des principes actifs du thym à la douceur d'une formule bien tolérée par toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003ePourquoi choisir cet extrait de thym ?\u003c\/h2\u003e\n\u003cp class=\"th-section-intro\"\u003eLe thym (\u003cem\u003eThymus vulgaris\u003c\/em\u003e) est l'une des plantes les plus réputées de la pharmacopée traditionnelle. Bien plus qu'un simple aromate, il renferme des composés précieux aux vertus reconnues.\u003c\/p\u003e\n\u003cdiv class=\"th-grid-compact\"\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🧬 Thymol\u003c\/h3\u003e\n\u003cp\u003eActif majeur du thym, reconnu pour ses propriétés assainissantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🛡️ Carvacrol\u003c\/h3\u003e\n\u003cp\u003eComposé puissant contribuant au confort respiratoire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🌸 Linalol\u003c\/h3\u003e\n\u003cp\u003ePrincipes actifs apaisants pour la gorge et les voies respiratoires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🍃 Géraniol \u0026amp; thujanol\u003c\/h3\u003e\n\u003cp\u003eActifs complémentaires pour une action synergique complète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-tip\"\u003e\n\u003cspan class=\"th-tip-icon\"\u003e⚗️\u003c\/span\u003e\n\u003cp\u003eCe qui distingue le Thym Originel, c'est sa \u003cstrong\u003eméthode d'extraction par macération\u003c\/strong\u003e. Contrairement aux simples infusions, cette technique capture une concentration optimale de principes actifs tout en préservant leur intégrité. Chaque lot est filtré avec soin pour garantir un produit pur et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003eLes bienfaits du Thym Originel Dioter\u003c\/h2\u003e\n\u003cdiv class=\"th-grid\"\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🛡️ Soutient le système immunitaire\u003c\/h3\u003e\n\u003cp\u003eGrâce à sa teneur en vitamine C naturelle (21 % des VNR par dose journalière), il renforce vos défenses au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e⚡ Aide à réduire la fatigue\u003c\/h3\u003e\n\u003cp\u003eContribue à retrouver un niveau d'énergie satisfaisant, idéal lors des périodes de surmenage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🫁 Apaise la gorge et les voies respiratoires\u003c\/h3\u003e\n\u003cp\u003eParticulièrement utile en période hivernale pour un confort respiratoire optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🍽️ Facilite la digestion\u003c\/h3\u003e\n\u003cp\u003eComme le veut l'usage traditionnel du thym, il soutient une digestion confortable après les repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🌿 Sans alcool, sans conservateurs\u003c\/h3\u003e\n\u003cp\u003eUne formule douce à base de glycérine végétale, adaptée aussi aux enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eÉlaboré à partir de thym d'origine française, par le Laboratoire Dioter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cdiv class=\"th-composition-box\"\u003e\n\u003cdiv class=\"th-composition-header\"\u003e\n\u003ch3\u003e🧪 Ingrédients\u003c\/h3\u003e\n\u003cp\u003eGlycérine végétale, extrait aqueux de thym (\u003cem\u003eThymus vulgaris\u003c\/em\u003e), vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-composition-detail\"\u003e\n\u003cdiv class=\"th-vnr-badge\"\u003e\n\u003cspan class=\"th-vnr-number\"\u003e21 %\u003c\/span\u003e\n\u003cspan class=\"th-vnr-label\"\u003edes VNR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-vnr-info\"\u003e\n\u003ch3\u003eApport pour 5 ml\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e17 mg de vitamine C\u003c\/strong\u003e, soit 21 % des Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-tip\"\u003e\n\u003cspan class=\"th-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa formule ne contient ni alcool, ni colorant, ni conservateur artificiel. La glycérine végétale sert à la fois de support d'extraction et de vecteur naturel pour les principes actifs du thym.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"th-timeline\"\u003e\n\u003cdiv class=\"th-timeline-item\"\u003e\n\u003cdiv class=\"th-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"th-timeline-content\"\u003e\n\u003ch3\u003e👨 Adultes\u003c\/h3\u003e\n\u003cp\u003e30 gouttes, 3 fois par jour, pures ou diluées dans un verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-timeline-item\"\u003e\n\u003cdiv class=\"th-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"th-timeline-content\"\u003e\n\u003ch3\u003e👶 Enfants\u003c\/h3\u003e\n\u003cp\u003e10 gouttes, 2 fois par jour. Possibilité de mélanger dans une boisson chaude ou froide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-timeline-item\"\u003e\n\u003cdiv class=\"th-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"th-timeline-content\"\u003e\n\u003ch3\u003e📅 Durée de la cure\u003c\/h3\u003e\n\u003cp\u003eCure recommandée de \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e, renouvelable selon les besoins. Un flacon de 100 ml correspond à environ \u003cstrong\u003e2 semaines d'utilisation\u003c\/strong\u003e pour un adulte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-tip\"\u003e\n\u003cspan class=\"th-tip-icon\"\u003e🍯\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e en période de froid, associez votre extrait de thym à une cuillère de \u003cstrong\u003emiel de thym liquide\u003c\/strong\u003e dans une tisane tiède. Vous obtiendrez une boisson réconfortante qui combine les vertus des deux produits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"th-accordion\"\u003e\n\u003cdetails class=\"th-accordion-item\" open\u003e\n\u003csummary class=\"th-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n\u003cdiv class=\"th-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée et équilibrée\u003c\/strong\u003e ni à un mode de vie sain. Ne dépassez pas la dose journalière recommandée. Conservez le flacon à l'abri de la chaleur après ouverture. Tenez hors de portée des jeunes enfants. En cas de doute, consultez votre médecin ou votre pharmacien avant utilisation, notamment en cas de grossesse ou d'allaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"th-grid-compact\"\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n\u003cp\u003eFlacon compte-gouttes de 100 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🌱 Origine du thym\u003c\/h3\u003e\n\u003cp\u003eFrance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n\u003cp\u003eLaboratoire Dioter, France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🧊 Conservation\u003c\/h3\u003e\n\u003cp\u003eAu frais après ouverture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"th-disclaimer\"\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\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --th-cream: #f7f5f0;\n --th-white: #ffffff;\n --th-primary: #5a8a3c;\n --th-primary-dark: #3d6b28;\n --th-primary-light: #edf5e6;\n --th-secondary: #8db56b;\n --th-accent: #c9a84c;\n --th-text: #1a1a1a;\n --th-text-light: #5a5a5a;\n --th-border: #e0e0e0;\n --th-shadow: 0 4px 24px rgba(0,0,0,.08);\n --th-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --th-radius: 20px;\n --th-radius-sm: 12px;\n}\n\n.th-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--th-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.th-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b28 0%, #5a8a3c 40%, #8db56b 100%);\n border-radius: var(--th-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(--th-shadow-lg);\n}\n\n.th-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.th-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.th-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.th-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(--th-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.th-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.th-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.th-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.th-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\/* === SECTIONS === *\/\n.th-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.th-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--th-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.th-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(--th-primary), var(--th-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.th-card {\n background: var(--th-white);\n border-radius: var(--th-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--th-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.th-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--th-shadow-lg);\n border-color: var(--th-primary);\n}\n\n.th-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--th-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.th-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--th-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.th-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.th-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.th-grid-compact .th-card {\n padding: 1rem;\n}\n\n.th-grid-compact .th-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.th-grid-compact .th-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.th-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.th-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.th-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--th-primary), var(--th-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.th-timeline-content {\n flex: 1;\n background: var(--th-white);\n padding: 1rem 1.25rem;\n border-radius: var(--th-radius-sm);\n box-shadow: var(--th-shadow);\n}\n\n.th-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--th-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.th-timeline-content p {\n font-size: 14px;\n color: var(--th-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.th-testimonial {\n background: var(--th-white);\n border-radius: var(--th-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--th-shadow);\n border-left: 4px solid var(--th-primary);\n}\n\n.th-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--th-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.th-composition-box {\n background: var(--th-white);\n border-radius: var(--th-radius);\n box-shadow: var(--th-shadow);\n overflow: hidden;\n}\n\n.th-composition-header {\n padding: clamp(1.25rem, 3vw, 2rem);\n border-bottom: 1px solid var(--th-border);\n}\n\n.th-composition-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--th-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.th-composition-header p {\n font-size: 15px;\n color: var(--th-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.th-composition-detail {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding: clamp(1.25rem, 3vw, 2rem);\n}\n\n.th-vnr-badge {\n flex-shrink: 0;\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, var(--th-primary), var(--th-secondary));\n border-radius: 50%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: white;\n box-shadow: 0 4px 16px rgba(90,138,60,.3);\n}\n\n.th-vnr-number {\n font-size: 22px;\n font-weight: 900;\n line-height: 1;\n}\n\n.th-vnr-label {\n font-size: 11px;\n font-weight: 600;\n opacity: .9;\n}\n\n.th-vnr-info h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--th-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.th-vnr-info p {\n font-size: 14px;\n color: var(--th-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.th-accordion {\n background: var(--th-white);\n border-radius: var(--th-radius);\n box-shadow: var(--th-shadow);\n overflow: hidden;\n}\n\n.th-accordion-item {\n border-bottom: 1px solid var(--th-border);\n margin: 0;\n padding: 0;\n}\n\n.th-accordion-item:last-child {\n border-bottom: none;\n}\n\n.th-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--th-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.th-accordion-header:hover {\n background: var(--th-primary-light);\n}\n\n.th-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.th-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--th-primary);\n transition: transform .2s ease;\n}\n\n.th-accordion-item[open] .th-accordion-header::after {\n content: '−';\n}\n\n.th-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--th-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.th-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.th-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--th-primary-light);\n border-radius: var(--th-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.th-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.th-tip p {\n font-size: 14px;\n color: var(--th-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.th-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--th-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === DISCLAIMER === *\/\n.th-disclaimer {\n font-size: 12px;\n color: var(--th-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 .th-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .th-card {\n padding: 1.125rem;\n }\n\n .th-section {\n margin-bottom: 1.75rem;\n }\n\n .th-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--th-radius-sm);\n }\n\n .th-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .th-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .th-grid-compact {\n gap: .625rem;\n }\n\n .th-grid-compact .th-card {\n padding: .75rem;\n }\n\n .th-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .th-timeline-content {\n padding: .875rem 1rem;\n }\n\n .th-timeline-content h3 {\n font-size: 14px;\n }\n\n .th-timeline-content p {\n font-size: 13px;\n }\n\n .th-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .th-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .th-testimonial {\n padding: 1.25rem;\n }\n\n .th-testimonial-text {\n font-size: 14px;\n }\n\n .th-vnr-badge {\n width: 64px;\n height: 64px;\n }\n\n .th-vnr-number {\n font-size: 18px;\n }\n\n .th-vnr-label {\n font-size: 10px;\n }\n\n .th-composition-detail {\n gap: 1rem;\n }\n\n .th-vnr-info h3 {\n font-size: 14px;\n }\n\n .th-vnr-info p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .th-card {\n animation: thFadeInUp .5s ease backwards;\n }\n .th-card:nth-child(1) { animation-delay: .05s; }\n .th-card:nth-child(2) { animation-delay: .1s; }\n .th-card:nth-child(3) { animation-delay: .15s; }\n .th-card:nth-child(4) { animation-delay: .2s; }\n .th-card:nth-child(5) { animation-delay: .25s; }\n .th-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes thFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .th-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":54962026381689,"sku":"DI5030","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/thym-originel-100-ml-extrait-de-thym-dioter-packshothd.webp?v=1775147913"},{"product_id":"diomune-200-ml-laboratoire-dioter","title":"Diomune - 200 ml – Laboratoire Dioter","description":"\u003cdiv class=\"dm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"dm-hero\"\u003e\n\u003cdiv class=\"dm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dm-hero-content\"\u003e\n\u003cdiv class=\"dm-badges-top\"\u003e\n\u003cspan class=\"dm-badge\"\u003e🌿 Phytothérapie\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e🇫🇷 Laboratoire français\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e🍃 Echinacée · Sureau · Thym\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e🧴 200 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"dm-hero-title\"\u003eDiomune\u003c\/span\u003e\n\u003cp class=\"dm-subtitle\"\u003eSirop défenses naturelles, Laboratoire Dioter\u003c\/p\u003e\n\u003cp class=\"dm-description\"\u003eUn véritable élixir naturel issu de la phytothérapie, conçu pour renforcer vos défenses immunitaires de façon douce, mais efficace. Grâce à un \u003cem\u003eprocédé de broyage à froid\u003c\/em\u003e préservant tous les principes actifs des plantes, ce complexe assure une synergie optimale entre nature et bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eUne formule naturelle, biologique et complémentaire\u003c\/h2\u003e\n\u003cp class=\"dm-section-intro\"\u003eChaque ingrédient a été sélectionné pour ses vertus reconnues et sa complémentarité au service de vos défenses immunitaires.\u003c\/p\u003e\n\u003cdiv class=\"dm-grid\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌸 Echinacée\u003c\/h3\u003e\n\u003cp\u003eStimule naturellement les défenses de l'organisme. Plante de référence en phytothérapie pour soutenir l'immunité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🫐 Sureau\u003c\/h3\u003e\n\u003cp\u003eContribue à l'élimination des toxines et soutient le système respiratoire. Un allié précieux lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌿 Thym\u003c\/h3\u003e\n\u003cp\u003eRéputé pour ses propriétés antiseptiques et fortifiantes. Un pilier de la tradition herboristique française.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n\u003cp\u003eRéduit la fatigue et contribue au fonctionnement normal du système immunitaire. 12 mg par dose journalière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eUn allié idéal en cure préventive\u003c\/h2\u003e\n\u003cdiv class=\"dm-card dm-card-highlight\"\u003e\n\u003cp\u003eAdapté à toute la famille, le sirop Diomune est recommandé en \u003cstrong\u003ecure saisonnière\u003c\/strong\u003e ou lors des changements de saison pour \u003cstrong\u003erenforcer la résistance naturelle de l'organisme\u003c\/strong\u003e. Il peut également être utilisé en soutien ponctuel lors des périodes de fatigue ou de fragilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-grid-compact\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n\u003cp\u003eRenforcez vos défenses en automne et en hiver\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e💪 Fatigue passagère\u003c\/h3\u003e\n\u003cp\u003eSoutien ponctuel lors des coups de mou\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eUn sirop adapté à toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🛡️ Prévention\u003c\/h3\u003e\n\u003cp\u003eCure préventive pour une immunité renforcée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eUne fabrication respectueuse de l'environnement\u003c\/h2\u003e\n\u003cdiv class=\"dm-card dm-card-highlight\"\u003e\n\u003cp\u003eCe produit est élaboré par le \u003cstrong\u003eLaboratoire Dioter\u003c\/strong\u003e, expert français en phytothérapie. Engagé dans une démarche éthique, Dioter privilégie les \u003cstrong\u003ematières premières biologiques\u003c\/strong\u003e et les \u003cstrong\u003eprocédés de fabrication doux et écologiques\u003c\/strong\u003e, pour des produits à la fois performants et respectueux de la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-grid-compact\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eExpertise et savoir-faire du Laboratoire Dioter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌱 Matières premières bio\u003c\/h3\u003e\n\u003cp\u003eIngrédients biologiques sélectionnés avec soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e❄️ Broyage à froid\u003c\/h3\u003e\n\u003cp\u003eProcédé préservant tous les principes actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e♻️ Démarche éco-responsable\u003c\/h3\u003e\n\u003cp\u003eProcédés doux et respectueux de la planète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"dm-timeline\"\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003ePrendre de \u003cstrong\u003e1 à 3 cuillères à café par jour\u003c\/strong\u003e, selon les besoins ou les recommandations d'un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eMode de prise\u003c\/h3\u003e\n\u003cp\u003ePur ou dilué dans un peu d'eau, au moment qui vous convient le mieux dans la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eDurée de cure\u003c\/h3\u003e\n\u003cp\u003eEn cure saisonnière de plusieurs semaines pour un soutien optimal de vos défenses immunitaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-tip\"\u003e\n\u003cspan class=\"dm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e commencez votre cure dès les premiers signes de changement de saison pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 \u0026 #6 regroupés en accordéon --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"dm-accordion\"\u003e\n\u003cdetails class=\"dm-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e📋 Ingrédients complets\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003eSirop de sucre, extraits fluides d'Echinacée (14 ml), de Sureau (14 ml), de Thym (7 ml), Vitamine C (160 mg).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dm-accordion-item\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e📊 Apport journalier (3 cuillères)\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003e2,63 ml d'extraits fluides dont Echinacée (40 %), Sureau (40 %), Thym (20 %), Vitamine C (12 mg).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"dm-accordion\"\u003e\n\u003cdetails class=\"dm-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire n'est pas un médicament. Ne pas dépasser la dose journalière recommandée. À consommer dans le cadre d'un régime alimentaire varié et équilibré. \u003cstrong\u003eTenir hors de portée des jeunes enfants.\u003c\/strong\u003e\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=\"dm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"dm-cta-box\"\u003e\n\u003cp\u003e🌿 Renforcez naturellement vos défenses immunitaires avec Diomune : l'expertise phytothérapeutique du Laboratoire Dioter au service de votre bien-être quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"dm-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\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --dm-cream: #f7f6f1;\n --dm-white: #ffffff;\n --dm-primary: #7B8B2A;\n --dm-primary-dark: #4a5518;\n --dm-primary-light: #f0f3e4;\n --dm-secondary: #3A3A2E;\n --dm-accent: #A8B834;\n --dm-text: #1a1a1a;\n --dm-text-light: #5a5a5a;\n --dm-border: #e0e0e0;\n --dm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --dm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --dm-radius: 20px;\n --dm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--dm-secondary) 0%, #52522e 40%, var(--dm-primary) 100%);\n border-radius: var(--dm-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(--dm-shadow-lg);\n}\n\n.dm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(168,184,52,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(123,139,42,.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.dm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.dm-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.dm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.dm-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.dm-description em {\n color: var(--dm-accent);\n font-style: italic;\n}\n\n\/* === BADGES === *\/\n.dm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dm-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(--dm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dm-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.dm-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(--dm-primary), var(--dm-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.dm-card {\n background: var(--dm-white);\n border-radius: var(--dm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dm-shadow-lg);\n border-color: var(--dm-primary);\n}\n\n.dm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dm-card-highlight {\n background: var(--dm-primary-light);\n border: 2px solid var(--dm-primary);\n margin-bottom: 1.25rem;\n text-align: left;\n}\n\n.dm-card-highlight:hover {\n transform: none;\n box-shadow: var(--dm-shadow);\n}\n\n.dm-card-highlight p {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--dm-text);\n line-height: 1.7;\n}\n\n.dm-card-highlight strong {\n color: var(--dm-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.dm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dm-grid-compact .dm-card {\n padding: 1rem;\n}\n\n.dm-grid-compact .dm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dm-grid-compact .dm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dm-primary), var(--dm-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.dm-timeline-content {\n flex: 1;\n background: var(--dm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dm-radius-sm);\n box-shadow: var(--dm-shadow);\n}\n\n.dm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dm-timeline-content p {\n font-size: 14px;\n color: var(--dm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.dm-testimonial {\n background: var(--dm-white);\n border-radius: var(--dm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dm-shadow);\n border-left: 4px solid var(--dm-primary);\n}\n\n.dm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.dm-accordion {\n background: var(--dm-white);\n border-radius: var(--dm-radius);\n box-shadow: var(--dm-shadow);\n overflow: hidden;\n}\n\n.dm-accordion-item {\n border-bottom: 1px solid var(--dm-border);\n margin: 0;\n padding: 0;\n}\n\n.dm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dm-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.dm-accordion-header:hover {\n background: var(--dm-primary-light);\n}\n\n.dm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dm-primary);\n transition: transform .2s ease;\n}\n\n.dm-accordion-item[open] .dm-accordion-header::after {\n content: '−';\n}\n\n.dm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.dm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dm-primary-light);\n border-radius: var(--dm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dm-tip p {\n font-size: 14px;\n color: var(--dm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.dm-cta-box {\n background: linear-gradient(135deg, var(--dm-primary) 0%, var(--dm-primary-dark) 100%);\n border-radius: var(--dm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dm-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.dm-disclaimer {\n font-size: 12px;\n color: var(--dm-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 .dm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dm-card {\n padding: 1.125rem;\n }\n\n .dm-section {\n margin-bottom: 1.75rem;\n }\n\n .dm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dm-radius-sm);\n }\n\n .dm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dm-grid-compact {\n gap: .625rem;\n }\n\n .dm-grid-compact .dm-card {\n padding: .75rem;\n }\n\n .dm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dm-timeline-content h3 {\n font-size: 14px;\n }\n\n .dm-timeline-content p {\n font-size: 13px;\n }\n\n .dm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .dm-testimonial {\n padding: 1.25rem;\n }\n\n .dm-testimonial-text {\n font-size: 14px;\n }\n\n .dm-card-highlight {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dm-card {\n animation: dmFadeInUp .5s ease backwards;\n }\n .dm-card:nth-child(1) { animation-delay: .05s; }\n .dm-card:nth-child(2) { animation-delay: .1s; }\n .dm-card:nth-child(3) { animation-delay: .15s; }\n .dm-card:nth-child(4) { animation-delay: .2s; }\n .dm-card:nth-child(5) { animation-delay: .25s; }\n .dm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dmFadeInUp {\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 .dm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55118125171065,"sku":"DI5000","price":22.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/diomune-200-ml-laboratoire-dioter-lifestyle.webp?v=1770628421"},{"product_id":"fleur-de-bach-centaury-centauree-bio-10-ml-dioter","title":"Fleur de Bach Centaury (Centaurée) bio - 10 ml - Dioter","description":"\u003cdiv class=\"ct-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ct-hero\"\u003e\n\u003cdiv class=\"ct-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ct-hero-content\"\u003e\n\u003cdiv class=\"ct-badges-top\"\u003e\n\u003cspan class=\"ct-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"ct-badge\"\u003e🇫🇷 Centaurée française\u003c\/span\u003e \u003cspan class=\"ct-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ct-hero-title\"\u003eFleur de Bach Centaury (Centaurée) bio\u003c\/span\u003e\n\u003cp class=\"ct-subtitle\"\u003eÉlixir floral Dioter - Méthode originelle du Dr Bach\u003c\/p\u003e\n\u003cp class=\"ct-description\"\u003eRetrouvez votre force intérieure et apprenez à poser vos limites avec douceur grâce à cet élixir floral de \u003cem\u003eCentaurium erythraea\u003c\/em\u003e, symbole de détermination, d'équilibre émotionnel et d'estime de soi retrouvée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ct-section\"\u003e\n\u003ch2\u003eUne réponse naturelle à la sensibilité excessive\u003c\/h2\u003e\n\u003cp class=\"ct-section-intro\"\u003eParticulièrement recommandée aux personnes trop serviables ou influençables, la Fleur de Bach Centaurée agit comme un véritable soutien émotionnel au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"ct-grid\"\u003e\n\u003cdiv class=\"ct-card\"\u003e\n\u003ch3\u003e💪 Autodétermination\u003c\/h3\u003e\n\u003cp\u003eDéveloppez votre capacité à prendre des décisions alignées avec vos véritables besoins et envies, sans culpabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-card\"\u003e\n\u003ch3\u003e🛡️ Poser ses limites\u003c\/h3\u003e\n\u003cp\u003eSortez de la soumission et apprenez à dire non avec assurance et bienveillance, tout en respectant les autres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-card\"\u003e\n\u003ch3\u003e🌸 Écoute de soi\u003c\/h3\u003e\n\u003cp\u003eReconnectez-vous à vos besoins personnels et prenez position avec confiance dans chaque aspect de votre quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ct-section\"\u003e\n\u003ch2\u003eDes ingrédients bio, purs et respectueux de la nature\u003c\/h2\u003e\n\u003cdiv class=\"ct-grid-compact\"\u003e\n\u003cdiv class=\"ct-card\"\u003e\n\u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n\u003cp\u003eÉlixir floral obtenu par solarisation de centaurée sauvage française\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-card\"\u003e\n\u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eExtrait issu de l'agriculture biologique certifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eAlcool de cognac biologique comme conservateur naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-card\"\u003e\n\u003ch3\u003e✅ FR-BIO-01\u003c\/h3\u003e\n\u003cp\u003eCertification biologique officielle garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ct-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"ct-timeline\"\u003e\n\u003cdiv class=\"ct-timeline-item\"\u003e\n\u003cdiv class=\"ct-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ct-timeline-content\"\u003e\n\u003ch3\u003eUtilisation express\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e diluées dans un verre d'eau ou directement sous la langue, à renouveler plusieurs fois par jour selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-timeline-item\"\u003e\n\u003cdiv class=\"ct-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ct-timeline-content\"\u003e\n\u003ch3\u003eUtilisation prolongée\u003c\/h3\u003e\n\u003cp\u003ePréparez un mélange de \u003cstrong\u003e25 gouttes dans un demi-litre d'eau\u003c\/strong\u003e non gazeuse et consommez en 4 à 5 prises quotidiennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-timeline-item\"\u003e\n\u003cdiv class=\"ct-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ct-timeline-content\"\u003e\n\u003ch3\u003eAvant chaque prise\u003c\/h3\u003e\n\u003cp\u003eAgitez bien le flacon ou la bouteille avant chaque usage pour garantir une bonne répartition de l'élixir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-tip\"\u003e\n\u003cspan class=\"ct-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLaissez quelques instants l'élixir en bouche avant d'avaler pour une absorption optimale par la muqueuse sublinguale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ct-section\"\u003e\n\u003ch2\u003eInformations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"ct-accordion\"\u003e\n\u003cdetails class=\"ct-accordion-item\"\u003e\n\u003csummary class=\"ct-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n\u003cdiv class=\"ct-accordion-content mt-3\"\u003e\n\u003cp\u003eFlacon compte-gouttes en verre ambré de 10 ml, avec pipette doseuse pour un usage précis et hygiénique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ct-accordion-item\"\u003e\n\u003csummary class=\"ct-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ct-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation équilibrée et variée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. À tenir hors de portée des jeunes enfants.\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=\"ct-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"ct-cta-box\"\u003e\n\u003cp\u003e🌿 Reconnectez-vous à votre force intérieure avec la douceur de la Centaurée bio — un allié précieux pour affirmer qui vous êtes, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ct-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\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ct-cream: #FDF8F3;\n --ct-white: #ffffff;\n --ct-primary: #A07830;\n --ct-primary-dark: #6B4F1D;\n --ct-primary-light: #F5EDE0;\n --ct-secondary: #D4A574;\n --ct-accent: #E8B4B8;\n --ct-text: #1a1a1a;\n --ct-text-light: #5a5a5a;\n --ct-border: #e8ddd0;\n --ct-shadow: 0 4px 24px rgba(107,79,29,.08);\n --ct-shadow-lg: 0 12px 48px rgba(107,79,29,.15);\n --ct-radius: 20px;\n --ct-radius-sm: 12px;\n}\n\n.ct-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ct-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ct-hero {\n position: relative;\n background: linear-gradient(135deg, #6B4F1D 0%, #A07830 40%, #D4A574 75%, #E8B4B8 100%);\n border-radius: var(--ct-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ct-shadow-lg);\n}\n\n.ct-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(232,180,184,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ct-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ct-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ct-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.ct-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ct-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ct-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ct-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ct-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ct-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ct-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ct-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ct-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ct-primary), var(--ct-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ct-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ct-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.ct-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ct-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ct-shadow-lg);\n border-color: var(--ct-primary);\n}\n\n.ct-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ct-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ct-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ct-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ct-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ct-grid-compact .ct-card {\n padding: 1rem;\n}\n\n.ct-grid-compact .ct-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ct-grid-compact .ct-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ct-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ct-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ct-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ct-primary), var(--ct-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.ct-timeline-content {\n flex: 1;\n background: var(--ct-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ct-radius-sm);\n box-shadow: var(--ct-shadow);\n}\n\n.ct-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ct-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ct-timeline-content p {\n font-size: 14px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ct-testimonial {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ct-shadow);\n border-left: 4px solid var(--ct-primary);\n}\n\n.ct-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ct-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ct-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ct-primary-light);\n border-radius: var(--ct-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ct-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ct-tip p {\n font-size: 14px;\n color: var(--ct-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ct-accordion {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n box-shadow: var(--ct-shadow);\n overflow: hidden;\n}\n\n.ct-accordion-item {\n border-bottom: 1px solid var(--ct-border);\n margin: 0;\n padding: 0;\n}\n\n.ct-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ct-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ct-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ct-accordion-header:hover {\n background: var(--ct-primary-light);\n}\n\n.ct-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ct-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ct-primary);\n transition: transform .2s ease;\n}\n\n.ct-accordion-item[open] .ct-accordion-header::after {\n content: '−';\n}\n\n.ct-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ct-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ct-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ct-cta-box {\n background: linear-gradient(135deg, var(--ct-primary) 0%, var(--ct-primary-dark) 100%);\n border-radius: var(--ct-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ct-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ct-disclaimer {\n font-size: 12px;\n color: var(--ct-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ct-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ct-card {\n padding: 1.125rem;\n }\n\n .ct-section {\n margin-bottom: 1.75rem;\n }\n\n .ct-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ct-radius-sm);\n }\n\n .ct-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ct-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ct-grid-compact {\n gap: .625rem;\n }\n\n .ct-grid-compact .ct-card {\n padding: .75rem;\n }\n\n .ct-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ct-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ct-timeline-content h3 {\n font-size: 14px;\n }\n\n .ct-timeline-content p {\n font-size: 13px;\n }\n\n .ct-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ct-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ct-testimonial {\n padding: 1.25rem;\n }\n\n .ct-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ct-card {\n animation: ctFadeInUp .5s ease backwards;\n }\n .ct-card:nth-child(1) { animation-delay: .05s; }\n .ct-card:nth-child(2) { animation-delay: .1s; }\n .ct-card:nth-child(3) { animation-delay: .15s; }\n .ct-card:nth-child(4) { animation-delay: .2s; }\n .ct-card:nth-child(5) { animation-delay: .25s; }\n .ct-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ctFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ct-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55118198342009,"sku":"DI5034","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-centaury-centauree-bio-10-ml-dioter-lifestyle.webp?v=1770635610"},{"product_id":"originel-kid-immunite-bio-150-ml-dioter","title":"Sirop immunité enfant bio Originel Kid - 150 ml - Dioter","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Sirop immunité enfant bio Originel Kid\nPalette détectée:\n - Primaire: #E91E8C (rose fuchsia vif du packaging)\n - Secondaire: #8DC63F (vert citron du personnage mascotte)\n - Accent: #F5A623 (orange\/corail du pamplemousse)\nAmbiance: Enfantine, joyeuse, naturelle, bio, rassurante pour les parents\nPréfixe CSS: ok\n--\u003e\n\n\u003cdiv class=\"ok-premium\"\u003e\n\n \u003cdiv class=\"ok-hero\"\u003e\n \u003cdiv class=\"ok-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ok-hero-content\"\u003e\n \u003cdiv class=\"ok-badges-top\"\u003e\n \u003cspan class=\"ok-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"ok-badge\"\u003e👶 Dès 12 mois\u003c\/span\u003e\n \u003cspan class=\"ok-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ok-hero-title\"\u003eOriginel Kid Immunité\u003c\/span\u003e\n \u003cp class=\"ok-subtitle\"\u003eLe bouclier naturel de votre enfant\u003c\/p\u003e\n \u003cp class=\"ok-description\"\u003eSirop bio aux 4 plantes immunostimulantes pour renforcer les défenses naturelles des tout-petits, en toute sécurité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003e🛡️ Pourquoi les parents adorent ce sirop\u003c\/h2\u003e\n \u003cdiv class=\"ok-grid\"\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🌱 Formule 100% naturelle\u003c\/h3\u003e\n \u003cp\u003eAucun pesticide, aucune substance chimique. Que le meilleur de la nature certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🍼 Sans additifs nocifs\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans conservateur, sans arôme artificiel ni colorant. Parfait pour les organismes sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e👶 Adapté aux tout-petits\u003c\/h3\u003e\n \u003cp\u003eUne des rares solutions immunité disponibles dès 12 mois. Goût agréable grâce aux sucres de fruits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eLes adultes peuvent aussi en bénéficier en doublant la dose. Un seul flacon pour tous !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e💧 Doseur anti-goutte\u003c\/h3\u003e\n \u003cp\u003eBouchon pratique pour un dosage précis et sans bavure au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🔬 Expertise Dioter\u003c\/h3\u003e\n \u003cp\u003eÉlaboré par un laboratoire français spécialiste de la phytothérapie bio depuis des années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003e🌿 Les 4 plantes qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"ok-grid\"\u003e\n \u003cdiv class=\"ok-card ok-card-plant\"\u003e\n \u003ch3\u003e🌸 Échinacée pourpre bio\u003c\/h3\u003e\n \u003cp class=\"ok-dosage\"\u003e335 mg \/ dose\u003c\/p\u003e\n \u003cp\u003eStar de la phytothérapie, elle \u003cstrong\u003estimule les défenses naturelles\u003c\/strong\u003e et prépare le corps à résister aux agressions hivernales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card ok-card-plant\"\u003e\n \u003ch3\u003e🫐 Baie d'églantier bio\u003c\/h3\u003e\n \u003cp class=\"ok-dosage\"\u003e252 mg \/ dose\u003c\/p\u003e\n \u003cp\u003eLe cynorrhodon est une \u003cstrong\u003esource exceptionnelle d'antioxydants\u003c\/strong\u003e et de vitamine C naturelle pour protéger les cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card ok-card-plant\"\u003e\n \u003ch3\u003e🍊 Pépins de pamplemousse bio\u003c\/h3\u003e\n \u003cp class=\"ok-dosage\"\u003e168 mg \/ dose\u003c\/p\u003e\n \u003cp\u003ePropriétés \u003cstrong\u003eantibactériennes douces\u003c\/strong\u003e qui aident l'organisme face aux agents pathogènes du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card ok-card-plant\"\u003e\n \u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n \u003cp class=\"ok-dosage\"\u003e139 mg dont 24 mg vit. C (30% AR)\u003c\/p\u003e\n \u003cp\u003ePetite cerise des Antilles, \u003cstrong\u003echampion de la vitamine C naturelle\u003c\/strong\u003e, mieux assimilée que la synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi simple\u003c\/h2\u003e\n \u003cdiv class=\"ok-steps\"\u003e\n \u003cdiv class=\"ok-step\"\u003e\n \u003cdiv class=\"ok-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ok-step-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eBien secouer avant chaque utilisation pour homogénéiser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-step\"\u003e\n \u003cdiv class=\"ok-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ok-step-content\"\u003e\n \u003ch3\u003eDosez 5 ml\u003c\/h3\u003e\n \u003cp\u003eUne dose du bouchon doseur par jour, de préférence le matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-step\"\u003e\n \u003cdiv class=\"ok-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ok-step-content\"\u003e\n \u003ch3\u003eAdministrez pur ou dilué\u003c\/h3\u003e\n \u003cp\u003eDirectement ou mélangé dans un peu d'eau ou de jus de fruit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-tip\"\u003e\n \u003cstrong\u003e💡 Cure recommandée :\u003c\/strong\u003e 3 semaines à 1 mois, à renouveler aux changements de saison ou en période de fatigue.\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003e🎯 Les moments clés pour une cure\u003c\/h2\u003e\n \u003cdiv class=\"ok-grid-compact\"\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🎒 Rentrée scolaire\u003c\/h3\u003e\n \u003cp\u003eLes collectivités favorisent la circulation des virus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e❄️ Approche de l'hiver\u003c\/h3\u003e\n \u003cp\u003ePréparer l'organisme aux mois les plus froids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n \u003cp\u003eMoments où le corps est plus vulnérable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e😴 Périodes de fatigue\u003c\/h3\u003e\n \u003cp\u003eAprès une maladie ou un rythme soutenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"ok-faq\"\u003e\n \u003cdiv class=\"ok-faq-item\"\u003e\n \u003ch3\u003eÀ partir de quel âge peut-on donner ce sirop ?\u003c\/h3\u003e\n \u003cp\u003eOriginel Kid Immunité est formulé pour les enfants \u003cstrong\u003edès 12 mois\u003c\/strong\u003e. Pour les bébés plus jeunes, demandez conseil à votre pédiatre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-faq-item\"\u003e\n \u003ch3\u003eCe sirop convient-il aux adultes ?\u003c\/h3\u003e\n \u003cp\u003eAbsolument ! Bien que conçu pour les enfants, les adultes peuvent le consommer en doublant la dose (10 ml par jour).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-faq-item\"\u003e\n \u003ch3\u003eEn prévention ou uniquement quand l'enfant est malade ?\u003c\/h3\u003e\n \u003cp\u003eCe sirop est idéal \u003cstrong\u003een prévention\u003c\/strong\u003e, notamment avant l'hiver, à la rentrée ou en période de fatigue. Il accompagne aussi la convalescence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-faq-item\"\u003e\n \u003ch3\u003eLe goût est-il agréable pour les enfants ?\u003c\/h3\u003e\n \u003cp\u003eOui ! Les sucres naturels extraits de fruits adoucissent le goût, facilitant la prise pour les petits palais exigeants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ok-accordion\"\u003e\n \u003cdetails class=\"ok-accordion-item\"\u003e\n \u003csummary class=\"ok-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ok-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eAvant ouverture :\u003c\/strong\u003e à l'abri de la chaleur et de la lumière.\u003cbr\u003e\n \u003cstrong\u003eAprès ouverture :\u003c\/strong\u003e au réfrigérateur, consommer dans les 30 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ok-accordion-item\"\u003e\n \u003csummary class=\"ok-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ok-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément ne remplace pas une alimentation variée et équilibrée. En cas de symptômes persistants, consultez un professionnel de santé. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ok-accordion-item\"\u003e\n \u003csummary class=\"ok-accordion-header\"\u003e📝 Composition complète\u003c\/summary\u003e\n \u003cdiv class=\"ok-accordion-content\"\u003e\n \u003cp\u003ePour 5 ml : Extrait fluide d'échinacée pourpre bio (335 mg), extrait fluide de baie d'églantier bio (252 mg), extrait fluide de pépins de pamplemousse bio (168 mg), extrait sec d'acérola bio (139 mg dont 24 mg de vitamine C). Sucres extraits de fruits* (support naturel). *Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ok-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ok-cta-box\"\u003e\n \u003cp\u003e🌟 Offrez à votre enfant le meilleur de la nature pour affronter l'année en pleine forme. Une formule douce, bio et efficace, pensée pour les plus petits comme pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ok-cream: #FFF9F5;\n --ok-white: #ffffff;\n --ok-primary: #E91E8C;\n --ok-primary-dark: #C4177A;\n --ok-primary-light: #FFF0F7;\n --ok-secondary: #8DC63F;\n --ok-secondary-dark: #6BA32E;\n --ok-accent: #F5A623;\n --ok-text: #1a1a1a;\n --ok-text-light: #5a5a5a;\n --ok-border: #f0e0e8;\n --ok-shadow: 0 4px 24px rgba(233,30,140,.08);\n --ok-shadow-lg: 0 12px 48px rgba(233,30,140,.15);\n --ok-radius: 20px;\n --ok-radius-sm: 12px;\n}\n\n.ok-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ok-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ok-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ok-primary) 0%, #FF6BB3 40%, var(--ok-secondary) 100%);\n border-radius: var(--ok-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(--ok-shadow-lg);\n}\n\n.ok-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,.15) 0%, transparent 40%),\n radial-gradient(circle at 40% 40%, rgba(141,198,63,.2) 0%, transparent 30%);\n opacity: .6;\n}\n\n.ok-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ok-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ok-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(--ok-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ok-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ok-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ok-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ok-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.ok-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ok-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ok-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.ok-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(--ok-primary), var(--ok-secondary));\n border-radius: 2px;\n}\n\n.ok-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ok-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ok-card {\n background: var(--ok-white);\n border-radius: var(--ok-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ok-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ok-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ok-shadow-lg);\n border-color: var(--ok-primary);\n}\n\n.ok-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ok-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ok-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ok-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ok-card-plant {\n border-left: 4px solid var(--ok-secondary);\n text-align: left;\n}\n\n.ok-card-plant:hover {\n border-left-color: var(--ok-primary);\n}\n\n.ok-dosage {\n display: inline-block;\n background: var(--ok-primary-light);\n color: var(--ok-primary-dark);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .75rem !important;\n}\n\n.ok-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto 1.5rem;\n}\n\n.ok-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--ok-white);\n padding: 1.25rem;\n border-radius: var(--ok-radius);\n box-shadow: var(--ok-shadow);\n}\n\n.ok-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ok-primary), var(--ok-secondary));\n color: white;\n font-size: 18px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.ok-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ok-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ok-step-content p {\n font-size: 14px;\n color: var(--ok-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ok-tip {\n background: linear-gradient(135deg, var(--ok-secondary), #A8D957);\n color: white;\n padding: 1rem 1.5rem;\n border-radius: var(--ok-radius-sm);\n text-align: center;\n font-size: 14px;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.ok-faq {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ok-faq-item {\n background: var(--ok-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--ok-radius);\n box-shadow: var(--ok-shadow);\n border-left: 4px solid var(--ok-primary);\n}\n\n.ok-faq-item h3 {\n font-size: 15px;\n font-weight: 800;\n color: var(--ok-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ok-faq-item p {\n font-size: 14px;\n color: var(--ok-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ok-accordion {\n background: var(--ok-white);\n border-radius: var(--ok-radius);\n box-shadow: var(--ok-shadow);\n overflow: hidden;\n}\n\n.ok-accordion-item {\n border-bottom: 1px solid var(--ok-border);\n margin: 0;\n padding: 0;\n}\n\n.ok-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ok-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ok-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.ok-accordion-header:hover {\n background: var(--ok-primary-light);\n}\n\n.ok-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ok-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ok-primary);\n transition: transform .2s ease;\n}\n\n.ok-accordion-item[open] .ok-accordion-header::after {\n content: '−';\n}\n\n.ok-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ok-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ok-accordion-content p {\n margin: 0;\n}\n\n.ok-cta-box {\n background: linear-gradient(135deg, var(--ok-primary) 0%, var(--ok-primary-dark) 100%);\n border-radius: var(--ok-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ok-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.ok-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.ok-grid-compact .ok-card {\n padding: 1rem;\n}\n\n.ok-grid-compact .ok-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ok-grid-compact .ok-card p {\n font-size: 12px;\n}\n\n@media (max-width: 767px) {\n .ok-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ok-grid-compact {\n gap: .625rem;\n }\n \n .ok-grid-compact .ok-card {\n padding: .75rem;\n }\n \n .ok-card {\n padding: 1.125rem;\n }\n \n .ok-section {\n margin-bottom: 1.75rem;\n }\n \n .ok-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ok-radius-sm);\n }\n \n .ok-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ok-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ok-badges-top {\n gap: 6px;\n }\n \n .ok-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .ok-step {\n padding: 1rem;\n gap: .75rem;\n }\n \n .ok-step-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .ok-faq-item {\n padding: 1rem;\n }\n \n .ok-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ok-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .ok-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ok-card:nth-child(1) { animation-delay: .05s; }\n .ok-card:nth-child(2) { animation-delay: .1s; }\n .ok-card:nth-child(3) { animation-delay: .15s; }\n .ok-card:nth-child(4) { animation-delay: .2s; }\n .ok-card:nth-child(5) { animation-delay: .25s; }\n .ok-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 .ok-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55118231175545,"sku":"DI5069","price":18.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sirop-immunite-enfant-bio-originel-kid-150-ml-dioter-lifestyle.webp?v=1772893087"},{"product_id":"sirop-sommeil-bio-150-ml-originel-kid-dioter","title":"Sirop Sommeil Enfant Bio - Originel Kid 150 ml - Dioter","description":"\u003cdiv class=\"ok-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ok-hero\"\u003e\n \u003cdiv class=\"ok-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ok-hero-content\"\u003e\n \u003cdiv class=\"ok-badges-top\"\u003e\n \u003cspan class=\"ok-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"ok-badge\"\u003e👶 Dès 12 mois\u003c\/span\u003e\n \u003cspan class=\"ok-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ok-hero-title\"\u003eSirop Sommeil Enfant Bio\u003cbr\u003eOriginel Kid\u003c\/span\u003e\n \u003cp class=\"ok-subtitle\"\u003eLaboratoire Dioter — Flacon 150 ml\u003c\/p\u003e\n \u003cp class=\"ok-description\"\u003e3 plantes bio pour accompagner en douceur l'endormissement de votre enfant, sans mélatonine ni substance artificielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003eUn sirop bio aux plantes pour accompagner le sommeil de votre enfant\u003c\/h2\u003e\n \u003cp class=\"ok-section-intro\"\u003eLes difficultés d'endormissement chez les tout-petits sont une préoccupation quotidienne pour de nombreux parents.\u003c\/p\u003e\n \u003cdiv class=\"ok-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003esirop Sommeil Enfant Bio Originel Kid\u003c\/strong\u003e du \u003cstrong\u003eLaboratoire Dioter\u003c\/strong\u003e offre une réponse douce et naturelle, formulée à partir de \u003cstrong\u003etrois extraits de plantes biologiques\u003c\/strong\u003e soigneusement sélectionnés. Adapté aux enfants dès \u003cstrong\u003e12 mois\u003c\/strong\u003e, ce complément alimentaire liquide aide à favoriser un endormissement serein et des nuits plus apaisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003eTrois plantes bio aux vertus complémentaires\u003c\/h2\u003e\n \u003cp class=\"ok-section-intro\"\u003eLa force de cette formule repose sur l'association de plantes reconnues pour leurs propriétés relaxantes, chacune jouant un rôle précis.\u003c\/p\u003e\n \u003cdiv class=\"ok-grid\"\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🌺 Coquelicot bio\u003c\/h3\u003e\n \u003cp class=\"ok-card-latin\"\u003ePapaver rhoeas\u003c\/p\u003e\n \u003cp\u003eTraditionnellement utilisé pour calmer les tensions nerveuses légères, le coquelicot facilite la transition vers le sommeil sans provoquer de somnolence artificielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🍃 Mélisse bio\u003c\/h3\u003e\n \u003cp class=\"ok-card-latin\"\u003eMelissa officinalis\u003c\/p\u003e\n \u003cp\u003eCette plante apaisante contribue à la relaxation et au confort digestif, deux facteurs essentiels pour que votre enfant s'endorme dans de bonnes conditions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🌿 Marjolaine bio\u003c\/h3\u003e\n \u003cp class=\"ok-card-latin\"\u003eOriganum majorana\u003c\/p\u003e\n \u003cp\u003eElle soutient l'équilibre nerveux et aide à maintenir un sommeil de qualité tout au long de la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-tip\"\u003e\n \u003cspan class=\"ok-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eContrairement à certains sirops pour enfants contenant de la mélatonine de synthèse, cette formule mise exclusivement sur des \u003cstrong\u003eextraits végétaux certifiés bio\u003c\/strong\u003e, sans substance artificielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003eComposition détaillée par dose journalière (5 ml)\u003c\/h2\u003e\n \u003cdiv class=\"ok-grid-compact\"\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🌺 Coquelicot bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e678 mg\u003c\/strong\u003e\u003cbr\u003eExtrait fluide de pétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🍃 Mélisse bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e78 mg\u003c\/strong\u003e\u003cbr\u003eExtrait fluide de feuille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🌿 Marjolaine bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e78 mg\u003c\/strong\u003e\u003cbr\u003eExtrait fluide de feuille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🍇 Sucres de fruits\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eBio\u003c\/strong\u003e\u003cbr\u003ePréparation aqueuse de plantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-tip\"\u003e\n \u003cspan class=\"ok-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans conservateurs, sans arômes artificiels, sans colorants.\u003c\/strong\u003e Tous les ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003eComment donner ce sirop sommeil à votre enfant ?\u003c\/h2\u003e\n \u003cdiv class=\"ok-timeline\"\u003e\n \u003cdiv class=\"ok-timeline-item\"\u003e\n \u003cdiv class=\"ok-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ok-timeline-content\"\u003e\n \u003ch3\u003eDosez facilement\u003c\/h3\u003e\n \u003cp\u003eAdministrez \u003cstrong\u003e5 ml par jour\u003c\/strong\u003e grâce au \u003cstrong\u003ebouchon doseur anti-goutte\u003c\/strong\u003e, simple et précis, même avec un enfant agité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-timeline-item\"\u003e\n \u003cdiv class=\"ok-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ok-timeline-content\"\u003e\n \u003ch3\u003eLe bon moment\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003ele soir, environ 30 minutes avant le coucher\u003c\/strong\u003e, dilué dans un peu d'eau ou directement dans la bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-timeline-item\"\u003e\n \u003cdiv class=\"ok-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ok-timeline-content\"\u003e\n \u003ch3\u003eUn goût apprécié\u003c\/h3\u003e\n \u003cp\u003eSon \u003cstrong\u003egoût délicatement sucré\u003c\/strong\u003e, obtenu naturellement à partir de sucres de fruits, est très bien accepté par les enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-timeline-item\"\u003e\n \u003cdiv class=\"ok-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ok-timeline-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eAprès ouverture, conservez le flacon au \u003cstrong\u003eréfrigérateur\u003c\/strong\u003e et utilisez-le dans les \u003cstrong\u003e30 jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003ePourquoi choisir le sirop Originel Kid Dioter ?\u003c\/h2\u003e\n \u003cdiv class=\"ok-grid-compact\"\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🏷️ Certifié bio (AB)\u003c\/h3\u003e\n \u003cp\u003eUne garantie de qualité et de traçabilité sur chaque ingrédient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e👶 Dès 12 mois\u003c\/h3\u003e\n \u003cp\u003eUne formulation douce pensée pour les organismes fragiles des tout-petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eLe Laboratoire Dioter élabore ses produits avec un savoir-faire artisanal respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e📦 Flacon 150 ml\u003c\/h3\u003e\n \u003cp\u003eSoit environ \u003cstrong\u003e30 jours\u003c\/strong\u003e d'utilisation — un format pratique et économique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003eQuelques conseils pour améliorer le sommeil de votre enfant\u003c\/h2\u003e\n \u003cdiv class=\"ok-testimonial\"\u003e\n \u003cp class=\"ok-testimonial-text\"\u003eLe sirop Originel Kid sera d'autant plus efficace si vous l'intégrez dans une \u003cstrong\u003eroutine du coucher apaisante\u003c\/strong\u003e : lumière tamisée, histoire calme, écrans éteints au moins une heure avant le coucher. Ces petits rituels, combinés à un complément naturel, peuvent faire une réelle différence sur la qualité des nuits de votre enfant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + DISCLAIMER --\u003e\n \u003csection class=\"ok-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ok-cta-box\"\u003e\n \u003cp\u003e🌙 Offrez à votre enfant des nuits sereines grâce à la douceur des plantes bio — sans mélatonine, sans artifice, juste la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ok-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de troubles du sommeil persistants, consultez votre pédiatre. Tenir hors de portée des enfants. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ok-cream: #f7f5f0;\n --ok-white: #ffffff;\n --ok-primary: #7cb342;\n --ok-primary-dark: #33691e;\n --ok-primary-light: #f0f7e6;\n --ok-secondary: #e85d75;\n --ok-accent: #64b5f6;\n --ok-text: #1a1a1a;\n --ok-text-light: #5a5a5a;\n --ok-border: #e0e0e0;\n --ok-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ok-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ok-radius: 20px;\n --ok-radius-sm: 12px;\n}\n\n.ok-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ok-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ok-hero {\n position: relative;\n background: linear-gradient(135deg, #33691e 0%, #7cb342 50%, #aed581 100%);\n border-radius: var(--ok-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(--ok-shadow-lg);\n}\n\n.ok-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(232,93,117,.1) 0%, transparent 40%);\n opacity: .6;\n}\n\n.ok-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ok-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.ok-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ok-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.ok-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ok-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(--ok-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ok-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ok-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ok-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ok-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.ok-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(--ok-primary), var(--ok-secondary));\n border-radius: 2px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ok-highlight-box {\n background: var(--ok-white);\n border-radius: var(--ok-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ok-shadow);\n border-left: 4px solid var(--ok-primary);\n}\n\n.ok-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ok-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ok-card {\n background: var(--ok-white);\n border-radius: var(--ok-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ok-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ok-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ok-shadow-lg);\n border-color: var(--ok-primary);\n}\n\n.ok-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ok-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ok-card-latin {\n font-size: 12px;\n font-style: italic;\n color: var(--ok-secondary);\n margin: 0 0 .5rem 0;\n font-weight: 600;\n}\n\n.ok-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ok-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ok-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ok-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ok-grid-compact .ok-card {\n padding: 1rem;\n}\n\n.ok-grid-compact .ok-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ok-grid-compact .ok-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ok-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ok-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ok-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ok-primary), var(--ok-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.ok-timeline-content {\n flex: 1;\n background: var(--ok-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ok-radius-sm);\n box-shadow: var(--ok-shadow);\n}\n\n.ok-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ok-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ok-timeline-content p {\n font-size: 14px;\n color: var(--ok-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ok-testimonial {\n background: var(--ok-white);\n border-radius: var(--ok-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ok-shadow);\n border-left: 4px solid var(--ok-secondary);\n}\n\n.ok-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ok-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ok-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ok-primary-light);\n border-radius: var(--ok-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ok-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ok-tip p {\n font-size: 14px;\n color: var(--ok-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ok-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ok-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CTA FINAL === *\/\n.ok-cta-box {\n background: linear-gradient(135deg, var(--ok-primary) 0%, var(--ok-primary-dark) 100%);\n border-radius: var(--ok-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ok-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.ok-disclaimer {\n font-size: 12px;\n color: var(--ok-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 .ok-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ok-card {\n padding: 1.125rem;\n }\n\n .ok-section {\n margin-bottom: 1.75rem;\n }\n\n .ok-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ok-radius-sm);\n }\n\n .ok-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ok-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ok-grid-compact {\n gap: .625rem;\n }\n\n .ok-grid-compact .ok-card {\n padding: .75rem;\n }\n\n .ok-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ok-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ok-timeline-content h3 {\n font-size: 14px;\n }\n\n .ok-timeline-content p {\n font-size: 13px;\n }\n\n .ok-testimonial {\n padding: 1.25rem;\n }\n\n .ok-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ok-card {\n animation: okFadeInUp .5s ease backwards;\n }\n .ok-card:nth-child(1) { animation-delay: .05s; }\n .ok-card:nth-child(2) { animation-delay: .1s; }\n .ok-card:nth-child(3) { animation-delay: .15s; }\n .ok-card:nth-child(4) { animation-delay: .2s; }\n .ok-card:nth-child(5) { animation-delay: .25s; }\n .ok-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes okFadeInUp {\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 .ok-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55118828306809,"sku":"DI5070","price":18.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sirop-sommeil-enfant-bio-originel-kid-150-ml-dioter-lifestyle.webp?v=1772893443"},{"product_id":"ginseng-originel-50-ml-dioter","title":"Ginseng Originel (extrait de ginseng blanc) 50 ml - Dioter","description":"\u003cdiv class=\"gs-premium\"\u003e\n \u003cdiv class=\"gs-hero\"\u003e\n \u003cdiv class=\"gs-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gs-hero-content\"\u003e\n \u003cdiv class=\"gs-badges-top\"\u003e\n \u003cspan class=\"gs-badge\"\u003e🌿 Panax ginseng\u003c\/span\u003e\n \u003cspan class=\"gs-badge\"\u003e💧 Extrait liquide 50 ml\u003c\/span\u003e\n \u003cspan class=\"gs-badge\"\u003e⚡ Tonus \u0026amp; vitalité\u003c\/span\u003e\n \u003cspan class=\"gs-badge\"\u003e🧪 Sans OGM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gs-hero-title\"\u003eGinseng Originel Dioter\u003c\/span\u003e\n \u003cp class=\"gs-subtitle\"\u003eExtrait de ginseng blanc · Vitamine B6\u003c\/p\u003e\n \u003cp class=\"gs-description\"\u003ePlongez au cœur d'une tradition millénaire avec le Ginseng Originel du Laboratoire Dioter, un extrait liquide concentré issu de la racine de Panax ginseng, véritable trésor de la pharmacopée asiatique. Surnommée la « racine de longue vie », cette plante adaptogène accompagne votre organisme dans ses moments de fatigue passagère et soutient vos défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003eLes bienfaits du ginseng blanc : une racine d'exception\u003c\/h2\u003e\n \u003cp class=\"gs-section-intro\"\u003eLe ginseng blanc est obtenu à partir de racines de \u003cem\u003ePanax ginseng\u003c\/em\u003e simplement séchées, sans cuisson à la vapeur, contrairement au ginseng rouge. Une action plus douce et progressive, idéale pour une cure prolongée adaptée à toute la famille.\u003c\/p\u003e\n \u003cdiv class=\"gs-grid\"\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eRenforce les défenses naturelles de l'organisme face aux agressions du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e⚡ Anti-fatigue\u003c\/h3\u003e\n \u003cp\u003eRéduit la fatigue passagère et aide à retrouver tonus et vitalité durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🧠 Surmenage intellectuel\u003c\/h3\u003e\n \u003cp\u003ePrécieux allié lors des périodes de surcharge mentale ou d'effort physique intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🌱 Action douce\u003c\/h3\u003e\n \u003cp\u003eContrairement au ginseng rouge plus stimulant, le blanc agit en profondeur progressivement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eParfaitement adapté aux cures longues, pour adultes et enfants (dès les doses recommandées).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🍽️ Gastronomie raffinée\u003c\/h3\u003e\n \u003cp\u003eSymbole d'élégance, le ginseng blanc s'associe aussi à la truffe noire en haute gastronomie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003eUne extraction douce pour préserver les actifs\u003c\/h2\u003e\n \u003cp class=\"gs-section-intro\"\u003eLe Laboratoire Dioter utilise une méthode d'extraction par macération lente dans un mélange d'eau et de glycérine végétale. Un procédé respectueux qui garantit la préservation optimale des ginsénosides, principes actifs majeurs du ginseng.\u003c\/p\u003e\n \u003cdiv class=\"gs-grid-compact\"\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e💧 Macération lente\u003c\/h3\u003e\n \u003cp\u003eEau \u0026amp; glycérine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🌾 Sans OGM\u003c\/h3\u003e\n \u003cp\u003eMatières premières tracées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🌴 Sans huile de palme\u003c\/h3\u003e\n \u003cp\u003eFormule responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e✨ Ginsénosides préservés\u003c\/h3\u003e\n \u003cp\u003eExtraction respectueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"gs-timeline\"\u003e\n \u003cdiv class=\"gs-timeline-item\"\u003e\n \u003cdiv class=\"gs-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-content\"\u003e\n \u003ch3\u003e👨 Adultes\u003c\/h3\u003e\n \u003cp\u003e30 gouttes, 3 fois par jour, pures ou diluées dans un peu d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-item\"\u003e\n \u003cdiv class=\"gs-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-content\"\u003e\n \u003ch3\u003e🧒 Enfants\u003c\/h3\u003e\n \u003cp\u003e10 gouttes, 2 fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-item\"\u003e\n \u003cdiv class=\"gs-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée de cure\u003c\/h3\u003e\n \u003cp\u003eCure de 1 à 2 mois, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-item\"\u003e\n \u003cdiv class=\"gs-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-content\"\u003e\n \u003ch3\u003e🌅 Moment idéal\u003c\/h3\u003e\n \u003cp\u003ePrivilégiez une prise le matin et en début d'après-midi, pour éviter toute excitation en fin de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour 5 ml)\u003c\/h2\u003e\n \u003cdiv class=\"gs-grid\"\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eBase d'extraction douce et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🌿 Extrait de Panax ginseng\u003c\/h3\u003e\n \u003cp\u003eExtrait aqueux de racines de ginseng blanc.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e💊 Vitamine B6 — 0,21 mg\u003c\/h3\u003e\n \u003cp\u003eSoit 15 % des AJR, pour compléter l'action tonifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-tip\"\u003e\n \u003cspan class=\"gs-tip-icon\"\u003e🍶\u003c\/span\u003e\n \u003cp\u003eFlacon compte-gouttes de \u003cstrong\u003e50 ml\u003c\/strong\u003e, soit environ un mois de cure pour un adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'extrait de ginseng, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"gs-accordion\"\u003e\n \u003cdetails class=\"gs-accordion-item\"\u003e\n \u003csummary class=\"gs-accordion-header\"\u003e⏰ Quand prendre le ginseng ?\u003c\/summary\u003e\n \u003cdiv class=\"gs-accordion-content mt-3\"\u003e\n \u003cp\u003eDe préférence le matin, pour profiter de son effet tonifiant tout au long de la journée. Évitez la prise en fin d'après-midi pour ne pas perturber votre sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gs-accordion-item\"\u003e\n \u003csummary class=\"gs-accordion-header\"\u003e🔄 Peut-on associer ginseng blanc et ginseng rouge ?\u003c\/summary\u003e\n \u003cdiv class=\"gs-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, mais il est conseillé d'alterner les cures plutôt que de les cumuler, pour respecter l'équilibre de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gs-accordion-item\"\u003e\n \u003csummary class=\"gs-accordion-header\"\u003e⚠️ Y a-t-il des précautions ?\u003c\/summary\u003e\n \u003cdiv class=\"gs-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes et aux personnes hypertendues. Demandez l'avis de votre médecin en cas de traitement en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gs-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement Dioter et naturellement-bio.com\u003c\/h2\u003e\n \u003cdiv class=\"gs-cta-box\"\u003e\n \u003cp\u003eSélectionné avec soin pour sa \u003cstrong\u003enaturalité\u003c\/strong\u003e, son \u003cstrong\u003eefficacité\u003c\/strong\u003e et son \u003cstrong\u003erespect de l'environnement\u003c\/strong\u003e, le Ginseng Originel Dioter répond à notre charte qualité stricte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gs-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, un mode de vie sain, ni à un traitement médical. En cas de doute, consultez un professionnel de santé avant toute cure.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gs-cream: #faf6ef;\n --gs-white: #ffffff;\n --gs-primary: #c87a2f;\n --gs-primary-dark: #8a4a18;\n --gs-primary-light: #f7e9d5;\n --gs-secondary: #6b8e3d;\n --gs-accent: #e0a85c;\n --gs-text: #2a1f14;\n --gs-text-light: #6b5a48;\n --gs-border: #e8dcc8;\n --gs-shadow: 0 4px 24px rgba(138, 74, 24, .08);\n --gs-shadow-lg: 0 12px 48px rgba(138, 74, 24, .18);\n --gs-radius: 20px;\n --gs-radius-sm: 12px;\n}\n\n.gs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--gs-text);\n}\n\n.gs-hero {\n position: relative;\n background: linear-gradient(135deg, #c87a2f 0%, #a85f22 50%, #6b8e3d 100%);\n border-radius: var(--gs-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(--gs-shadow-lg);\n}\n\n.gs-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .3;\n}\n\n.gs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gs-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.gs-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.gs-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.gs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gs-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(--gs-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gs-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.gs-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(--gs-primary), var(--gs-secondary));\n border-radius: 2px;\n}\n\n.gs-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gs-text-light);\n margin-bottom: 2rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.gs-card {\n background: var(--gs-white);\n border-radius: var(--gs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gs-shadow-lg);\n border-color: var(--gs-primary);\n}\n\n.gs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gs-grid-compact .gs-card {\n padding: 1rem;\n}\n\n.gs-grid-compact .gs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gs-grid-compact .gs-card p {\n font-size: 12px;\n}\n\n.gs-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.gs-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gs-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gs-primary), var(--gs-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(200, 122, 47, .3);\n}\n\n.gs-timeline-content {\n flex: 1;\n background: var(--gs-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gs-radius-sm);\n box-shadow: var(--gs-shadow);\n}\n\n.gs-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gs-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gs-timeline-content p {\n font-size: 14px;\n color: var(--gs-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.gs-accordion {\n background: var(--gs-white);\n border-radius: var(--gs-radius);\n box-shadow: var(--gs-shadow);\n overflow: hidden;\n}\n\n.gs-accordion-item {\n border-bottom: 1px solid var(--gs-border);\n}\n\n.gs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gs-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.gs-accordion-header:hover {\n background: var(--gs-primary-light);\n}\n\n.gs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gs-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--gs-primary);\n transition: transform .2s ease;\n}\n\n.gs-accordion-item[open] .gs-accordion-header::after {\n content: '−';\n}\n\n.gs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gs-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gs-accordion-content p {\n margin: 0;\n}\n\n.gs-tip {\n display: flex;\n gap: 1rem;\n align-items: center;\n background: var(--gs-primary-light);\n border-radius: var(--gs-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--gs-primary);\n}\n\n.gs-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.gs-tip p {\n font-size: 14px;\n color: var(--gs-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.gs-cta-box {\n background: linear-gradient(135deg, var(--gs-primary) 0%, var(--gs-primary-dark) 100%);\n border-radius: var(--gs-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--gs-shadow-lg);\n}\n\n.gs-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.gs-cta-box strong {\n color: #fff5e0;\n}\n\n.gs-disclaimer {\n font-size: 12px;\n color: var(--gs-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .gs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .gs-card {\n padding: 1.125rem;\n }\n .gs-section {\n margin-bottom: 1.75rem;\n }\n .gs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gs-radius-sm);\n }\n .gs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .gs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .gs-grid-compact {\n gap: .625rem;\n }\n .gs-grid-compact .gs-card {\n padding: .75rem;\n }\n .gs-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .gs-timeline-content {\n padding: .875rem 1rem;\n }\n .gs-timeline-content h3 {\n font-size: 14px;\n }\n .gs-timeline-content p {\n font-size: 13px;\n }\n .gs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .gs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gs-card {\n animation: gsFadeInUp .5s ease backwards;\n }\n .gs-card:nth-child(1) { animation-delay: .05s; }\n .gs-card:nth-child(2) { animation-delay: .1s; }\n .gs-card:nth-child(3) { animation-delay: .15s; }\n .gs-card:nth-child(4) { animation-delay: .2s; }\n .gs-card:nth-child(5) { animation-delay: .25s; }\n .gs-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gsFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gs-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55120569467257,"sku":"DI5020","price":24.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ginseng-originel-extrait-de-ginseng-blanc-50-ml-dioter-packshothd.webp?v=1777371719"},{"product_id":"fleur-de-bach-aspen-tremble-bio-10-ml-dioter","title":"Fleur de Bach Aspen (Tremble) bio - 10 ml - Dioter","description":"\u003cdiv class=\"asp-premium\"\u003e\n\u003cdiv class=\"asp-hero\"\u003e\n\u003cdiv class=\"asp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"asp-hero-content\"\u003e\n\u003cdiv class=\"asp-badges-top\"\u003e\n\u003cspan class=\"asp-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"asp-badge\"\u003e🌸 Méthode du Dr Bach\u003c\/span\u003e \u003cspan class=\"asp-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"asp-hero-title\"\u003eFleur de Bach Aspen (Tremble) bio\u003c\/span\u003e\n\u003cp class=\"asp-subtitle\"\u003eÉlixir floral Dioter - 10 ml\u003c\/p\u003e\n\u003cp class=\"asp-description\"\u003eÉlaborée selon la méthode authentique du Dr Bach, cette essence florale tirée du \u003cstrong\u003ePopulus Tremula\u003c\/strong\u003e aide à apaiser les appréhensions diffuses et les peurs irrationnelles. Accueillez l'inconnu avec confiance et dissipez les angoisses sans cause précise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"asp-section\"\u003e\n\u003ch2\u003eUn élixir floral certifié bio, inspiré par la nature\u003c\/h2\u003e\n\u003cp class=\"asp-section-intro\"\u003eDioter sélectionne avec soin des fleurs sauvages françaises, récoltées dans leur environnement naturel, pour produire un élixir d'une grande pureté.\u003c\/p\u003e\n\u003cdiv class=\"asp-grid-compact\"\u003e\n\u003cdiv class=\"asp-card\"\u003e\n\u003ch3\u003e🌾 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eRécoltées dans leur environnement naturel pour une authenticité totale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-card\"\u003e\n\u003ch3\u003e☀️ Solarisation douce\u003c\/h3\u003e\n\u003cp\u003eMéthode traditionnelle qui préserve l'énergie vibratoire de la fleur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-card\"\u003e\n\u003ch3\u003e🍃 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eRespectueux des traditions florales et des valeurs écologiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-card\"\u003e\n\u003ch3\u003e✨ Efficacité optimale\u003c\/h3\u003e\n\u003cp\u003ePureté et qualité pour une action ciblée sur les émotions profondes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"asp-section\"\u003e\n\u003ch2\u003eIndications principales\u003c\/h2\u003e\n\u003cdiv class=\"asp-grid\"\u003e\n\u003cdiv class=\"asp-card\"\u003e\n\u003ch3\u003e😶🌫️ Peurs floues et inexplicables\u003c\/h3\u003e\n\u003cp\u003eSoutient les personnes sujettes aux appréhensions diffuses, sans cause identifiable, qui envahissent le quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-card\"\u003e\n\u003ch3\u003e🧘 Calme face à l'inconnu\u003c\/h3\u003e\n\u003cp\u003eAide à faire face à l'inconnu avec calme et clarté, en renforçant la confiance intérieure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-card\"\u003e\n\u003ch3\u003e💡 Compréhension émotionnelle\u003c\/h3\u003e\n\u003cp\u003eFavorise une meilleure compréhension intérieure des émotions anxieuses pour mieux les apprivoiser\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"asp-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"asp-timeline\"\u003e\n\u003cdiv class=\"asp-timeline-item\"\u003e\n\u003cdiv class=\"asp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"asp-timeline-content\"\u003e\n\u003ch3\u003eUtilisation ponctuelle\u003c\/h3\u003e\n\u003cp\u003eDéposez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un fond de verre d'eau ou directement sous la langue, plusieurs fois par jour selon les besoins ou la recommandation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-timeline-item\"\u003e\n\u003cdiv class=\"asp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"asp-timeline-content\"\u003e\n\u003ch3\u003eCure prolongée\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale non gazeuse, à consommer en 4 ou 5 prises dans la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-timeline-item\"\u003e\n\u003cdiv class=\"asp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"asp-timeline-content\"\u003e\n\u003ch3\u003eBien agiter\u003c\/h3\u003e\n\u003cp\u003ePensez à bien agiter la préparation avant chaque utilisation pour une répartition homogène de l'élixir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-tip\"\u003e\n\u003cspan class=\"asp-tip-icon\"\u003e💧\u003c\/span\u003e\n\u003cp\u003ePour un usage optimal, privilégiez une prise à distance des repas et laissez l'élixir quelques instants en bouche avant d'avaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"asp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"asp-accordion\"\u003e\n\u003cdetails class=\"asp-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"asp-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"asp-accordion-content mt-3\"\u003e\n\u003cp\u003eEau, Cognac biologique (agent conservateur), Solarisation de fleur de Tremble (\u003cem\u003ePopulus Tremula\u003c\/em\u003e).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"asp-accordion-item\"\u003e\n\u003csummary class=\"asp-accordion-header\"\u003e🌱 Certification\u003c\/summary\u003e\n\u003cdiv class=\"asp-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit issu de l'Agriculture Biologique – Certifié par FR-BIO-01.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"asp-accordion-item\"\u003e\n\u003csummary class=\"asp-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n\u003cdiv class=\"asp-accordion-content mt-3\"\u003e\n\u003cp\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants. Contient de l'alcool (cognac bio).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-cta-box\"\u003e\n\u003cp\u003e🌸 Retrouvez sérénité et confiance au quotidien grâce à la sagesse des Fleurs de Bach, méthode naturelle et douce depuis 1936.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"asp-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un avis médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --asp-cream: #FBF7F3;\n --asp-white: #ffffff;\n --asp-primary: #C4956A;\n --asp-primary-dark: #5C4A3A;\n --asp-primary-light: #F5EDE6;\n --asp-secondary: #D4A08C;\n --asp-accent: #A8C5A0;\n\n --asp-text: #1a1a1a;\n --asp-text-light: #5a5a5a;\n\n --asp-border: #E8DDD4;\n --asp-shadow: 0 4px 24px rgba(92,74,58,.08);\n --asp-shadow-lg: 0 12px 48px rgba(92,74,58,.15);\n --asp-radius: 20px;\n --asp-radius-sm: 12px;\n}\n\n.asp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--asp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.asp-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4A3A 0%, #8B6F56 40%, #C4956A 75%, #D4A08C 100%);\n border-radius: var(--asp-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(--asp-shadow-lg);\n}\n\n.asp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(212,160,140,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.asp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.asp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.asp-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(--asp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.asp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.asp-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.asp-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.asp-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.asp-description strong {\n color: white;\n}\n\n.asp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.asp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--asp-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.asp-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(--asp-primary), var(--asp-secondary));\n border-radius: 2px;\n}\n\n.asp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--asp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.asp-card {\n background: var(--asp-white);\n border-radius: var(--asp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--asp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.asp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--asp-shadow-lg);\n border-color: var(--asp-primary);\n}\n\n.asp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--asp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.asp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--asp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.asp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.asp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.asp-grid-compact .asp-card {\n padding: 1rem;\n}\n\n.asp-grid-compact .asp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.asp-grid-compact .asp-card p {\n font-size: 12px;\n}\n\n.asp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.asp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.asp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--asp-primary), var(--asp-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.asp-timeline-content {\n flex: 1;\n background: var(--asp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--asp-radius-sm);\n box-shadow: var(--asp-shadow);\n}\n\n.asp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--asp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.asp-timeline-content p {\n font-size: 14px;\n color: var(--asp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.asp-timeline-content p strong {\n color: var(--asp-primary-dark);\n}\n\n.asp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--asp-primary-light);\n border-radius: var(--asp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.asp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.asp-tip p {\n font-size: 14px;\n color: var(--asp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.asp-accordion {\n background: var(--asp-white);\n border-radius: var(--asp-radius);\n box-shadow: var(--asp-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.asp-accordion-item {\n border-bottom: 1px solid var(--asp-border);\n margin: 0;\n padding: 0;\n}\n\n.asp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.asp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--asp-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.asp-accordion-header:hover {\n background: var(--asp-primary-light);\n}\n\n.asp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.asp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--asp-primary);\n transition: transform .2s ease;\n}\n\n.asp-accordion-item[open] .asp-accordion-header::after {\n content: '−';\n}\n\n.asp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--asp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.asp-accordion-content p {\n margin: 0;\n}\n\n.asp-cta-box {\n background: linear-gradient(135deg, var(--asp-primary) 0%, var(--asp-primary-dark) 100%);\n border-radius: var(--asp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.asp-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.asp-disclaimer {\n font-size: 12px;\n color: var(--asp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .asp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .asp-card {\n padding: 1.125rem;\n }\n\n .asp-section {\n margin-bottom: 1.75rem;\n }\n\n .asp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--asp-radius-sm);\n }\n\n .asp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .asp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .asp-grid-compact {\n gap: .625rem;\n }\n\n .asp-grid-compact .asp-card {\n padding: .75rem;\n }\n\n .asp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .asp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .asp-timeline-content h3 {\n font-size: 14px;\n }\n\n .asp-timeline-content p {\n font-size: 13px;\n }\n\n .asp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .asp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .asp-tip {\n padding: .875rem 1rem;\n }\n\n .asp-tip-icon {\n font-size: 20px;\n }\n\n .asp-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .asp-card {\n animation: aspFadeInUp .5s ease backwards;\n }\n .asp-card:nth-child(1) { animation-delay: .05s; }\n .asp-card:nth-child(2) { animation-delay: .1s; }\n .asp-card:nth-child(3) { animation-delay: .15s; }\n .asp-card:nth-child(4) { animation-delay: .2s; }\n .asp-card:nth-child(5) { animation-delay: .25s; }\n .asp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes aspFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .asp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55120906551673,"sku":"DI5032","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-aspen-tremble-bio-10-ml-dioter-lifestyle.webp?v=1770634817"},{"product_id":"fleur-de-bach-orme-elm-bio-10-ml-dioter","title":"Fleur de Bach Orme (Elm) bio - 10 ml - Dioter","description":"\u003cdiv class=\"elm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"elm-hero\"\u003e\n\u003cdiv class=\"elm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"elm-hero-content\"\u003e\n\u003cdiv class=\"elm-badges-top\"\u003e\n\u003cspan class=\"elm-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"elm-badge\"\u003e🇫🇷 Récolté en France\u003c\/span\u003e \u003cspan class=\"elm-badge\"\u003e🌸 Méthode Dr Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"elm-hero-title\"\u003eFleur de Bach Orme (Elm) bio\u003c\/span\u003e\n\u003cp class=\"elm-subtitle\"\u003eÉlixir floral Dioter · 10 ml\u003c\/p\u003e\n\u003cp class=\"elm-description\"\u003eUn élixir floral naturel pour retrouver confiance et sérénité face aux responsabilités qui vous submergent. L'Orme symbolise la résilience et l'aptitude à reprendre le contrôle avec douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"elm-section\"\u003e\n\u003ch2\u003eUn soutien naturel pour retrouver l'équilibre intérieur\u003c\/h2\u003e\n\u003cp class=\"elm-section-intro\"\u003eCet élixir floral biologique accompagne ceux qui, malgré leurs compétences, vivent une perte passagère de confiance en soi. Utilisée régulièrement, cette fleur de Bach permet de rétablir un sentiment de stabilité intérieure tout en favorisant un retour à l'action sans stress ni culpabilité.\u003c\/p\u003e\n\u003cdiv class=\"elm-grid\"\u003e\n\u003cdiv class=\"elm-card\"\u003e\n\u003ch3\u003e💪 Résilience retrouvée\u003c\/h3\u003e\n\u003cp\u003eAide à surmonter le sentiment d'être temporairement dépassé par ses responsabilités ou confronté à une surcharge mentale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elm-card\"\u003e\n\u003ch3\u003e🧘 Sérénité intérieure\u003c\/h3\u003e\n\u003cp\u003eAgit comme un catalyseur pour retrouver énergie, persévérance et sérénité, en reprenant le contrôle de sa vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elm-card\"\u003e\n\u003ch3\u003e✨ Confiance renouvelée\u003c\/h3\u003e\n\u003cp\u003eFavorise un retour à l'action sans stress ni culpabilité, en ravivant la confiance en ses propres capacités face aux défis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"elm-section\"\u003e\n\u003ch2\u003eQualité française, pureté et éthique biologique\u003c\/h2\u003e\n\u003cdiv class=\"elm-grid-compact\"\u003e\n\u003cdiv class=\"elm-card\"\u003e\n\u003ch3\u003e🌾 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eRécoltées en France, dans le respect de la nature et des cycles naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elm-card\"\u003e\n\u003ch3\u003e☀️ Méthode de solarisation\u003c\/h3\u003e\n\u003cp\u003ePréparées selon la méthode authentique et traditionnelle du Docteur Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elm-card\"\u003e\n\u003ch3\u003e🍃 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de l'Agriculture Biologique certifiée FR-BIO-01.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elm-card\"\u003e\n\u003ch3\u003e🛡️ Qualité optimale\u003c\/h3\u003e\n\u003cp\u003eEfficacité respectueuse de votre équilibre émotionnel, sans compromis sur la pureté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"elm-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"elm-timeline\"\u003e\n\u003cdiv class=\"elm-timeline-item\"\u003e\n\u003cdiv class=\"elm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"elm-timeline-content\"\u003e\n\u003ch3\u003ePrise directe\u003c\/h3\u003e\n\u003cp\u003ePrendre 5 gouttes dans un peu d'eau ou directement sous la langue, à renouveler plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elm-timeline-item\"\u003e\n\u003cdiv class=\"elm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"elm-timeline-content\"\u003e\n\u003ch3\u003eEn préparation diluée\u003c\/h3\u003e\n\u003cp\u003eDiluer 25 gouttes dans ½ litre d'eau minérale non gazeuse, à boire en 4 à 5 prises dans la journée. Bien agiter avant chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elm-tip\"\u003e\n\u003cspan class=\"elm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un résultat optimal, utilisez cet élixir régulièrement sur plusieurs jours ou semaines, le temps de retrouver votre équilibre émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"elm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"elm-accordion\"\u003e\n\u003cdetails class=\"elm-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"elm-accordion-header\"\u003e🧪 Liste des ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"elm-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eEau\u003c\/strong\u003e · \u003cstrong\u003eCognac biologique\u003c\/strong\u003e · \u003cstrong\u003eSolarisation de fleur – Orme\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"elm-accordion-item\"\u003e\n\u003csummary class=\"elm-accordion-header\"\u003e🌱 Certification biologique\u003c\/summary\u003e\n\u003cdiv class=\"elm-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit issu de l'Agriculture Biologique – certifié FR-BIO-01. Garantie d'une production respectueuse de l'environnement et de votre bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"elm-accordion-item\"\u003e\n\u003csummary class=\"elm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"elm-accordion-content mt-3\"\u003e\n\u003cp\u003eConserver à l'abri de la chaleur et de la lumière directe. Refermer soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"elm-disclaimer\"\u003eLes élixirs floraux 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\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --elm-cream: #faf6f1;\n --elm-white: #ffffff;\n --elm-primary: #8B6914;\n --elm-primary-dark: #5e4710;\n --elm-primary-light: #f5ede0;\n --elm-secondary: #D4A574;\n --elm-accent: #C4956A;\n --elm-text: #1a1a1a;\n --elm-text-light: #5a5a5a;\n --elm-border: #e8dfd4;\n --elm-shadow: 0 4px 24px rgba(94, 71, 16, .08);\n --elm-shadow-lg: 0 12px 48px rgba(94, 71, 16, .15);\n --elm-radius: 20px;\n --elm-radius-sm: 12px;\n}\n\n.elm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--elm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.elm-hero {\n position: relative;\n background: linear-gradient(135deg, #5e4710 0%, #8B6914 40%, #C4956A 100%);\n border-radius: var(--elm-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(--elm-shadow-lg);\n}\n\n.elm-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.elm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.elm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.elm-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(--elm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.elm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.elm-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.elm-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.elm-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.elm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.elm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--elm-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.elm-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(--elm-primary), var(--elm-secondary));\n border-radius: 2px;\n}\n\n.elm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--elm-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.elm-card {\n background: var(--elm-white);\n border-radius: var(--elm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--elm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.elm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--elm-shadow-lg);\n border-color: var(--elm-primary);\n}\n\n.elm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--elm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.elm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--elm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.elm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.elm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.elm-grid-compact .elm-card {\n padding: 1rem;\n}\n\n.elm-grid-compact .elm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.elm-grid-compact .elm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.elm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.elm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.elm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--elm-primary), var(--elm-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.elm-timeline-content {\n flex: 1;\n background: var(--elm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--elm-radius-sm);\n box-shadow: var(--elm-shadow);\n}\n\n.elm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--elm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.elm-timeline-content p {\n font-size: 14px;\n color: var(--elm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.elm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--elm-primary-light);\n border-radius: var(--elm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.elm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.elm-tip p {\n font-size: 14px;\n color: var(--elm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.elm-accordion {\n background: var(--elm-white);\n border-radius: var(--elm-radius);\n box-shadow: var(--elm-shadow);\n overflow: hidden;\n}\n\n.elm-accordion-item {\n border-bottom: 1px solid var(--elm-border);\n margin: 0;\n padding: 0;\n}\n\n.elm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.elm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--elm-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.elm-accordion-header:hover {\n background: var(--elm-primary-light);\n}\n\n.elm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.elm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--elm-primary);\n transition: transform .2s ease;\n}\n\n.elm-accordion-item[open] .elm-accordion-header::after {\n content: '−';\n}\n\n.elm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--elm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.elm-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.elm-testimonial {\n background: var(--elm-white);\n border-radius: var(--elm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--elm-shadow);\n border-left: 4px solid var(--elm-primary);\n}\n\n.elm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--elm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.elm-disclaimer {\n font-size: 12px;\n color: var(--elm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .elm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .elm-card {\n padding: 1.125rem;\n }\n\n .elm-section {\n margin-bottom: 1.75rem;\n }\n\n .elm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--elm-radius-sm);\n }\n\n .elm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .elm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .elm-grid-compact {\n gap: .625rem;\n }\n\n .elm-grid-compact .elm-card {\n padding: .75rem;\n }\n\n .elm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .elm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .elm-timeline-content h3 {\n font-size: 14px;\n }\n\n .elm-timeline-content p {\n font-size: 13px;\n }\n\n .elm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .elm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .elm-testimonial {\n padding: 1.25rem;\n }\n\n .elm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .elm-card {\n animation: elmFadeInUp .5s ease backwards;\n }\n .elm-card:nth-child(1) { animation-delay: .05s; }\n .elm-card:nth-child(2) { animation-delay: .1s; }\n .elm-card:nth-child(3) { animation-delay: .15s; }\n .elm-card:nth-child(4) { animation-delay: .2s; }\n .elm-card:nth-child(5) { animation-delay: .25s; }\n .elm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes elmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .elm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55120919986553,"sku":"DI5041","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-orme-elm-bio-10-ml-dioter-lifestyle.webp?v=1770721605"},{"product_id":"fleur-de-bach-clematite-clematis-bio-10-ml-dioter","title":"Fleur de Bach Clématite (Clematis) bio - 10 ml - Dioter","description":"\u003cdiv class=\"cl-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cl-hero\"\u003e\n\u003cdiv class=\"cl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cl-hero-content\"\u003e\n\u003cdiv class=\"cl-badges-top\"\u003e\n\u003cspan class=\"cl-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e \u003cspan class=\"cl-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"cl-badge\"\u003e☀️ Méthode du Dr Bach\u003c\/span\u003e \u003cspan class=\"cl-badge\"\u003e🧘 Ancrage \u0026amp; présence\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cl-hero-title\"\u003eFleur de Bach Clématite bio\u003c\/span\u003e\n\u003cp class=\"cl-subtitle\"\u003eÉlixir floral Clematis par Dioter\u003c\/p\u003e\n\u003cp class=\"cl-description\"\u003eRetrouvez clarté d'esprit, concentration et connexion au moment présent grâce à cet élixir floral élaboré selon la méthode originale du Docteur Bach. Flacon compte-gouttes 10 ml.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cl-section\"\u003e\n\u003ch2\u003eFleur de Bach Clématite (Clematis) bio  - Retrouvez ancrage et présence au quotidien\u003c\/h2\u003e\n\u003cp class=\"cl-section-intro\"\u003eVous avez tendance à rêvasser, à vous perdre dans vos pensées ou à manquer de concentration ? L'\u003cstrong\u003eélixir floral Clematis bio Auraflor\u003c\/strong\u003e est la \u003cstrong\u003eFleur de Bach\u003c\/strong\u003e de référence pour retrouver un véritable \u003cstrong\u003eancrage mental\u003c\/strong\u003e et vivre pleinement l'instant présent.\u003c\/p\u003e\n\u003cdiv class=\"cl-grid-compact\"\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🌱 Ancrage mental\u003c\/h3\u003e\n\u003cp\u003eReconnectez-vous au réel et retrouvez les pieds sur terre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🔍 Concentration\u003c\/h3\u003e\n\u003cp\u003eAméliorez votre attention sur les tâches du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e💡 Clarté d'esprit\u003c\/h3\u003e\n\u003cp\u003ePrenez vos décisions avec lucidité et discernement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🧘 Connexion au présent\u003c\/h3\u003e\n\u003cp\u003eVivez pleinement chaque instant, ici et maintenant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 1.25rem;\" class=\"cl-section-intro\"\u003eÉlaboré selon la \u003cstrong\u003eméthode originale du Docteur Bach\u003c\/strong\u003e, cet élixir vous aide à reconnecter votre esprit au moment présent avec douceur et naturel.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cl-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse la Fleur de Bach Clématite ?\u003c\/h2\u003e\n\u003cp class=\"cl-section-intro\"\u003eLa \u003cstrong\u003eClematis (Clematis vitalba)\u003c\/strong\u003e fait partie du groupe des Fleurs de Bach liées à l'\u003cstrong\u003eintérêt insuffisant pour le présent\u003c\/strong\u003e. Elle s'adresse aux personnes qui se reconnaissent dans ces situations :\u003c\/p\u003e\n\u003cdiv class=\"cl-grid\"\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🌙 Dans la lune\u003c\/h3\u003e\n\u003cp\u003eVous êtes souvent distrait, rêveur, avec l'impression de flotter loin de la réalité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🎯 Difficulté à se concentrer\u003c\/h3\u003e\n\u003cp\u003eVous avez du mal à maintenir votre attention sur les tâches quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e😴 Tendance à l'assoupissement\u003c\/h3\u003e\n\u003cp\u003eVous ressentez une somnolence fréquente, un manque de vitalité mentale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🔮 Projections futures\u003c\/h3\u003e\n\u003cp\u003eVous vivez davantage dans vos projections que dans le moment présent\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🌫️ Manque de clarté\u003c\/h3\u003e\n\u003cp\u003eVous manquez parfois de clarté d'esprit pour prendre des décisions concrètes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e✨ Besoin de présence\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez retrouver vivacité, attention et ancrage au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-tip\"\u003e\n\u003cspan class=\"cl-tip-icon\"\u003e💫\u003c\/span\u003e\n\u003cp\u003eEn favorisant l'ancrage et la connexion au réel, cet élixir floral vous accompagne vers plus de \u003cstrong\u003eprésence\u003c\/strong\u003e, de vivacité et d'attention dans votre vie de tous les jours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cl-section\"\u003e\n\u003ch2\u003eLes atouts de cet élixir floral bio Auraflor\u003c\/h2\u003e\n\u003cp class=\"cl-section-intro\"\u003eLe laboratoire \u003cstrong\u003eDioter\u003c\/strong\u003e, à travers sa marque Auraflor, s'engage sur une qualité rigoureuse et un profond respect de la tradition du Docteur Edward Bach.\u003c\/p\u003e\n\u003cdiv class=\"cl-grid-compact\"\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🇫🇷 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eRécoltées dans leur milieu naturel pour une qualité vibratoire optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e☀️ Solarisation naturelle\u003c\/h3\u003e\n\u003cp\u003eExtraction 100 % naturelle fidèle à la méthode originale du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🌿 Certifié biologique\u003c\/h3\u003e\n\u003cp\u003eSans additif de synthèse, dans le respect du vivant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e💧 Flacon compte-gouttes\u003c\/h3\u003e\n\u003cp\u003eVerre ambré 10 ml avec pipette pour un dosage précis et pratique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cl-section\"\u003e\n\u003ch2\u003eComposition de la Fleur de Bach Clematis bio\u003c\/h2\u003e\n\u003cp class=\"cl-section-intro\"\u003eUne formule simple et transparente, comme l'exige la tradition des Fleurs de Bach :\u003c\/p\u003e\n\u003cdiv class=\"cl-composition\"\u003e\n\u003cdiv class=\"cl-composition-item\"\u003e\n\u003cspan class=\"cl-composition-icon\"\u003e💧\u003c\/span\u003e\n\u003cdiv class=\"cl-composition-text\"\u003e\n\u003cstrong\u003eEau\u003c\/strong\u003e\n\u003cp\u003eBase purifiée de l'élixir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-composition-item\"\u003e\n\u003cspan class=\"cl-composition-icon\"\u003e🍇\u003c\/span\u003e\n\u003cdiv class=\"cl-composition-text\"\u003e\n\u003cstrong\u003eCognac biologique\u003c\/strong\u003e\n\u003cp\u003eConservateur naturel traditionnel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-composition-item\"\u003e\n\u003cspan class=\"cl-composition-icon\"\u003e🌸\u003c\/span\u003e\n\u003cdiv class=\"cl-composition-text\"\u003e\n\u003cstrong\u003eSolarisation de fleur de Clématite\u003c\/strong\u003e\n\u003cp\u003e\u003cem\u003eClematis vitalba\u003c\/em\u003e – issue de l'agriculture biologique française\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cl-section\"\u003e\n\u003ch2\u003eComment prendre la Fleur de Bach Clématite ?\u003c\/h2\u003e\n\u003cp class=\"cl-section-intro\"\u003eDeux méthodes simples s'offrent à vous selon vos préférences :\u003c\/p\u003e\n\u003cdiv class=\"cl-timeline\"\u003e\n\u003cdiv class=\"cl-timeline-item\"\u003e\n\u003cspan class=\"cl-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"cl-timeline-content\"\u003e\n\u003ch3\u003ePrise directe\u003c\/h3\u003e\n\u003cp\u003eDéposez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un fond de verre d'eau ou directement sous la langue. Renouvelez plusieurs fois par jour selon votre ressenti ou la prescription de votre conseiller.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-timeline-item\"\u003e\n\u003cspan class=\"cl-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"cl-timeline-content\"\u003e\n\u003ch3\u003ePréparation à la journée\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale plate. Buvez en \u003cstrong\u003e4 à 5 prises\u003c\/strong\u003e réparties sur la journée, en agitant la bouteille avant chaque prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-tip\"\u003e\n\u003cspan class=\"cl-tip-icon\"\u003e💼\u003c\/span\u003e\n\u003cp\u003eCette souplesse d'utilisation rend l'élixir facile à intégrer dans votre routine, que vous soyez au bureau, à la maison ou en déplacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"cl-section\"\u003e\n\u003ch2\u003ePrécautions et recommandations\u003c\/h2\u003e\n\u003cdiv class=\"cl-accordion\"\u003e\n\u003cdetails class=\"cl-accordion-item\"\u003e\n\u003csummary class=\"cl-accordion-header\"\u003e⚠️ Avertissement important\u003c\/summary\u003e\n\u003cdiv class=\"cl-accordion-content mt-3\"\u003e\n\u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e ne remplace ni un traitement médical ni un suivi professionnel. Il ne constitue pas un substitut à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cl-accordion-item\"\u003e\n\u003csummary class=\"cl-accordion-header\"\u003e📏 Dosage et conservation\u003c\/summary\u003e\n\u003cdiv class=\"cl-accordion-content mt-3\"\u003e\n\u003cp\u003eRespectez la dose journalière recommandée et conservez le flacon \u003cstrong\u003ehors de portée des jeunes enfants\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cl-accordion-item\"\u003e\n\u003csummary class=\"cl-accordion-header\"\u003e👨⚕️ Conseil professionnel\u003c\/summary\u003e\n\u003cdiv class=\"cl-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de doute, n'hésitez pas à demander l'avis de votre médecin ou d'un conseiller agréé en Fleurs de Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cl-section\"\u003e\n\u003cdiv class=\"cl-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez-vous un moment de recentrage avec l'\u003cstrong\u003eélixir floral Clematis bio Auraflor\u003c\/strong\u003e : une invitation naturelle à revenir ici et maintenant, les pieds sur terre et l'esprit clair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cl-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cl-cream: #F5F0EB;\n --cl-white: #ffffff;\n --cl-primary: #8B6F5E;\n --cl-primary-dark: #5E4A3D;\n --cl-primary-light: #F0E8E2;\n --cl-secondary: #D4A59A;\n --cl-accent: #A8C5B0;\n --cl-text: #1a1a1a;\n --cl-text-light: #5a5a5a;\n --cl-border: #e0d8d0;\n --cl-shadow: 0 4px 24px rgba(94,74,61,.08);\n --cl-shadow-lg: 0 12px 48px rgba(94,74,61,.15);\n --cl-radius: 20px;\n --cl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cl-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4A3D 0%, #8B6F5E 40%, #D4A59A 80%, #A8C5B0 100%);\n border-radius: var(--cl-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(--cl-shadow-lg);\n}\n\n.cl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(168,197,176,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.cl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cl-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.cl-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.cl-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\/* === BADGES === *\/\n.cl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cl-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(--cl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cl-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.cl-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(--cl-primary), var(--cl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cl-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.cl-card {\n background: var(--cl-white);\n border-radius: var(--cl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cl-shadow-lg);\n border-color: var(--cl-primary);\n}\n\n.cl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cl-grid-compact .cl-card {\n padding: 1rem;\n}\n\n.cl-grid-compact .cl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cl-grid-compact .cl-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION === *\/\n.cl-composition {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 550px;\n margin: 0 auto;\n}\n\n.cl-composition-item {\n display: flex;\n gap: 1rem;\n align-items: center;\n background: var(--cl-white);\n border-radius: var(--cl-radius-sm);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--cl-shadow);\n transition: all .3s ease;\n}\n\n.cl-composition-item:hover {\n transform: translateX(6px);\n box-shadow: var(--cl-shadow-lg);\n}\n\n.cl-composition-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.cl-composition-text {\n flex: 1;\n}\n\n.cl-composition-text strong {\n display: block;\n font-size: 16px;\n color: var(--cl-primary-dark);\n margin-bottom: .2rem;\n}\n\n.cl-composition-text p {\n font-size: 13px;\n color: var(--cl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIMELINE === *\/\n.cl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cl-primary), var(--cl-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.cl-timeline-content {\n flex: 1;\n background: var(--cl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cl-radius-sm);\n box-shadow: var(--cl-shadow);\n}\n\n.cl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cl-timeline-content p {\n font-size: 14px;\n color: var(--cl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.cl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cl-primary-light);\n border-radius: var(--cl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cl-tip p {\n font-size: 14px;\n color: var(--cl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cl-testimonial {\n background: var(--cl-white);\n border-radius: var(--cl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cl-shadow);\n border-left: 4px solid var(--cl-primary);\n}\n\n.cl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cl-accordion {\n background: var(--cl-white);\n border-radius: var(--cl-radius);\n box-shadow: var(--cl-shadow);\n overflow: hidden;\n}\n\n.cl-accordion-item {\n border-bottom: 1px solid var(--cl-border);\n margin: 0;\n padding: 0;\n}\n\n.cl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cl-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.cl-accordion-header:hover {\n background: var(--cl-primary-light);\n}\n\n.cl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cl-primary);\n transition: transform .2s ease;\n}\n\n.cl-accordion-item[open] .cl-accordion-header::after {\n content: '−';\n}\n\n.cl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cl-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.cl-cta-box {\n background: linear-gradient(135deg, var(--cl-primary) 0%, var(--cl-primary-dark) 100%);\n border-radius: var(--cl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cl-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.cl-disclaimer {\n font-size: 12px;\n color: var(--cl-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 .cl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cl-card {\n padding: 1.125rem;\n }\n\n .cl-section {\n margin-bottom: 1.75rem;\n }\n\n .cl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cl-radius-sm);\n }\n\n .cl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cl-grid-compact {\n gap: .625rem;\n }\n\n .cl-grid-compact .cl-card {\n padding: .75rem;\n }\n\n .cl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cl-timeline-content h3 {\n font-size: 14px;\n }\n\n .cl-timeline-content p {\n font-size: 13px;\n }\n\n .cl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cl-testimonial {\n padding: 1.25rem;\n }\n\n .cl-testimonial-text {\n font-size: 14px;\n }\n\n .cl-composition-item {\n padding: 1rem;\n }\n\n .cl-composition-icon {\n font-size: 24px;\n }\n\n .cl-composition-text strong {\n font-size: 14px;\n }\n\n .cl-composition-text p {\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cl-card {\n animation: clFadeInUp .5s ease backwards;\n }\n .cl-card:nth-child(1) { animation-delay: .05s; }\n .cl-card:nth-child(2) { animation-delay: .1s; }\n .cl-card:nth-child(3) { animation-delay: .15s; }\n .cl-card:nth-child(4) { animation-delay: .2s; }\n .cl-card:nth-child(5) { animation-delay: .25s; }\n .cl-card:nth-child(6) { animation-delay: .3s; }\n\n .cl-composition-item {\n animation: clFadeInUp .5s ease backwards;\n }\n .cl-composition-item:nth-child(1) { animation-delay: .05s; }\n .cl-composition-item:nth-child(2) { animation-delay: .1s; }\n .cl-composition-item:nth-child(3) { animation-delay: .15s; }\n\n .cl-timeline-item {\n animation: clFadeInUp .5s ease backwards;\n }\n .cl-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cl-timeline-item:nth-child(2) { animation-delay: .1s; }\n}\n\n@keyframes clFadeInUp {\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 .cl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55120942039417,"sku":"DI5039","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-clematite-clematis-bio-10-ml-dioter-lifestyle.webp?v=1770720367"},{"product_id":"fleur-de-bach-beech-hetre-bio-10-ml-dioter","title":"Fleur de Bach Beech (Hêtre) bio - 10 ml - Dioter","description":"\u003cp\u003eLa \u003cstrong\u003eFleur de Bach Hêtre (Beech)\u003c\/strong\u003e de la marque \u003cstrong\u003eDioter\u003c\/strong\u003e est un élixir floral biologique, élaboré selon la méthode originale du Dr Bach. Cette essence florale a été pensée pour ceux et celles qui ont tendance à être critiques, exigeants ou intolérants, et qui souhaitent cultiver plus de \u003cstrong\u003ecompréhension, de tolérance et d’ouverture d’esprit\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n\u003ch2\u003eUn soutien naturel pour cultiver bienveillance et acceptation\u003c\/h2\u003e\n\u003cp\u003eGrâce à une approche holistique, cet élixir favorise une attitude plus sereine et bienveillante envers les autres, permettant de relâcher les jugements excessifs et d’élargir sa perspective. Il aide à retrouver une \u003cstrong\u003evision plus équilibrée et positive du monde\u003c\/strong\u003e, tout en facilitant les relations interpersonnelles.\u003c\/p\u003e\n\u003ch2\u003eIngrédients purs, issus de l’agriculture biologique\u003c\/h2\u003e\n\u003cp\u003eL’élixir de Hêtre est composé exclusivement d’ingrédients naturels :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFleur de Hêtre sauvage\u003c\/strong\u003e cueillie en France\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSolarisation florale\u003c\/strong\u003e selon la méthode du Dr Bach\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEau de source et cognac biologique\u003c\/strong\u003e comme base de conservation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCe produit est certifié \u003cstrong\u003ebiologique par FR-BIO-01\u003c\/strong\u003e, garantissant une fabrication respectueuse de la nature et de votre équilibre émotionnel.\u003c\/p\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e5 gouttes\u003c\/strong\u003e directement sous la langue ou diluées dans un fond de verre d’eau, plusieurs fois par jour selon les besoins ou les recommandations.\u003c\/p\u003e\n\u003cp\u003eIl est également possible de diluer \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans une bouteille d’un demi-litre d’eau minérale non gazeuse, à consommer en 4 à 5\u003c\/p\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55120949739897,"sku":"DI5033","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fleur-de-Bach-Beech-hetre-bio-10ml-Dioter.webp?v=1744718289"},{"product_id":"fleur-de-bach-chicoree-chicory-bio-10-ml-dioter-en-stock","title":"Fleur de Bach Chicorée Bio - 10 ml - Dioter","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Chicorée Bio - 10 ml - Dioter\nPalette détectée:\n - Primaire: #8B6F4E (brun doré\/ambre du flacon et de l'étiquette)\n - Secondaire: #D4A574 (beige rosé, rappelant la pipette et le bandeau bas)\n - Accent: #E8C9A0 (beige clair\/crème de l'étiquette)\nAmbiance: Naturel, doux, bien-être émotionnel, bio, floral, méthode Dr Bach, univers holistique et apaisant\nPréfixe CSS: chic\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Une origine naturelle et française, fidèle à l'esprit du Dr Bach\"\n 2. \"Les bienfaits émotionnels de la fleur de Chicorée\"\n 3. \"Conseils d'utilisation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"chic-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"chic-hero\"\u003e\n \u003cdiv class=\"chic-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"chic-hero-content\"\u003e\n \u003cdiv class=\"chic-badges-top\"\u003e\n \u003cspan class=\"chic-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"chic-badge\"\u003e🇫🇷 Plantes françaises\u003c\/span\u003e\n \u003cspan class=\"chic-badge\"\u003e☀️ Extraction par solarisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"chic-hero-title\"\u003eFleur de Bach Chicorée Bio\u003c\/span\u003e\n \u003cp class=\"chic-subtitle\"\u003eÉlixir floral Dioter · 10 ml\u003c\/p\u003e\n \u003cp class=\"chic-description\"\u003eUn élixir naturel conçu selon la méthode originale du Dr Bach, pour cultiver un amour altruiste et retrouver l'équilibre dans vos relations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"chic-section\"\u003e\n \u003ch2\u003eUne origine naturelle et française, fidèle à l'esprit du Dr Bach\u003c\/h2\u003e\n \u003cp class=\"chic-section-intro\"\u003eLa Fleur de Bach bio Chicorée de Dioter est élaborée avec le plus grand respect de la tradition florale du Dr Edward Bach.\u003c\/p\u003e\n \u003cdiv class=\"chic-grid-compact\"\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e🌾 Plantes sauvages françaises\u003c\/h3\u003e\n \u003cp\u003eDes fleurs de chicorée rigoureusement sélectionnées, issues de cueillettes sauvages en France, garantissant une qualité exceptionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e🌱 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eUne certification bio qui assure une culture sans pesticides ni produits chimiques, dans le respect total de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e☀️ Solarisation naturelle\u003c\/h3\u003e\n \u003cp\u003eUn procédé d'extraction doux et 100 % naturel qui préserve l'énergie vibratoire unique de la fleur de chicorée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e💧 Méthode originale\u003c\/h3\u003e\n \u003cp\u003eFidèle à la méthode du Dr Bach, chaque flacon conserve toute la subtilité et la puissance de l'élixir floral traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"chic-section\"\u003e\n \u003ch2\u003eLes bienfaits émotionnels de la fleur de Chicorée\u003c\/h2\u003e\n \u003cp class=\"chic-section-intro\"\u003eCet élixir floral s'adresse aux personnes qui s'investissent de manière excessive dans le bien-être d'autrui, parfois au détriment de leurs propres besoins. Il aide à restaurer un amour plus altruiste et détaché.\u003c\/p\u003e\n \u003cdiv class=\"chic-grid\"\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e🤝 Relations équilibrées\u003c\/h3\u003e\n \u003cp\u003eFavorise des relations plus équilibrées et respectueuses, en instaurant une juste distance émotionnelle avec les autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e💛 Amour inconditionnel\u003c\/h3\u003e\n \u003cp\u003eEncourage l'amour inconditionnel sans attente de retour, pour donner librement et sans calcul.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e🕊️ Compréhension et tolérance\u003c\/h3\u003e\n \u003cp\u003eDéveloppe la compréhension et la tolérance envers les choix et les besoins des personnes qui vous entourent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e🧘 Recentrage sur soi\u003c\/h3\u003e\n \u003cp\u003ePermet de se recentrer sur soi sans culpabilité, en prenant soin de vos propres besoins émotionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"chic-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"chic-timeline\"\u003e\n \u003cdiv class=\"chic-timeline-item\"\u003e\n \u003cdiv class=\"chic-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"chic-timeline-content\"\u003e\n \u003ch3\u003ePrise directe\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e diluées dans un fond de verre d'eau ou directement sous la langue. À renouveler plusieurs fois par jour selon vos besoins ou recommandations d'un professionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-timeline-item\"\u003e\n \u003cdiv class=\"chic-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"chic-timeline-content\"\u003e\n \u003ch3\u003ePrise diluée tout au long de la journée\u003c\/h3\u003e\n \u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale non gazeuse et consommez ce mélange en 4 à 5 prises réparties tout au long de la journée. Bien agiter avant chaque prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-tip\"\u003e\n \u003cspan class=\"chic-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour un accompagnement personnalisé, n'hésitez pas à consulter un conseiller agréé en Fleurs de Bach qui saura vous guider vers les élixirs les plus adaptés à votre situation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"chic-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"chic-cta-box\"\u003e\n \u003cp\u003e🌸 Retrouvez l'harmonie émotionnelle au quotidien grâce à la douceur naturelle de la Fleur de Bach Chicorée Bio Dioter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"chic-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un traitement médical. Consultez votre 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\/* === VARIABLES === *\/\n:root {\n --chic-cream: #FBF7F2;\n --chic-white: #ffffff;\n --chic-primary: #8B6F4E;\n --chic-primary-dark: #5E4A33;\n --chic-primary-light: #F5EDE3;\n --chic-secondary: #D4A574;\n --chic-accent: #E8C9A0;\n --chic-text: #1a1a1a;\n --chic-text-light: #6B5D52;\n --chic-border: #E8DDD1;\n --chic-shadow: 0 4px 24px rgba(94,74,51,.08);\n --chic-shadow-lg: 0 12px 48px rgba(94,74,51,.15);\n --chic-radius: 20px;\n --chic-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.chic-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--chic-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.chic-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4A33 0%, #8B6F4E 45%, #D4A574 100%);\n border-radius: var(--chic-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(--chic-shadow-lg);\n}\n\n.chic-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.chic-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.chic-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.chic-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.chic-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.chic-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.chic-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(--chic-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.chic-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.chic-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.chic-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--chic-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.chic-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(--chic-primary), var(--chic-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.chic-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--chic-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.chic-card {\n background: var(--chic-white);\n border-radius: var(--chic-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--chic-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.chic-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--chic-shadow-lg);\n border-color: var(--chic-primary);\n}\n\n.chic-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--chic-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.chic-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--chic-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.chic-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.chic-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.chic-grid-compact .chic-card {\n padding: 1rem;\n}\n\n.chic-grid-compact .chic-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.chic-grid-compact .chic-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.chic-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.chic-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.chic-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--chic-primary), var(--chic-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.chic-timeline-content {\n flex: 1;\n background: var(--chic-white);\n padding: 1rem 1.25rem;\n border-radius: var(--chic-radius-sm);\n box-shadow: var(--chic-shadow);\n}\n\n.chic-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--chic-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.chic-timeline-content p {\n font-size: 14px;\n color: var(--chic-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.chic-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--chic-primary-light);\n border-radius: var(--chic-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.chic-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.chic-tip p {\n font-size: 14px;\n color: var(--chic-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.chic-cta-box {\n background: linear-gradient(135deg, var(--chic-primary) 0%, var(--chic-primary-dark) 100%);\n border-radius: var(--chic-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.chic-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.chic-disclaimer {\n font-size: 12px;\n color: var(--chic-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 .chic-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .chic-card {\n padding: 1.125rem;\n }\n\n .chic-section {\n margin-bottom: 1.75rem;\n }\n\n .chic-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--chic-radius-sm);\n }\n\n .chic-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .chic-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .chic-grid-compact {\n gap: .625rem;\n }\n\n .chic-grid-compact .chic-card {\n padding: .75rem;\n }\n\n .chic-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .chic-timeline-content {\n padding: .875rem 1rem;\n }\n\n .chic-timeline-content h3 {\n font-size: 14px;\n }\n\n .chic-timeline-content p {\n font-size: 13px;\n }\n\n .chic-tip {\n padding: .875rem 1rem;\n }\n\n .chic-tip-icon {\n font-size: 20px;\n }\n\n .chic-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .chic-card {\n animation: chic-fadeInUp .5s ease backwards;\n }\n .chic-card:nth-child(1) { animation-delay: .05s; }\n .chic-card:nth-child(2) { animation-delay: .1s; }\n .chic-card:nth-child(3) { animation-delay: .15s; }\n .chic-card:nth-child(4) { animation-delay: .2s; }\n .chic-card:nth-child(5) { animation-delay: .25s; }\n .chic-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes chic-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 .chic-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55120955572601,"sku":"DI5038","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-chicoree-bio-10-ml-dioter-lifestyle.webp?v=1770718866"},{"product_id":"fleur-de-bach-agrimony-aigremoine-bio-10-ml-dioter","title":"Fleur de Bach Agrimony bio - 10 ml - Dioter","description":"\u003cdiv class=\"ag-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ag-hero\"\u003e\n\u003cdiv class=\"ag-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ag-hero-content\"\u003e\n\u003cdiv class=\"ag-badges-top\"\u003e\n\u003cspan class=\"ag-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"ag-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"ag-badge\"\u003e💧 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ag-hero-title\"\u003eFleur de Bach Agrimony bio\u003c\/span\u003e\n\u003cp class=\"ag-subtitle\"\u003eÉlixir floral Dioter, Méthode authentique du Dr Bach\u003c\/p\u003e\n\u003cp class=\"ag-description\"\u003eUn remède floral naturel pour apaiser les conflits intérieurs, retrouver l'authenticité émotionnelle et cultiver une paix intérieure durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette fleur de Bach ?\u003c\/h2\u003e\n\u003cp class=\"ag-section-intro\"\u003eL'élixir \u003cstrong\u003eAgrimony\u003c\/strong\u003e (Aigremoine) est issu de la plante \u003cem\u003eAgrimonia eupatoria\u003c\/em\u003e, réputée pour ses vertus harmonisantes qui favorisent l'expression sincère des émotions.\u003c\/p\u003e\n\u003cdiv class=\"ag-grid\"\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🎭 Faire tomber les masques\u003c\/h3\u003e\n\u003cp\u003eParticulièrement adapté aux personnes qui masquent leurs souffrances ou préoccupations sous un comportement joyeux et sociable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🕊️ Retrouver l'authenticité\u003c\/h3\u003e\n\u003cp\u003eAide à se reconnecter avec ses émotions profondes et à cultiver un état de calme intérieur sincère, loin des apparences.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e☮️ Paix intérieure durable\u003c\/h3\u003e\n\u003cp\u003eRenforce l'équilibre émotionnel en favorisant l'expression authentique des ressentis et en apaisant les conflits intérieurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eUne fabrication naturelle et biologique\u003c\/h2\u003e\n\u003cdiv class=\"ag-grid\"\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🌾 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eCueillies dans le respect de la nature, les fleurs d'aigremoine proviennent de cueillettes sauvages en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e☀️ Extraction par solarisation\u003c\/h3\u003e\n\u003cp\u003eProcédé original du Dr Bach : les fleurs sont exposées au soleil dans une eau pure, garantissant un produit 100 % naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio français\u003c\/h3\u003e\n\u003cp\u003eLe conservateur utilisé est un cognac issu de l'Agriculture Biologique française, certifié FR-BIO-01.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"ag-timeline\"\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eUsage ponctuel\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un fond de verre d'eau ou directement sous la langue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eRenouvellement\u003c\/h3\u003e\n\u003cp\u003eÀ renouveler \u003cstrong\u003eplusieurs fois dans la journée\u003c\/strong\u003e selon les besoins ressentis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eUsage prolongé\u003c\/h3\u003e\n\u003cp\u003eDiluer \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un 1\/2 litre d'eau minérale non gazeuse, à consommer en 4 à 5 prises dans la journée. Bien agiter avant chaque prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-tip\"\u003e\n\u003cspan class=\"ag-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un résultat optimal, privilégiez une prise régulière sur plusieurs semaines. L'élixir peut être associé à d'autres fleurs de Bach selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"ag-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"ag-accordion\"\u003e\n\u003cdetails class=\"ag-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"ag-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n\u003cp\u003eEau, Cognac biologique, Solarisation de fleur – Aigremoine (\u003cem\u003eAgrimonia eupatoria\u003c\/em\u003e)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ag-accordion-item\"\u003e\n\u003csummary class=\"ag-accordion-header\"\u003e🌱 Certification biologique\u003c\/summary\u003e\n\u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit issu de l'Agriculture Biologique – Certifié \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ag-accordion-item\"\u003e\n\u003csummary class=\"ag-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n\u003cp\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"ag-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ag-cream: #FAF6F0;\n --ag-white: #ffffff;\n --ag-primary: #8B6914;\n --ag-primary-dark: #5C4510;\n --ag-primary-light: #F5EDDC;\n --ag-secondary: #D4A574;\n --ag-accent: #E8C896;\n --ag-text: #1a1a1a;\n --ag-text-light: #5a5a5a;\n --ag-border: #e8e0d4;\n --ag-shadow: 0 4px 24px rgba(92, 69, 16, .08);\n --ag-shadow-lg: 0 12px 48px rgba(92, 69, 16, .15);\n --ag-radius: 20px;\n --ag-radius-sm: 12px;\n}\n\n.ag-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ag-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ag-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4510 0%, #8B6914 40%, #D4A574 100%);\n border-radius: var(--ag-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(--ag-shadow-lg);\n}\n\n.ag-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(232, 200, 150, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212, 165, 116, .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.ag-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ag-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.ag-subtitle {\n color: rgba(255, 255, 255, .85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ag-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ag-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ag-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(--ag-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.ag-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ag-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ag-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ag-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.ag-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(--ag-primary), var(--ag-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ag-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ag-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.ag-card {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ag-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ag-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ag-shadow-lg);\n border-color: var(--ag-primary);\n}\n\n.ag-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ag-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ag-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ag-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ag-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ag-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ag-grid-compact .ag-card {\n padding: 1rem;\n}\n\n.ag-grid-compact .ag-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ag-grid-compact .ag-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ag-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ag-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ag-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ag-primary), var(--ag-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.ag-timeline-content {\n flex: 1;\n background: var(--ag-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ag-radius-sm);\n box-shadow: var(--ag-shadow);\n}\n\n.ag-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ag-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ag-timeline-content p {\n font-size: 14px;\n color: var(--ag-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ag-testimonial {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ag-shadow);\n border-left: 4px solid var(--ag-primary);\n}\n\n.ag-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ag-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ag-accordion {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n box-shadow: var(--ag-shadow);\n overflow: hidden;\n}\n\n.ag-accordion-item {\n border-bottom: 1px solid var(--ag-border);\n margin: 0;\n padding: 0;\n}\n\n.ag-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ag-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ag-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.ag-accordion-header:hover {\n background: var(--ag-primary-light);\n}\n\n.ag-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ag-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ag-primary);\n transition: transform .2s ease;\n}\n\n.ag-accordion-item[open] .ag-accordion-header::after {\n content: '−';\n}\n\n.ag-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ag-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ag-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ag-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ag-primary-light);\n border-radius: var(--ag-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ag-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ag-tip p {\n font-size: 14px;\n color: var(--ag-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.ag-disclaimer {\n font-size: 12px;\n color: var(--ag-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 .ag-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ag-card {\n padding: 1.125rem;\n }\n\n .ag-section {\n margin-bottom: 1.75rem;\n }\n\n .ag-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ag-radius-sm);\n }\n\n .ag-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ag-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ag-grid-compact {\n gap: .625rem;\n }\n\n .ag-grid-compact .ag-card {\n padding: .75rem;\n }\n\n .ag-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ag-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ag-timeline-content h3 {\n font-size: 14px;\n }\n\n .ag-timeline-content p {\n font-size: 13px;\n }\n\n .ag-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ag-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ag-testimonial {\n padding: 1.25rem;\n }\n\n .ag-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ag-card {\n animation: agFadeInUp .5s ease backwards;\n }\n .ag-card:nth-child(1) { animation-delay: .05s; }\n .ag-card:nth-child(2) { animation-delay: .1s; }\n .ag-card:nth-child(3) { animation-delay: .15s; }\n .ag-card:nth-child(4) { animation-delay: .2s; }\n .ag-card:nth-child(5) { animation-delay: .25s; }\n .ag-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes agFadeInUp {\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 .ag-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55120973398393,"sku":"DI5031","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-agrimony-bio-10-ml-dioter-lifestyle.webp?v=1770634032"},{"product_id":"fleur-de-bach-pommier-sauvage-bio-10-ml-dioter","title":"Fleur de Bach Pommier Sauvage Bio - 10 ml - Dioter","description":"\u003cp\u003eLa \u003cstrong\u003eFleur de Bach Pommier Sauvage (Crab Apple) Bio\u003c\/strong\u003e de \u003cem\u003eDioter\u003c\/em\u003e est un élixir floral purifiant, élaboré selon la méthode originelle du Dr. Bach. Connu pour son action sur les émotions liées à l’obsession de la perfection et au dégoût de soi, cet élixir invite à se libérer des pensées négatives pour accueillir un sentiment de renouveau et de clarté mentale.\u003c\/p\u003e\n\u003ch2\u003eUne fabrication artisanale et 100% naturelle\u003c\/h2\u003e\n\u003cp\u003eChaque flacon de 10 ml est préparé avec des \u003cstrong\u003efleurs sauvages françaises\u003c\/strong\u003e soigneusement cueillies, issues de \u003cstrong\u003el’agriculture biologique certifiée (FR-BIO-01)\u003c\/strong\u003e. L’extraction est réalisée par solarisation, dans le respect total des principes du Dr. Bach, garantissant une \u003cstrong\u003epureté et une efficacité naturelle\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch2\u003eLes bienfaits émotionnels du pommier sauvage\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eAide à se libérer des pensées obsessionnelles et du besoin excessif de pureté\u003c\/li\u003e\n\u003cli\u003eFavorise une image de soi plus apaisée et bienveillante\u003c\/li\u003e\n\u003cli\u003eEncourage l’acceptation de soi et des imperfections\u003c\/li\u003e\n\u003cli\u003eAgit comme un \u003cstrong\u003enettoyage émotionnel en profondeur\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eIdéal en période de doute, de rejet ou de sentiment d’impureté\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e diluées dans un peu d’eau ou directement sous la langue, plusieurs fois par jour selon vos besoins. Il est également possible de diluer \u003cstrong\u003e25 gouttes dans un demi-litre d’eau\u003c\/strong\u003e à boire en plusieurs prises dans la journée. Agitez bien avant chaque utilisation.\u003c\/p\u003e\n\u003ch2\u003eIngrédients\u003c\/h2\u003e\n\u003cp\u003eEau de source, Cognac biologique (conservateur naturel), solarisation de fleur de \u003cstrong\u003ePommier Sauvage (Malus pumila)\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch2\u003eUn choix naturel et engagé\u003c\/h2\u003e\n\u003cp\u003eEn choisissant cet élixir floral bio Dioter, vous faites le choix d’un \u003cstrong\u003ecomplément émotionnel naturel\u003c\/strong\u003e, respectueux de votre équilibre intérieur comme de l’environnement. Sans effets secondaires ni accoutumance, il peut s’intégrer en douceur dans votre quotidien.\u003c\/p\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55121107714425,"sku":"DI5040","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/crab-apple-10-ml-dioter.webp?v=1744723200"},{"product_id":"fleur-de-bach-bourgeon-de-marronier-bio-10-ml-dioter","title":"Fleur de Bach Bourgeon de marronnier Bio - 10 ml - Dioter","description":"\u003cp\u003eLa \u003cstrong\u003eFleur de Bach Bourgeon de Marronnier (Chestnut Bud)\u003c\/strong\u003e, proposée par \u003cstrong\u003eDioter\u003c\/strong\u003e, est spécialement formulée pour accompagner les personnes qui éprouvent des difficultés à vivre l’instant présent ou qui reproduisent les mêmes erreurs sans en tirer les leçons. Grâce à une méthode d’extraction 100 % naturelle et fidèle à la méthode originelle du Dr. Bach, cet élixir floral favorise une meilleure réceptivité et une plus grande présence à soi et à son environnement.\u003c\/p\u003e\n\u003ch2\u003eUne composition pure et bio, issue de la nature française\u003c\/h2\u003e\n\u003cp\u003eChaque flacon de 10 ml contient une préparation artisanale à base de \u003cstrong\u003ebourgeons de marronnier sauvage\u003c\/strong\u003e, cueillis en pleine nature en France. L’élixir est élaboré à partir d’\u003cem\u003eeau de source\u003c\/em\u003e et de \u003cem\u003ecognac biologique\u003c\/em\u003e, assurant ainsi une conservation naturelle sans altération des vertus originelles de la plante. Certifié \u003cstrong\u003ebio (FR-BIO-01)\u003c\/strong\u003e, ce produit respecte l’équilibre entre efficacité et respect de l’environnement.\u003c\/p\u003e\n\u003ch2\u003eIdéal pour cultiver la pleine conscience au quotidien\u003c\/h2\u003e\n\u003cp\u003eLe bourgeon de marronnier est reconnu dans la tradition florale du Dr. Bach pour son action sur les comportements répétitifs et l’inattention. Il soutient le développement personnel en favorisant une \u003cstrong\u003emeilleure assimilation des expériences passées\u003c\/strong\u003e et en aidant à \u003cstrong\u003evivre pleinement l’instant présent\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003ePrendre \u003cstrong\u003e5 gouttes\u003c\/strong\u003e diluées dans un fond de verre d'eau ou directement sous la langue.\u003c\/li\u003e\n\u003cli\u003eÀ renouveler plusieurs fois par jour selon les besoins.\u003c\/li\u003e\n\u003cli\u003ePour une utilisation prolongée, diluer \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans ½ litre d’eau minérale non gazeuse et consommer en 4 à 5 prises dans la journée. Bien agiter avant chaque prise.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eContenance : \u003cstrong\u003e10 ml\u003c\/strong\u003e (flacon compte-gouttes)\u003c\/li\u003e\n\u003cli\u003eComposition : Eau, cognac bio, solarisation de bourgeons de marronnier\u003c\/li\u003e\n\u003cli\u003eCertification : \u003cstrong\u003eAgriculture Biologique - FR-BIO-01\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eFabrication : Selon la méthode originale du Dr. Bach\u003c\/li\u003e\n\u003cli\u003eMarque : \u003cstrong\u003eDioter\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55121188061561,"sku":"DI5037","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/chestnut-bud-10-ml-dioter.webp?v=1744724364"},{"product_id":"fleur-de-bach-moutarde-bio-10-ml-dioter","title":"Fleur de Bach Moutarde (Mustard) Bio 10 ml - Dioter","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Moutarde (Mustard) Bio 10 ml\nPalette détectée:\n - Primaire: #C4956A (tons ambrés\/cognac du flacon)\n - Secondaire: #E8B4A0 (rose poudré de la pipette)\n - Accent: #D4A574 (doré moutarde, rappel du nom)\n - Fond étiquette: #F5F0E6 (crème naturel)\nAmbiance: Naturel, doux, bien-être émotionnel, élégance apothicaire, sérénité\nPréfixe CSS: fb (fleur de bach)\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 Bio\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🇫🇷 Fabriqué en France\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 Moutarde\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eN°21 • Retrouvez votre lumière intérieure\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003eUn élixir floral bio pour dissiper la mélancolie inexpliquée et retrouver la joie de vivre au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🌻 Quand utiliser Mustard ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e☁️ Mélancolie soudaine\u003c\/h3\u003e\n \u003cp\u003eUn voile sombre s'abat sur votre humeur sans raison apparente, comme un nuage masquant le soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🎭 Humeur changeante\u003c\/h3\u003e\n \u003cp\u003eVous passez de la légèreté à la lourdeur sans transition, sans comprendre pourquoi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🍂 Sensibilité saisonnière\u003c\/h3\u003e\n \u003cp\u003eCes épisodes vous semblent cycliques, liés aux changements de saison ou de luminosité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌫️ Brouillard émotionnel\u003c\/h3\u003e\n \u003cp\u003eVous ressentez un poids inexplicable qui vous coupe des petits plaisirs du quotidien.\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 la moutarde\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🌅 Dissiper la mélancolie\u003c\/h3\u003e\n \u003cp\u003eAide à traverser ces moments où tout semble gris sans raison identifiable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e💛 Retrouver la joie\u003c\/h3\u003e\n \u003cp\u003eFavorise le retour progressif vers un état émotionnel plus lumineux et serein.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e⚖️ Stabiliser l'humeur\u003c\/h3\u003e\n \u003cp\u003eContribue à réduire les fluctuations émotionnelles imprévisibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🎯 Clarifier l'esprit\u003c\/h3\u003e\n \u003cp\u003eAide à lever le brouillard mental et à savourer le moment présent.\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💧 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-usage\"\u003e\n \u003cdiv class=\"fb-usage-step\"\u003e\n \u003cdiv class=\"fb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fb-step-content\"\u003e\n \u003ch3\u003ePrise sublinguale\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e4 gouttes sous la langue\u003c\/strong\u003e, 4 fois par jour minimum : au réveil, avant les repas du midi et du soir, et au coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-usage-step\"\u003e\n \u003cdiv class=\"fb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fb-step-content\"\u003e\n \u003ch3\u003eDilution dans l'eau\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e4 gouttes dans un verre d'eau\u003c\/strong\u003e à boire par petites gorgées, ou \u003cstrong\u003e16 gouttes dans 500 ml\u003c\/strong\u003e à siroter toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-usage-step\"\u003e\n \u003cdiv class=\"fb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fb-step-content\"\u003e\n \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n \u003cp\u003eUtilisation ponctuelle lors d'un épisode ou \u003cstrong\u003ecure de 3 semaines\u003c\/strong\u003e pour un travail émotionnel plus profond.\u003c\/p\u003e\n \u003c\/div\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-composition\"\u003e\n \u003cdiv class=\"fb-ingredient\"\u003e\n \u003cspan class=\"fb-ingredient-name\"\u003e💧 Eau de source\u003c\/span\u003e\n \u003cspan class=\"fb-ingredient-detail\"\u003eBase purifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-ingredient\"\u003e\n \u003cspan class=\"fb-ingredient-name\"\u003e🍇 Cognac biologique\u003c\/span\u003e\n \u003cspan class=\"fb-ingredient-detail\"\u003e27% vol. • Conservateur naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-ingredient\"\u003e\n \u003cspan class=\"fb-ingredient-name\"\u003e🌼 Infusion solaire de moutarde\u003c\/span\u003e\n \u003cspan class=\"fb-ingredient-detail\"\u003eSinapis arvensis • Fleurs sauvages françaises\u003c\/span\u003e\n \u003c\/div\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-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💜 Gentiane\u003c\/h3\u003e\n \u003cp\u003eSi découragement face aux obstacles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💛 Ajonc\u003c\/h3\u003e\n \u003cp\u003eEn cas de désespoir installé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🤎 Châtaignier\u003c\/h3\u003e\n \u003cp\u003ePour l'angoisse profonde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💚 Olivier\u003c\/h3\u003e\n \u003cp\u003eSi fatigue physique et mentale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"fb-note\"\u003e💡 Vous pouvez mélanger jusqu'à 7 fleurs différentes dans un flacon personnalisé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🏆 Garanties qualité\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌱 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eFR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eRécolte française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n \u003cp\u003eMéthode originelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🧴 Verre ambré\u003c\/h3\u003e\n \u003cp\u003eConservation optimale\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\"\u003e⏱️ Combien de temps pour ressentir les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eChaque personne réagit différemment. Certains ressentent un apaisement dès les premières prises, d'autres observent des changements après quelques jours. Une cure de 3 semaines permet d'évaluer les bienfaits.\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🤰 Grossesse et allaitement ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eLa présence de cognac dans la composition nécessite un avis médical préalable pour les femmes enceintes ou allaitantes.\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👶 Convient aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eLa dilution dans l'eau permet de réduire considérablement la quantité d'alcool. Pour les enfants, privilégiez cette méthode et consultez un professionnel de santé.\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⚠️ Contre-indications ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eDéconseillé aux personnes souffrant d'alcoolisme ou suivant un traitement incompatible avec l'alcool. Demandez conseil à votre médecin en cas de doute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"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\u003eConserver à l'abri de la lumière et de la chaleur. Le flacon en verre ambré protège l'élixir des UV pour une conservation optimale.\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 se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes 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ℹ️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eLes Fleurs de Bach accompagnent le bien-être émotionnel mais ne constituent pas un traitement médical. En cas de tristesse persistante ou de symptômes dépressifs, consultez un professionnel de santé qualifié.\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🌻 Laissez la lumière revenir naturellement dans votre quotidien avec l'élixir floral n°21 du Dr Bach, préparé selon la méthode traditionnelle de solarisation.\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: #FAF7F2;\n --fb-white: #ffffff;\n --fb-primary: #C4956A;\n --fb-primary-dark: #8B6344;\n --fb-primary-light: #F5EDE5;\n --fb-secondary: #E8B4A0;\n --fb-accent: #D4A574;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8e0d8;\n --fb-shadow: 0 4px 24px rgba(139,99,68,.08);\n --fb-shadow-lg: 0 12px 48px rgba(139,99,68,.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, #D4A574 0%, #C4956A 40%, #E8B4A0 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(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.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: .5rem;\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 .75rem 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, 18px);\n line-height: 1.6;\n max-width: 600px;\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-card-highlight {\n background: linear-gradient(135deg, var(--fb-white) 0%, var(--fb-primary-light) 100%);\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-usage {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-usage-step {\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: 1.5rem;\n box-shadow: var(--fb-shadow);\n transition: all .3s ease;\n}\n\n.fb-usage-step:hover {\n transform: translateX(8px);\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) 0%, var(--fb-accent) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(196,149,106,.3);\n}\n\n.fb-step-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-step-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-composition {\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-ingredient {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 0;\n border-bottom: 1px solid var(--fb-border);\n}\n\n.fb-ingredient:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.fb-ingredient:first-child {\n padding-top: 0;\n}\n\n.fb-ingredient-name {\n font-weight: 700;\n color: var(--fb-primary-dark);\n font-size: 15px;\n}\n\n.fb-ingredient-detail {\n font-size: 13px;\n color: var(--fb-text-light);\n text-align: right;\n}\n\n.fb-note {\n text-align: center;\n font-size: 14px;\n color: var(--fb-text-light);\n margin-top: 1.25rem;\n padding: 1rem;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\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: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n.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@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .8; }\n}\n\n@media (max-width: 767px) {\n .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-step {\n padding: 1.125rem;\n gap: 1rem;\n }\n \n .fb-step-number {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n \n .fb-step-content h3 {\n font-size: 15px;\n }\n \n .fb-step-content p {\n font-size: 13px;\n }\n \n .fb-composition {\n padding: 1rem;\n }\n \n .fb-ingredient {\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n \n .fb-ingredient-detail {\n text-align: left;\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 .fb-usage-step {\n animation: fadeInUp .5s ease backwards;\n }\n .fb-usage-step:nth-child(1) { animation-delay: .1s; }\n .fb-usage-step:nth-child(2) { animation-delay: .2s; }\n .fb-usage-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":"DIOTER","offers":[{"title":"Default Title","offer_id":55121227448697,"sku":"DI5051","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-moutarde-mustard-bio-10-ml-dioter-ingredients.webp?v=1768494478"},{"product_id":"fleur-de-bach-violette-d-eau-bio-10-ml-dioter","title":"Fleur de Bach Violette d'eau Bio - 10 ml - Dioter","description":"\u003cp\u003eLa \u003cstrong\u003eFleur de Bach Violette d’eau Bio\u003c\/strong\u003e proposée par \u003cstrong\u003eDioter\u003c\/strong\u003e est un élixir floral certifié biologique, conçu selon la méthode originelle du Dr Edward Bach. Obtenue à partir de fleurs sauvages françaises soigneusement cueillies à la main, cette préparation naturelle vise à favoriser l’ouverture émotionnelle et à apaiser les tensions liées à l’isolement ou à une tendance au repli sur soi.\u003c\/p\u003e\n\u003ch2\u003eUn soutien naturel pour les personnes introverties ou en retrait\u003c\/h2\u003e\n\u003cp\u003eLa \u003cem\u003eHottonie des marais\u003c\/em\u003e, aussi connue sous le nom de Water Violet, est la fleur centrale de cette formule. Elle est traditionnellement utilisée pour aider les personnes calmes et indépendantes, mais qui peuvent parfois s’éloigner émotionnellement de leur entourage. Cet élixir floral vise ainsi à :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eFaciliter l’expression des émotions et des ressentis\u003c\/li\u003e\n\u003cli\u003eEncourager l’ouverture aux autres avec bienveillance\u003c\/li\u003e\n\u003cli\u003eRéduire le sentiment d’isolement ou de solitude\u003c\/li\u003e\n\u003cli\u003eFavoriser l’humilité et la sagesse dans les relations\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUne élaboration artisanale et bio\u003c\/h2\u003e\n\u003cp\u003eConformément aux préceptes du Dr Bach, la fabrication de cet élixir repose sur une \u003cstrong\u003eméthode de solarisation\u003c\/strong\u003e douce et respectueuse, préservant toute la vitalité de la fleur. Ce produit est \u003cstrong\u003ecertifié bio\u003c\/strong\u003e (FR-BIO-01) et ne contient que des ingrédients naturels :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eEau pure\u003c\/li\u003e\n\u003cli\u003eCognac biologique (agent de conservation)\u003c\/li\u003e\n\u003cli\u003eExtrait floral de Hottonie des marais\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cp\u003eVersez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e directement sous la langue ou dans un verre d’eau, plusieurs fois par jour selon les besoins. Pour un usage prolongé, diluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans ½ litre d’eau minérale non gazeuse à consommer en \u003cstrong\u003e4 à 5 prises dans la journée\u003c\/strong\u003e, en agitant la bouteille avant chaque prise.\u003c\/p\u003e\n\u003ch2\u003eInformations complémentaires\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eConditionnement :\u003c\/strong\u003e Flacon compte-gouttes de 10 ml\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertification :\u003c\/strong\u003e Agriculture Biologique - FR-BIO-01\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrécautions :\u003c\/strong\u003e Ne pas dépasser la dose journalière recommandée. Ne se substitue pas à une alimentation équilibrée. Tenir hors de portée des enfants.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55121295475065,"sku":"DI5064","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/violette-d-eau-10-ml-dioter.webp?v=1744726125"},{"product_id":"fleur-de-bach-chataigner-bio-10-ml-dioter","title":"Fleur de Bach Châtaigner Bio - 10 ml - Dioter","description":"\u003cdiv class=\"fb-premium\"\u003e\n\u003c!-- HERO --\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🌸 Méthode Dr Bach\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fb-hero-title\"\u003eFleur de Bach Châtaigner Bio\u003c\/span\u003e\n\u003cp class=\"fb-subtitle\"\u003eSweet Chestnut · Élixir floral 10 ml · Dioter\u003c\/p\u003e\n\u003cp class=\"fb-description\"\u003eUn élixir floral précieux, élaboré selon la méthode originale du Dr Bach, pour accompagner les périodes de profonde détresse émotionnelle et retrouver la paix intérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eVertus libératrices du Châtaignier : retrouver l'espoir au cœur de l'obscurité\u003c\/h2\u003e\n\u003cp class=\"fb-section-intro\"\u003eRecommandé dans les moments où l'on se sent au bout du rouleau, accablé par le désespoir ou une peine profonde, le Châtaignier transforme les états extrêmes en force de résilience.\u003c\/p\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e✨ Lumière intérieure\u003c\/h3\u003e\n\u003cp\u003eFait émerger une lumière au cœur de l'obscurité, favorisant la transformation émotionnelle et la prise de conscience profonde.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🔓 Libération émotionnelle\u003c\/h3\u003e\n\u003cp\u003eSoutient la libération des émotions bloquées et encourage l'acceptation des expériences passées pour briser les schémas répétitifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌱 Évolution personnelle\u003c\/h3\u003e\n\u003cp\u003eGuide vers une évolution personnelle harmonieuse en stimulant la capacité à apprendre des épreuves et à grandir intérieurement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eUne composition 100% naturelle et bio\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌼 Fleurs sauvages\u003c\/h3\u003e\n\u003cp\u003eÉlaboré à partir de fleurs sauvages françaises cueillies avec soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n\u003cp\u003eExtrait par solarisation selon la méthode traditionnelle du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eComposé d'eau de source et de cognac biologique comme stabilisateur naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n\u003cp\u003eProduit certifié bio par FR-BIO-01, garantie de qualité et de traçabilité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et durée de la cure\u003c\/h2\u003e\n\u003cdiv class=\"fb-timeline\"\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003ePrise directe\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un fond d'eau ou directement sous la langue, plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003ePrise diluée (alternative)\u003c\/h3\u003e\n\u003cp\u003eDiluer \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale non gazeuse et consommer en 4 à 5 prises au cours de la journée, en agitant avant chaque usage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003eUne cure de \u003cstrong\u003e3 semaines\u003c\/strong\u003e est généralement recommandée, renouvelable si nécessaire pour un effet optimal.\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\u003ePour un effet optimal, privilégiez la prise en dehors des repas et laissez les gouttes quelques secondes sous la langue avant d'avaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"fb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConditionnement et précautions\u003c\/h2\u003e\n\u003cdiv class=\"fb-accordion\"\u003e\n\u003cdetails class=\"fb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n\u003cp\u003eFlacon compte-gouttes en verre de 10 ml, pratique et précis pour un dosage optimal au quotidien.\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-3\"\u003e\n\u003cp\u003eComplément alimentaire à utiliser dans le cadre d'un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"fb-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fb-cream: #FDF8F2;\n --fb-white: #ffffff;\n --fb-primary: #8B6914;\n --fb-primary-dark: #5C4A1E;\n --fb-primary-light: #F5EDD8;\n --fb-secondary: #D4A574;\n --fb-accent: #C08B4A;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8dfd2;\n --fb-shadow: 0 4px 24px rgba(92,74,30,.08);\n --fb-shadow-lg: 0 12px 48px rgba(92,74,30,.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\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4A1E 0%, #8B6914 40%, #D4A574 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: 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.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: 8px;\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,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\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: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\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\/* === SECTION INTRO === *\/\n.fb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-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.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\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-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.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\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\/* === TESTIMONIAL === *\/\n.fb-testimonial {\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-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\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: 10px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-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 .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-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\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-testimonial {\n padding: 1.25rem;\n }\n\n .fb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .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 fbFadeInUp {\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":"DIOTER","offers":[{"title":"Default Title","offer_id":55122930172281,"sku":"DI5060","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-chataigner-bio-10-ml-dioter-lifestyle.webp?v=1770884703"},{"product_id":"fleur-de-bach-ajonc-bio-10-ml-dioter","title":"Fleur de Bach Ajonc (Gorse) Bio - 10 ml - Dioter","description":"\u003cdiv class=\"gb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gb-hero\"\u003e\n\u003cdiv class=\"gb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gb-hero-content\"\u003e\n\u003cdiv class=\"gb-badges-top\"\u003e\n\u003cspan class=\"gb-badge\"\u003e🌿 Agriculture biologique FR-BIO-01\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e🌼 Méthode du Dr. Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gb-hero-title\"\u003eFleur de Bach Ajonc (Gorse) Bio\u003c\/span\u003e\n\u003cp class=\"gb-subtitle\"\u003eÉlixir floral Dioter — 10 ml\u003c\/p\u003e\n\u003cp class=\"gb-description\"\u003ePlongez au cœur de la tradition florale avec cet élixir préparé selon la méthode originelle du Dr. Bach. Une invitation à retrouver l'espoir et à ranimer la volonté face aux épreuves de la vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eUn élixir naturel et français\u003c\/h2\u003e\n\u003cp class=\"gb-section-intro\"\u003eIssu de l'agriculture biologique française et certifié \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e, cet élixir de \u003cem\u003eUlex europaeus\u003c\/em\u003e (Ajonc) est préparé à partir de fleurs sauvages cueillies avec soin.\u003c\/p\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌾 Fleurs sauvages\u003c\/h3\u003e\n\u003cp\u003eCueillette respectueuse de fleurs d'ajonc dans leur milieu naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n\u003cp\u003eExtraction vibratoire fidèle aux principes du Dr. Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🧪 100 % naturel\u003c\/h3\u003e\n\u003cp\u003ePréparation sans altération, sans additif de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n\u003cp\u003eÉlaboré par la marque française Dioter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePour qui ?\u003c\/h2\u003e\n\u003cp class=\"gb-section-intro\"\u003eLa Fleur de Bach Ajonc est particulièrement recommandée aux personnes se sentant enfermées dans un profond découragement, une perte de foi en l'avenir, voire un pessimisme installé.\u003c\/p\u003e\n\u003cdiv class=\"gb-grid\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌅 Le renouveau de l'espoir\u003c\/h3\u003e\n\u003cp\u003eRetrouvez une flamme intérieure et la capacité à envisager l'avenir avec plus de sérénité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e💪 La résilience face aux épreuves\u003c\/h3\u003e\n\u003cp\u003eFavorise la capacité à se relever malgré les difficultés rencontrées sur votre chemin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e✨ Une attitude confiante et lumineuse\u003c\/h3\u003e\n\u003cp\u003eUn retour progressif vers un état d'esprit ouvert, positif et tourné vers la lumière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et durée de la cure\u003c\/h2\u003e\n\u003cdiv class=\"gb-timeline\"\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003ePrise directe\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e5 gouttes\u003c\/strong\u003e sous la langue ou diluées dans un peu d'eau, plusieurs fois par jour selon le besoin ou les recommandations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eCure structurée\u003c\/h3\u003e\n\u003cp\u003eDiluer \u003cstrong\u003e25 gouttes dans ½ litre d'eau minérale non gazeuse\u003c\/strong\u003e, à consommer en 4 à 5 prises réparties sur la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n\u003cp\u003eUne \u003cstrong\u003ecure d'au moins 3 semaines\u003c\/strong\u003e est recommandée pour une meilleure intégration émotionnelle. Renouvelable si nécessaire, selon la profondeur du mal-être ressenti.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un soutien optimal, prenez vos gouttes à distance des repas et laissez-les un instant sous la langue avant d'avaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"gb-grid\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eBase pure et naturelle pour la préparation de l'élixir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🍇 Cognac biologique\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel traditionnel des élixirs floraux de Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌼 Solarisation de fleurs d'ajonc\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eUlex europaeus\u003c\/em\u003e — fleurs sauvages capturées par la méthode solaire du Dr. Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 \u0026 #6 regroupés en accordéon --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eConditionnement et certification\u003c\/h2\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e📦 Flacon 10 ml\u003c\/h3\u003e\n\u003cp\u003eCompte-gouttes pratique et nomade\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n\u003cp\u003eFR-BIO-01 — Agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"gb-accordion\"\u003e\n\u003cdetails class=\"gb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eComplément alimentaire à base de plantes. À utiliser dans le cadre d'une alimentation variée. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Ce produit n'est pas un médicament.\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=\"gb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"gb-cta-box\"\u003e\n\u003cp\u003e🌼 Redonnez place à l'espoir dans votre quotidien avec l'élixir floral Ajonc Bio — fidèle à la méthode originelle du Dr. Bach, certifié bio et fabriqué en France par Dioter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gb-disclaimer\"\u003eLes élixirs floraux sont des compléments alimentaires et ne sauraient se substituer à un avis médical. Les résultats peuvent varier selon les individus.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gb-cream: #FBF7F0;\n --gb-white: #ffffff;\n --gb-primary: #8B6914;\n --gb-primary-dark: #5C450D;\n --gb-primary-light: #F5EDDC;\n --gb-secondary: #C4956A;\n --gb-accent: #4A6741;\n --gb-text: #1a1a1a;\n --gb-text-light: #5a5a5a;\n --gb-border: #E8DFD0;\n --gb-shadow: 0 4px 24px rgba(90,60,10,.08);\n --gb-shadow-lg: 0 12px 48px rgba(90,60,10,.15);\n --gb-radius: 20px;\n --gb-radius-sm: 12px;\n}\n\n.gb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gb-hero {\n position: relative;\n background: linear-gradient(135deg, #5C450D 0%, #8B6914 40%, #C4956A 80%, #D4A97A 100%);\n border-radius: var(--gb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gb-shadow-lg);\n}\n\n.gb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-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.gb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.gb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.8;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gb-primary), var(--gb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gb-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.gb-section-intro strong {\n color: var(--gb-primary-dark);\n}\n\n\/* === CARDS === *\/\n.gb-card {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gb-shadow-lg);\n border-color: var(--gb-primary);\n}\n\n.gb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gb-grid-compact .gb-card {\n padding: 1rem;\n}\n\n.gb-grid-compact .gb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gb-grid-compact .gb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gb-primary), var(--gb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gb-timeline-content {\n flex: 1;\n background: var(--gb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gb-radius-sm);\n box-shadow: var(--gb-shadow);\n}\n\n.gb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gb-timeline-content p {\n font-size: 14px;\n color: var(--gb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.gb-timeline-content p strong {\n color: var(--gb-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.gb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gb-primary-light);\n border-radius: var(--gb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gb-tip p {\n font-size: 14px;\n color: var(--gb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.gb-testimonial {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gb-shadow);\n border-left: 4px solid var(--gb-primary);\n}\n\n.gb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gb-accordion {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n box-shadow: var(--gb-shadow);\n overflow: hidden;\n}\n\n.gb-accordion-item {\n border-bottom: 1px solid var(--gb-border);\n margin: 0;\n padding: 0;\n}\n\n.gb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gb-accordion-header:hover {\n background: var(--gb-primary-light);\n}\n\n.gb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gb-primary);\n transition: transform .2s ease;\n}\n\n.gb-accordion-item[open] .gb-accordion-header::after {\n content: '−';\n}\n\n.gb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gb-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gb-cta-box {\n background: linear-gradient(135deg, var(--gb-primary) 0%, var(--gb-primary-dark) 100%);\n border-radius: var(--gb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gb-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.gb-disclaimer {\n font-size: 12px;\n color: var(--gb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gb-card {\n padding: 1.125rem;\n }\n\n .gb-section {\n margin-bottom: 1.75rem;\n }\n\n .gb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gb-radius-sm);\n }\n\n .gb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gb-grid-compact {\n gap: .625rem;\n }\n\n .gb-grid-compact .gb-card {\n padding: .75rem;\n }\n\n .gb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gb-timeline-content h3 {\n font-size: 14px;\n }\n\n .gb-timeline-content p {\n font-size: 13px;\n }\n\n .gb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gb-testimonial {\n padding: 1.25rem;\n }\n\n .gb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gb-card {\n animation: gbFadeInUp .5s ease backwards;\n }\n .gb-card:nth-child(1) { animation-delay: .05s; }\n .gb-card:nth-child(2) { animation-delay: .1s; }\n .gb-card:nth-child(3) { animation-delay: .15s; }\n .gb-card:nth-child(4) { animation-delay: .2s; }\n .gb-card:nth-child(5) { animation-delay: .25s; }\n .gb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55122985714041,"sku":"DI5043","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-ajonc-gorse-bio-10-ml-dioter-lifestyle.webp?v=1770722444"},{"product_id":"fleur-de-bach-charme-bio-10-ml-dioter","title":"Fleur de Bach Charme bio - 10 ml - Dioter","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Charme bio - 10 ml - Dioter\nPalette détectée:\n - Primaire: #D4A574 (beige doré\/sable du packaging)\n - Secondaire: #E8B4A6 (rose poudré de la pipette)\n - Accent: #8B7355 (brun ambré du flacon)\nAmbiance: Naturel, doux, organique, féminin soft, bien-être holistique, tradition florale\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 France\u003c\/span\u003e \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 Charme\u003c\/span\u003e\n\u003cp class=\"fb-subtitle\"\u003eRetrouvez votre élan et votre vitalité mentale\u003c\/p\u003e\n\u003cp class=\"fb-description\"\u003eL'élixir floral bio pour surmonter la fatigue mentale et transformer l'hésitation en action\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e💫 Les bienfaits émotionnels\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e⚡ Énergie mentale restaurée\u003c\/h3\u003e\n\u003cp\u003eAffrontez chaque journée avec davantage de légèreté et de clarté d'esprit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🎯 Volonté d'agir stimulée\u003c\/h3\u003e\n\u003cp\u003eTransformez l'hésitation en action concrète, sans effort surhumain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💪 Confiance retrouvée\u003c\/h3\u003e\n\u003cp\u003eReprenez foi en vos capacités à mener à bien tous vos projets\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌅 Fraîcheur mentale\u003c\/h3\u003e\n\u003cp\u003eRessentez cette sensation comparable à celle d'un nouveau départ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🧘 Stabilité intérieure\u003c\/h3\u003e\n\u003cp\u003eRenforcez votre ancrage face aux défis du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌿 Action douce\u003c\/h3\u003e\n\u003cp\u003eSans accoutumance ni effet secondaire connu, en toute sérénité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\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😴 Fatigue au réveil\u003c\/h3\u003e\n\u003cp\u003eVous vous sentez épuisé avant même d'avoir commencé votre journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e⏰ Procrastination\u003c\/h3\u003e\n\u003cp\u003eVous remettez sans cesse à plus tard ce que vous devriez faire maintenant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e😔 Manque d'enthousiasme\u003c\/h3\u003e\n\u003cp\u003eLes activités qui vous plaisaient vous semblent maintenant fastidieuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🤔 Doute sur vos capacités\u003c\/h3\u003e\n\u003cp\u003eVous n'êtes plus certain d'avoir la force d'accomplir vos projets\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🔄 Sensation de monotonie\u003c\/h3\u003e\n\u003cp\u003eVotre routine quotidienne vous pèse et vous aspire vers le bas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e✨ Blocage mental\u003c\/h3\u003e\n\u003cp\u003eUne fois lancé, la fatigue s'estompe : le blocage est mental, pas physique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e📅 Quand l'utiliser ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌸 Transition hormonale\u003c\/h3\u003e\n\u003cp\u003eAccompagne les femmes lors de la ménopause face à la fatigue et aux baisses de moral\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💼 Surcharge professionnelle\u003c\/h3\u003e\n\u003cp\u003eQuand l'accumulation de tâches vous paralyse et bloque votre élan\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n\u003cp\u003eParticulièrement à l'automne et en hiver, quand la luminosité diminue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🏥 Convalescence\u003c\/h3\u003e\n\u003cp\u003ePour retrouver progressivement votre dynamisme habituel après une maladie\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-container\"\u003e\n\u003cdiv class=\"fb-usage-card\"\u003e\n\u003cdiv class=\"fb-usage-header\"\u003e\n\u003cspan class=\"fb-usage-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3\u003eUtilisation ponctuelle\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"fb-usage-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e4 gouttes\u003c\/strong\u003e directement sous la langue\u003c\/li\u003e\n\u003cli\u003eOu diluées dans un fond de verre d'eau\u003c\/li\u003e\n\u003cli\u003eJusqu'à \u003cstrong\u003e4 à 6 fois par jour\u003c\/strong\u003e selon vos besoins\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-card\"\u003e\n\u003cdiv class=\"fb-usage-header\"\u003e\n\u003cspan class=\"fb-usage-icon\"\u003e🍶\u003c\/span\u003e\n\u003ch3\u003eUtilisation journalière\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"fb-usage-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e16 gouttes\u003c\/strong\u003e dans 500 ml d'eau minérale plate\u003c\/li\u003e\n\u003cli\u003eAgiter avant chaque prise\u003c\/li\u003e\n\u003cli\u003eBoire par \u003cstrong\u003epetites gorgées\u003c\/strong\u003e au fil de la journée\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-tip\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Conseil pratique :\u003c\/strong\u003e gardez le flacon dans votre sac pour une utilisation à tout moment, notamment lors des coups de fatigue ou avant une tâche que vous appréhendez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eBase pure et naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌳 Charme\u003c\/h3\u003e\n\u003cp\u003eCarpinus betulus solarisé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌱 100% Bio\u003c\/h3\u003e\n\u003cp\u003eCertifié FR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e✨ Qualité Dioter\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌸 Fleurs sauvages\u003c\/h3\u003e\n\u003cp\u003eCueillies à la main en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n\u003cp\u003eMéthode originale Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🏆 Certification bio\u003c\/h3\u003e\n\u003cp\u003eFR-BIO-01 garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🍷 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eConservation optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🤝 Synergies recommandées avec la fleur de bach charme\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🫒 Olivier\u003c\/h3\u003e\n\u003cp\u003eEn cas d'épuisement physique et mental profond\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌹  Rose sauve\u003c\/h3\u003e\n\u003cp\u003eSi la résignation accompagne votre manque de motivation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💜 Gentiane\u003c\/h3\u003e\n\u003cp\u003ePour surmonter le découragement après un échec\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\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⏱️ Combien de temps pour ressentir les effets ?\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eLes élixirs floraux agissent différemment selon les personnes. Certains ressentent un changement dès les premiers jours, tandis que d'autres auront besoin de 2 à 3 semaines d'utilisation régulière. La clé réside dans la constance.\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 l'utiliser pendant la ménopause ?\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eOui, la fleur de Bach Charme peut accompagner cette période en aidant à gérer la fatigue mentale souvent ressentie lors des changements hormonaux.\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 interactions médicamenteuses ?\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eAucune interaction médicamenteuse n'est connue à ce jour. Toutefois, par précaution, informez votre médecin ou pharmacien 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\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\"\u003e\n\u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Le cognac bio assure une conservation optimale des principes actifs floraux.\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 un suivi par un professionnel de santé. En cas de fatigue persistante, consultez votre médecin pour en identifier la cause. Contient de l'alcool (cognac) : déconseillé aux femmes enceintes, allaitantes et aux personnes en sevrage alcoolique. 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📜 Origine de la méthode\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eLe Charme (Hornbeam) fait partie des 38 fleurs de Bach identifiées par le Dr Edward Bach dans les années 1930. Élaboré selon la méthode originale de solarisation, cet élixir perpétue une tradition de près d'un siècle au service du bien-être émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"fb-section\"\u003e\n\u003cdiv class=\"fb-cta-box\"\u003e\n\u003cp\u003e🌸 Libérez-vous de la fatigue mentale et retrouvez l'enthousiasme qui sommeille en vous. La nature a le pouvoir de vous accompagner en douceur vers un quotidien plus léger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fb-cream: #FDF8F4;\n --fb-white: #ffffff;\n --fb-primary: #D4A574;\n --fb-primary-dark: #8B6914;\n --fb-primary-light: #F5EBE0;\n --fb-secondary: #E8B4A6;\n --fb-accent: #8B7355;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8e0d8;\n --fb-shadow: 0 4px 24px rgba(139,115,85,.08);\n --fb-shadow-lg: 0 12px 48px rgba(139,115,85,.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, #E8B4A6 0%, #D4A574 50%, #8B7355 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: .3;\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: .5rem;\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-accent);\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 .75rem 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 max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\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-accent);\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-secondary), var(--fb-primary));\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-accent);\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-usage-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.fb-usage-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 border-left: 4px solid var(--fb-primary);\n}\n\n.fb-usage-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1rem;\n}\n\n.fb-usage-icon {\n font-size: 28px;\n}\n\n.fb-usage-header h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n color: var(--fb-accent);\n margin: 0;\n}\n\n.fb-usage-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.fb-usage-list li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: .5rem;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n line-height: 1.5;\n}\n\n.fb-usage-list li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: var(--fb-primary);\n font-weight: bold;\n}\n\n.fb-usage-list li:last-child {\n margin-bottom: 0;\n}\n\n.fb-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, var(--fb-primary-light) 0%, #fff 100%);\n border-radius: var(--fb-radius-sm);\n padding: 1.25rem;\n border: 1px solid var(--fb-border);\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n margin: 0;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n line-height: 1.6;\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-accent);\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-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-accent) 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-image: 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: .5;\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-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-container {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .fb-usage-card {\n padding: 1.125rem;\n }\n \n .fb-tip {\n flex-direction: column;\n gap: .5rem;\n padding: 1rem;\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: fbFadeInUp .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 fbFadeInUp {\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":"DIOTER","offers":[{"title":"Default Title","offer_id":55122995347833,"sku":"DI5047","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-charme-bio-10-ml-dioter-lifestyle_8fde0b1e-5735-4d74-8f2b-2d40b123705e.webp?v=1768497785"},{"product_id":"fleur-de-bach-mimule-bio-10-ml-dioter","title":"Fleur de Bach Mimule bio - 10 ml - Dioter","description":"\u003cdiv class=\"mm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"mm-hero\"\u003e\n\u003cdiv class=\"mm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mm-hero-content\"\u003e\n\u003cdiv class=\"mm-badges-top\"\u003e\n\u003cspan class=\"mm-badge\"\u003e🌿 Certifié bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"mm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"mm-badge\"\u003e🌸 Méthode du Dr Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mm-hero-title\"\u003eFleur de Bach Mimule bio\u003c\/span\u003e\n\u003cp class=\"mm-subtitle\"\u003eÉlixir floral Mimulus - Dioter · 10 ml\u003c\/p\u003e\n\u003cp class=\"mm-description\"\u003eDépassez vos peurs précises et retrouvez confiance grâce à cet élixir floral bio, élaboré selon la méthode authentique du Dr Bach à partir de fleurs sauvages françaises.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003ePour qui est-elle recommandée ?\u003c\/h2\u003e\n\u003cp class=\"mm-section-intro\"\u003eLa Fleur de Mimule est idéale pour toutes les personnes confrontées à des peurs identifiées ou à une grande sensibilité émotionnelle.\u003c\/p\u003e\n\u003cdiv class=\"mm-grid\"\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🤫 Timidité et réserve\u003c\/h3\u003e\n\u003cp\u003eVous avez du mal à vous exprimer en public ou dans les interactions sociales et professionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e😨 Peurs identifiées\u003c\/h3\u003e\n\u003cp\u003ePeur du noir, des animaux, de la maladie, de l'inconnu… Des appréhensions précises qui freinent votre quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e💪 Confiance et courage\u003c\/h3\u003e\n\u003cp\u003eCet élixir floral vise à favoriser la confiance en soi et le courage pour mieux affronter les situations anxiogènes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eUne composition naturelle et certifiée bio\u003c\/h2\u003e\n\u003cp class=\"mm-section-intro\"\u003eCertifié Agriculture Biologique (FR-BIO-01) et fabriqué en France, chaque ingrédient est sélectionné avec soin dans le respect de la nature.\u003c\/p\u003e\n\u003cdiv class=\"mm-grid-compact\"\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eBase pure et naturelle pour l'élixir floral\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🍇 Cognac biologique\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel traditionnel des élixirs du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🌼 Solarisation de Mimule\u003c\/h3\u003e\n\u003cp\u003eFleurs sauvages françaises préparées selon la méthode originelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e✅ Qualité garantie\u003c\/h3\u003e\n\u003cp\u003eFidèle à l'esprit des élixirs floraux du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"mm-timeline\"\u003e\n\u003cdiv class=\"mm-timeline-item\"\u003e\n\u003cdiv class=\"mm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mm-timeline-content\"\u003e\n\u003ch3\u003eMéthode directe\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un verre d'eau ou déposez-les directement sous la langue, plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-timeline-item\"\u003e\n\u003cdiv class=\"mm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mm-timeline-content\"\u003e\n\u003ch3\u003eMéthode prolongée\u003c\/h3\u003e\n\u003cp\u003ePréparez un mélange dans \u003cstrong\u003e1\/2 litre d'eau minérale non gazeuse\u003c\/strong\u003e avec \u003cstrong\u003e25 gouttes\u003c\/strong\u003e d'élixir. Buvez en 4 à 5 prises dans la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-timeline-item\"\u003e\n\u003cdiv class=\"mm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mm-timeline-content\"\u003e\n\u003ch3\u003eConseil pratique\u003c\/h3\u003e\n\u003cp\u003eSecouez bien la bouteille avant chaque utilisation pour activer les propriétés vibratoires de l'élixir floral.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-tip\"\u003e\n\u003cspan class=\"mm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un résultat optimal, utilisez l'élixir de manière régulière sur plusieurs semaines. Les Fleurs de Bach agissent en douceur sur l'équilibre émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"mm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eUn soutien émotionnel naturel au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"mm-cta-box\"\u003e\n\u003cp\u003eAvec la Fleur de Bach Bio Mimule, vous choisissez un soutien naturel pour \u003cstrong\u003etransformer la peur en assurance\u003c\/strong\u003e et avancer avec plus de sérénité. Une solution douce, écologique et respectueuse, fidèle à la philosophie originelle des élixirs floraux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mm-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un traitement médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mm-cream: #FDF8F3;\n --mm-white: #ffffff;\n --mm-primary: #8B6914;\n --mm-primary-dark: #5C4510;\n --mm-primary-light: #F5EDD8;\n --mm-secondary: #D4A574;\n --mm-accent: #E8B4B8;\n --mm-text: #1a1a1a;\n --mm-text-light: #5a5a5a;\n --mm-border: #e8ddd0;\n --mm-shadow: 0 4px 24px rgba(139,105,20,.08);\n --mm-shadow-lg: 0 12px 48px rgba(139,105,20,.15);\n --mm-radius: 20px;\n --mm-radius-sm: 12px;\n}\n\n.mm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mm-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4510 0%, #8B6914 40%, #D4A574 75%, #E8B4B8 100%);\n border-radius: var(--mm-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(--mm-shadow-lg);\n}\n\n.mm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(232,180,184,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.mm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mm-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(--mm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mm-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.mm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.mm-description {\n color: rgba(255,255,255,.92);\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.mm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mm-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.mm-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(--mm-primary), var(--mm-accent));\n border-radius: 2px;\n}\n\n.mm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mm-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.mm-card {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mm-shadow-lg);\n border-color: var(--mm-primary);\n}\n\n.mm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mm-grid-compact .mm-card {\n padding: 1rem;\n}\n\n.mm-grid-compact .mm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mm-grid-compact .mm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mm-primary), var(--mm-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.mm-timeline-content {\n flex: 1;\n background: var(--mm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mm-radius-sm);\n box-shadow: var(--mm-shadow);\n}\n\n.mm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mm-timeline-content p {\n font-size: 14px;\n color: var(--mm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mm-primary-light);\n border-radius: var(--mm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mm-tip p {\n font-size: 14px;\n color: var(--mm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.mm-cta-box {\n background: linear-gradient(135deg, var(--mm-primary) 0%, var(--mm-primary-dark) 100%);\n border-radius: var(--mm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mm-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,180,184,.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 30%, rgba(212,165,116,.1) 0%, transparent 50%);\n}\n\n.mm-cta-box p {\n position: relative;\n z-index: 1;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mm-disclaimer {\n font-size: 12px;\n color: var(--mm-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 .mm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mm-card {\n padding: 1.125rem;\n }\n\n .mm-section {\n margin-bottom: 1.75rem;\n }\n\n .mm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mm-radius-sm);\n }\n\n .mm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mm-grid-compact {\n gap: .625rem;\n }\n\n .mm-grid-compact .mm-card {\n padding: .75rem;\n }\n\n .mm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mm-timeline-content h3 {\n font-size: 14px;\n }\n\n .mm-timeline-content p {\n font-size: 13px;\n }\n\n .mm-testimonial {\n padding: 1.25rem;\n }\n\n .mm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mm-card {\n animation: mmFadeInUp .5s ease backwards;\n }\n .mm-card:nth-child(1) { animation-delay: .05s; }\n .mm-card:nth-child(2) { animation-delay: .1s; }\n .mm-card:nth-child(3) { animation-delay: .15s; }\n .mm-card:nth-child(4) { animation-delay: .2s; }\n .mm-card:nth-child(5) { animation-delay: .25s; }\n .mm-card:nth-child(6) { animation-delay: .3s; }\n\n .mm-timeline-item {\n animation: mmFadeInUp .5s ease backwards;\n }\n .mm-timeline-item:nth-child(1) { animation-delay: .05s; }\n .mm-timeline-item:nth-child(2) { animation-delay: .15s; }\n .mm-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes mmFadeInUp {\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 .mm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123059245433,"sku":"DI5050","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-mimule-bio-10-ml-dioter-lifestyle.webp?v=1770800853"},{"product_id":"fleur-de-bach-scleranthe-bio-10-ml-dioter","title":"Fleur de Bach Scléranthe Bio - 10 ml - Dioter","description":"\u003cdiv class=\"fb-premium\"\u003e\n\u003c!-- HERO --\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 AB\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🌸 Méthode du Dr Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fb-hero-title\"\u003eFleur de Bach Scléranthe Bio\u003c\/span\u003e\n\u003cp class=\"fb-subtitle\"\u003eÉlixir floral n°28 10 ml - Laboratoire Dioter\u003c\/p\u003e\n\u003cp class=\"fb-description\"\u003eL'élixir floral de référence pour retrouver clarté mentale et détermination face à l'indécision.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION INTRO --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003cdiv class=\"fb-testimonial\"\u003e\n\u003cp class=\"fb-testimonial-text\"\u003eVous hésitez sans cesse entre deux options, incapable de trancher ? La \u003cstrong\u003eFleur de Bach Scléranthe Bio n°28\u003c\/strong\u003e (Scleranthus annuus) a été identifiée par le Dr Edward Bach pour accompagner ce profil émotionnel. Cet élixir floral du laboratoire Dioter vise à rétablir votre équilibre intérieur et votre confiance dans vos décisions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003ePourquoi choisir la Fleur de Bach Scléranthe ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n\u003cp\u003eLe Scléranthe aide à dissiper le brouillard mental qui accompagne l'indécision permanente, pour y voir plus clair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre émotionnel\u003c\/h3\u003e\n\u003cp\u003eLes sautes d'humeur et l'instabilité intérieure peuvent être apaisées. Cet élixir favorise un ancrage émotionnel plus stable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e✅ Détermination retrouvée\u003c\/h3\u003e\n\u003cp\u003eLe Scléranthe soutient votre capacité à prendre des décisions fermes et à vous y tenir sereinement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eUne fabrication artisanale et biologique\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌾 Gnavelle sauvage française\u003c\/h3\u003e\n\u003cp\u003eLe Scléranthe (Scleranthus annuus) est récolté à la main dans des prairies préservées, au moment précis de sa floraison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e☀️ Extraction par solarisation\u003c\/h3\u003e\n\u003cp\u003eLes fleurs fraîches sont déposées dans une eau de source pure, exposées au soleil. Cette méthode ancestrale préserve l'empreinte vibratoire de la plante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🍇 Conservation au cognac bio\u003c\/h3\u003e\n\u003cp\u003eL'élixir-mère est stabilisé dans un mélange d'eau de source et de cognac bio, sans conservateur artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"fb-timeline\"\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eUsage ponctuel\u003c\/h3\u003e\n\u003cp\u003eDéposez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e sous la langue ou dans un verre d'eau. Renouvelez jusqu'à 6 fois par jour selon le besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eCure de fond\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau. Buvez régulièrement en 4 à 5 prises espacées dans la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n\u003cp\u003ePoursuivez pendant \u003cstrong\u003e3 à 4 semaines\u003c\/strong\u003e pour un travail émotionnel en profondeur.\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\u003eAssociez la prise à un rituel calme : quelques respirations profondes, un instant de recentrage pour favoriser la clarté mentale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eComposition et certification\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique FR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💧 Ingrédients\u003c\/h3\u003e\n\u003cp\u003eEau de source, cognac bio, extrait solaire de Gnavelle (Scleranthus annuus)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n\u003cp\u003eFlacon compte-gouttes ambré de 10 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003eLaboratoire Dioter — France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"fb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"fb-accordion\"\u003e\n\u003cdetails class=\"fb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n\u003cdiv class=\"fb-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. Ne dépassez pas la dose journalière conseillée. Contient de l'alcool. Déconseillé aux femmes enceintes et allaitantes sans avis médical. Conservez à l'abri de la chaleur et de la lumière. Tenez hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"fb-disclaimer\"\u003eLes fleurs de Bach ne remplacent en aucun cas un traitement médical. Consultez un professionnel de santé pour toute question relative à votre bien-être.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fb-cream: #FAF6F1;\n --fb-white: #ffffff;\n --fb-primary: #8B6F4E;\n --fb-primary-dark: #5E4A33;\n --fb-primary-light: #F3ECE3;\n --fb-secondary: #D4A0A0;\n --fb-accent: #5C7A3D;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8e0d6;\n --fb-shadow: 0 4px 24px rgba(94,74,51,.08);\n --fb-shadow-lg: 0 12px 48px rgba(94,74,51,.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, #5E4A33 0%, #8B6F4E 40%, #D4A0A0 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% 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(212,160,160,.1) 0%, transparent 40%);\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: 8px;\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,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.fb-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\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-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 {\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-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-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-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.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fb-testimonial {\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-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\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-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: 10px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\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-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\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-testimonial {\n padding: 1.25rem;\n }\n\n .fb-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .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 fbFadeInUp {\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":"DIOTER","offers":[{"title":"Default Title","offer_id":55123061571961,"sku":"DI5058","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-scleranthe-bio-10-ml-dioter-lifestyle.webp?v=1770807348"},{"product_id":"fleur-de-bach-olivier-bio-10-ml-dioter","title":"Fleur de Bach Olivier Bio - 10 ml - Dioter","description":"\u003cdiv class=\"olv-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"olv-hero\"\u003e\n\u003cdiv class=\"olv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"olv-hero-content\"\u003e\n\u003cdiv class=\"olv-badges-top\"\u003e\n\u003cspan class=\"olv-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"olv-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"olv-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"olv-hero-title\"\u003eFleur de Bach Olivier Bio\u003c\/span\u003e\n\u003cp class=\"olv-subtitle\"\u003eÉlixir floral Dioter - Méthode originelle du Dr Bach\u003c\/p\u003e\n\u003cp class=\"olv-description\"\u003eUn remède naturel et certifié bio pour surmonter l'épuisement physique et mental, retrouver votre vitalité profonde et renouer avec votre énergie intérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"olv-section\"\u003e\n\u003ch2\u003eUne cure revitalisante pour corps et esprit\u003c\/h2\u003e\n\u003cp class=\"olv-section-intro\"\u003eGrâce à sa formulation douce et 100 % naturelle, cette fleur de Bach contribuerait à restaurer la vitalité et l'énergie intérieure. Elle soutiendrait les processus de régénération en période de stress intense ou de grande fatigue, tout en favorisant une meilleure clarté mentale.\u003c\/p\u003e\n\u003cdiv class=\"olv-grid\"\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e⚡ Énergie restaurée\u003c\/h3\u003e\n\u003cp\u003eAide à surmonter l'épuisement profond et à retrouver un regain de vitalité durable, même après une période de grande fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n\u003cp\u003eFavorise un esprit plus clair et plus alerte, dissipant la brume mentale liée à l'épuisement émotionnel ou physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e☮️ Équilibre émotionnel\u003c\/h3\u003e\n\u003cp\u003eAccompagne un retour progressif à la sérénité intérieure et à l'harmonie émotionnelle au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-tip\"\u003e\n\u003cspan class=\"olv-tip-icon\"\u003e📅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eDurée de la cure :\u003c\/strong\u003e une cure classique dure entre 3 et 4 semaines, avec une prise quotidienne régulière. Elle peut être renouvelée si nécessaire selon les besoins émotionnels ressentis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"olv-section\"\u003e\n\u003ch2\u003eUn élixir naturel issu de fleurs sauvages françaises\u003c\/h2\u003e\n\u003cdiv class=\"olv-grid-compact\"\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e☀️ Solarisation traditionnelle\u003c\/h3\u003e\n\u003cp\u003eProcédé originel du Dr Bach préservant l'énergie vibratoire des fleurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e🌸 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eSoigneusement sélectionnées pour leur pureté et leur qualité exceptionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e🌱 Certifié bio FR-BIO-01\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique garantissant un produit pur, sans additifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e🕊️ Respect du vivant\u003c\/h3\u003e\n\u003cp\u003eUn élixir respectueux de l'environnement et de la nature à chaque étape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"olv-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"olv-timeline\"\u003e\n\u003cdiv class=\"olv-timeline-item\"\u003e\n\u003cdiv class=\"olv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"olv-timeline-content\"\u003e\n\u003ch3\u003eUsage ponctuel\u003c\/h3\u003e\n\u003cp\u003e5 gouttes à diluer dans un peu d'eau ou à déposer directement sous la langue, à renouveler jusqu'à 4 fois par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-timeline-item\"\u003e\n\u003cdiv class=\"olv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"olv-timeline-content\"\u003e\n\u003ch3\u003eCure journalière\u003c\/h3\u003e\n\u003cp\u003eDiluer 25 gouttes dans ½ litre d'eau minérale non gazeuse et boire en 4 à 5 prises réparties sur la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-timeline-item\"\u003e\n\u003cdiv class=\"olv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"olv-timeline-content\"\u003e\n\u003ch3\u003eBien agiter\u003c\/h3\u003e\n\u003cp\u003eAgiter le flacon avant chaque prise. Adaptée à un usage ponctuel ou sur plusieurs semaines selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"olv-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"olv-grid\"\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e💧 Eau\u003c\/h3\u003e\n\u003cp\u003eBase purifiée, support neutre de l'élixir floral.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e🍇 Cognac biologique\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel traditionnel, issu de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e🫒 Solarisation de fleur d'olivier\u003c\/h3\u003e\n\u003cp\u003ePrincipe actif vibratoire obtenu selon la méthode originelle du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"olv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eInformations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"olv-accordion\"\u003e\n\u003cdetails class=\"olv-accordion-item\"\u003e\n\u003csummary class=\"olv-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n\u003cdiv class=\"olv-accordion-content mt-3\"\u003e\n\u003cp\u003eFlacon compte-gouttes de 10 ml.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"olv-accordion-item\"\u003e\n\u003csummary class=\"olv-accordion-header\"\u003e🌱 Certification\u003c\/summary\u003e\n\u003cdiv class=\"olv-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit certifié Agriculture Biologique – FR-BIO-01.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"olv-accordion-item\"\u003e\n\u003csummary class=\"olv-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n\u003cdiv class=\"olv-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace pas une alimentation équilibrée. Ne pas dépasser la dose recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"olv-disclaimer\"\u003eCe produit n'est pas un médicament. Les Fleurs de Bach sont des compléments alimentaires et ne se substituent pas à un avis médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --olv-cream: #FAF7F2;\n --olv-white: #ffffff;\n --olv-primary: #8B7355;\n --olv-primary-dark: #5E4B33;\n --olv-primary-light: #F3EDE4;\n --olv-secondary: #C4A882;\n --olv-accent: #D4A8A0;\n\n --olv-text: #1a1a1a;\n --olv-text-light: #5a5a5a;\n\n --olv-border: #E8E0D6;\n --olv-shadow: 0 4px 24px rgba(94, 75, 51, .08);\n --olv-shadow-lg: 0 12px 48px rgba(94, 75, 51, .15);\n --olv-radius: 20px;\n --olv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.olv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--olv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.olv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--olv-primary-dark) 0%, var(--olv-primary) 45%, var(--olv-secondary) 100%);\n border-radius: var(--olv-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(--olv-shadow-lg);\n}\n\n.olv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(ellipse at 20% 80%, rgba(212, 168, 160, .2) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(196, 168, 130, .15) 0%, transparent 50%);\n opacity: 1;\n}\n\n.olv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.olv-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.olv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.olv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.olv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.olv-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(--olv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.olv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.olv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.olv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--olv-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.olv-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(--olv-primary), var(--olv-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.olv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--olv-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.olv-card {\n background: var(--olv-white);\n border-radius: var(--olv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--olv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.olv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--olv-shadow-lg);\n border-color: var(--olv-primary);\n}\n\n.olv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--olv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.olv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--olv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.olv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.olv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.olv-grid-compact .olv-card {\n padding: 1rem;\n}\n\n.olv-grid-compact .olv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.olv-grid-compact .olv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.olv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.olv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.olv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--olv-primary), var(--olv-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.olv-timeline-content {\n flex: 1;\n background: var(--olv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--olv-radius-sm);\n box-shadow: var(--olv-shadow);\n}\n\n.olv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--olv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.olv-timeline-content p {\n font-size: 14px;\n color: var(--olv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.olv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--olv-primary-light);\n border-radius: var(--olv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.olv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.olv-tip p {\n font-size: 14px;\n color: var(--olv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.olv-accordion {\n background: var(--olv-white);\n border-radius: var(--olv-radius);\n box-shadow: var(--olv-shadow);\n overflow: hidden;\n}\n\n.olv-accordion-item {\n border-bottom: 1px solid var(--olv-border);\n margin: 0;\n padding: 0;\n}\n\n.olv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.olv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--olv-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.olv-accordion-header:hover {\n background: var(--olv-primary-light);\n}\n\n.olv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.olv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--olv-primary);\n transition: transform .2s ease;\n}\n\n.olv-accordion-item[open] .olv-accordion-header::after {\n content: '−';\n}\n\n.olv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--olv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.olv-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.olv-disclaimer {\n font-size: 12px;\n color: var(--olv-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 .olv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .olv-card {\n padding: 1.125rem;\n }\n\n .olv-section {\n margin-bottom: 1.75rem;\n }\n\n .olv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--olv-radius-sm);\n }\n\n .olv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .olv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .olv-grid-compact {\n gap: .625rem;\n }\n\n .olv-grid-compact .olv-card {\n padding: .75rem;\n }\n\n .olv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .olv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .olv-timeline-content h3 {\n font-size: 14px;\n }\n\n .olv-timeline-content p {\n font-size: 13px;\n }\n\n .olv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .olv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .olv-card {\n animation: olvFadeInUp .5s ease backwards;\n }\n .olv-card:nth-child(1) { animation-delay: .05s; }\n .olv-card:nth-child(2) { animation-delay: .1s; }\n .olv-card:nth-child(3) { animation-delay: .15s; }\n .olv-card:nth-child(4) { animation-delay: .2s; }\n .olv-card:nth-child(5) { animation-delay: .25s; }\n .olv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes olvFadeInUp {\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 .olv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123100598649,"sku":"DI5053","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-olivier-bio-10-ml-dioter-lifestyle.webp?v=1770804719"},{"product_id":"fleur-de-bach-houx-bio-10-ml-dioter","title":"Fleur de Bach Houx bio - 10 ml - Dioter","description":"\u003cdiv class=\"hx-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hx-hero\"\u003e\n\u003cdiv class=\"hx-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hx-hero-content\"\u003e\n\u003cdiv class=\"hx-badges-top\"\u003e\n\u003cspan class=\"hx-badge\"\u003e🌿 Certifié Bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"hx-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"hx-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hx-hero-title\"\u003eFleur de Bach Houx bio\u003c\/span\u003e\n\u003cp class=\"hx-subtitle\"\u003eÉlixir floral Holly - Méthode originale du Dr Bach\u003c\/p\u003e\n\u003cp class=\"hx-description\"\u003eRetrouvez amour, compassion et ouverture à l'autre grâce à cet élixir artisanal bio, conçu pour transformer la colère, la jalousie et le ressentiment en sérénité intérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION : Présentation détaillée (contenu d'introduction hors H2) --\u003e\n\u003csection class=\"hx-section\"\u003e\n\u003ch2\u003e🌸 L'élixir floral de houx, allié du rééquilibrage émotionnel\u003c\/h2\u003e\n\u003cdiv class=\"hx-grid\"\u003e\n\u003cdiv class=\"hx-card\"\u003e\n\u003ch3\u003e💚 Apaise la colère\u003c\/h3\u003e\n\u003cp\u003eLa fleur de Houx aide à dissoudre les accès de colère et d'irritabilité qui perturbent votre quotidien et vos relations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-card\"\u003e\n\u003ch3\u003e🤍 Libère de la jalousie\u003c\/h3\u003e\n\u003cp\u003eCet élixir accompagne la transformation des sentiments de jalousie et d'envie en acceptation bienveillante et confiance en soi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-card\"\u003e\n\u003ch3\u003e🕊️ Ouvre le cœur\u003c\/h3\u003e\n\u003cp\u003eHolly favorise l'émergence de sentiments d'amour, de compassion et d'ouverture à l'autre, pour une stabilité affective renforcée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-tip\"\u003e\n\u003cspan class=\"hx-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eLa \u003cstrong\u003eFleur de Bach Bio Houx (Holly)\u003c\/strong\u003e proposée par \u003cstrong\u003eDioter\u003c\/strong\u003e suit fidèlement le procédé original du Dr Bach, pionnier de la thérapie par les élixirs floraux. Elle serait précieuse pour apaiser les conflits intérieurs et renforcer la stabilité affective.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #1 : EXACT --\u003e\n\u003csection class=\"hx-section\"\u003e\n\u003ch2\u003eUne fabrication artisanale respectueuse de la nature\u003c\/h2\u003e\n\u003cdiv class=\"hx-grid-compact\"\u003e\n\u003cdiv class=\"hx-card\"\u003e\n\u003ch3\u003e🌾 Fleurs sauvages\u003c\/h3\u003e\n\u003cp\u003eRécoltées en France avec soin dans leur habitat naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-card\"\u003e\n\u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n\u003cp\u003eExtraction 100 % naturelle selon la méthode du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-card\"\u003e\n\u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eLabellisé FR-BIO-01, agriculture biologique certifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 : EXACT --\u003e\n\u003csection class=\"hx-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"hx-timeline\"\u003e\n\u003cdiv class=\"hx-timeline-item\"\u003e\n\u003cdiv class=\"hx-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hx-timeline-content\"\u003e\n\u003ch3\u003eUsage ponctuel\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un fond de verre d'eau ou déposez-les directement sous la langue. À renouveler plusieurs fois par jour selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-timeline-item\"\u003e\n\u003cdiv class=\"hx-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hx-timeline-content\"\u003e\n\u003ch3\u003eEn cure prolongée\u003c\/h3\u003e\n\u003cp\u003eMélangez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans 1\/2 litre d'eau minérale non gazeuse et consommez en \u003cstrong\u003e4 à 5 prises\u003c\/strong\u003e réparties tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-tip\"\u003e\n\u003cspan class=\"hx-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un résultat optimal, privilégiez une prise régulière sur plusieurs semaines. L'élixir peut être pris seul ou en association avec d'autres Fleurs de Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 : EXACT --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"hx-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"hx-accordion\"\u003e\n\u003cdetails open=\"\" class=\"hx-accordion-item\"\u003e\n\u003csummary class=\"hx-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"hx-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eEau\u003c\/strong\u003e, Cognac biologique, Solarisation de fleur - Houx (\u003cem\u003eIlex aquifolium\u003c\/em\u003e)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hx-accordion-item\"\u003e\n\u003csummary class=\"hx-accordion-header\"\u003e🌱 Certification biologique\u003c\/summary\u003e\n\u003cdiv class=\"hx-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit issu de l'agriculture biologique - Certifié par \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hx-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"hx-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"hx-accordion-content mt-3\"\u003e\n\u003cp\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Contient du cognac (alcool). Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-cta-box\"\u003e\n\u003cp\u003e🌸 Retrouvez sérénité et bienveillance au quotidien grâce à l'élixir floral Holly bio - la douceur de la nature au service de votre équilibre émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hx-disclaimer\"\u003eLes élixirs floraux ne sont pas des médicaments et ne se substituent pas à un traitement médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --hx-cream: #FBF8F3;\n --hx-white: #ffffff;\n --hx-primary: #A07830;\n --hx-primary-dark: #6B4E1F;\n --hx-primary-light: #F5EDE0;\n --hx-secondary: #D4A574;\n --hx-accent: #5C7A3D;\n --hx-text: #1a1a1a;\n --hx-text-light: #5a5a5a;\n --hx-border: #E8DFD2;\n --hx-shadow: 0 4px 24px rgba(107,78,31,.08);\n --hx-shadow-lg: 0 12px 48px rgba(107,78,31,.15);\n --hx-radius: 20px;\n --hx-radius-sm: 12px;\n}\n\n.hx-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hx-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hx-hero {\n position: relative;\n background: linear-gradient(135deg, var(--hx-primary-dark) 0%, var(--hx-primary) 45%, var(--hx-secondary) 100%);\n border-radius: var(--hx-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(--hx-shadow-lg);\n}\n\n.hx-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.hx-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hx-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.hx-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .01em;\n}\n\n.hx-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 620px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.hx-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hx-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(--hx-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hx-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hx-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hx-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hx-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.hx-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(--hx-primary), var(--hx-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.hx-card {\n background: var(--hx-white);\n border-radius: var(--hx-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hx-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hx-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hx-shadow-lg);\n border-color: var(--hx-primary);\n}\n\n.hx-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hx-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hx-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hx-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hx-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hx-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hx-grid-compact .hx-card {\n padding: 1rem;\n}\n\n.hx-grid-compact .hx-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hx-grid-compact .hx-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hx-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hx-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hx-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hx-primary), var(--hx-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.hx-timeline-content {\n flex: 1;\n background: var(--hx-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hx-radius-sm);\n box-shadow: var(--hx-shadow);\n}\n\n.hx-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hx-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hx-timeline-content p {\n font-size: 14px;\n color: var(--hx-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.hx-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hx-primary-light);\n border-radius: var(--hx-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hx-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hx-tip p {\n font-size: 14px;\n color: var(--hx-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.hx-accordion {\n background: var(--hx-white);\n border-radius: var(--hx-radius);\n box-shadow: var(--hx-shadow);\n overflow: hidden;\n}\n\n.hx-accordion-item {\n border-bottom: 1px solid var(--hx-border);\n margin: 0;\n padding: 0;\n}\n\n.hx-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hx-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hx-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.hx-accordion-header:hover {\n background: var(--hx-primary-light);\n}\n\n.hx-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hx-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hx-primary);\n transition: transform .2s ease;\n}\n\n.hx-accordion-item[open] .hx-accordion-header::after {\n content: '−';\n}\n\n.hx-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hx-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hx-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.hx-cta-box {\n background: linear-gradient(135deg, var(--hx-primary) 0%, var(--hx-primary-dark) 100%);\n border-radius: var(--hx-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.hx-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.hx-disclaimer {\n font-size: 12px;\n color: var(--hx-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 .hx-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hx-card {\n padding: 1.125rem;\n }\n\n .hx-section {\n margin-bottom: 1.75rem;\n }\n\n .hx-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hx-radius-sm);\n }\n\n .hx-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hx-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hx-grid-compact {\n gap: .625rem;\n }\n\n .hx-grid-compact .hx-card {\n padding: .75rem;\n }\n\n .hx-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hx-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hx-timeline-content h3 {\n font-size: 14px;\n }\n\n .hx-timeline-content p {\n font-size: 13px;\n }\n\n .hx-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hx-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hx-tip {\n padding: .875rem 1rem;\n }\n\n .hx-tip-icon {\n font-size: 20px;\n }\n\n .hx-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hx-card {\n animation: hxFadeInUp .5s ease backwards;\n }\n .hx-card:nth-child(1) { animation-delay: .05s; }\n .hx-card:nth-child(2) { animation-delay: .1s; }\n .hx-card:nth-child(3) { animation-delay: .15s; }\n .hx-card:nth-child(4) { animation-delay: .2s; }\n .hx-card:nth-child(5) { animation-delay: .25s; }\n .hx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hxFadeInUp {\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 .hx-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123151094137,"sku":"DI5045","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-houx-bio-10-ml-dioter-lifestyle.webp?v=1770797987"},{"product_id":"fleur-de-bach-eglantier-bio-10-ml-dioter","title":"Fleur de Bach Eglantier (wild rose) Bio - 10 ml - Dioter","description":"\u003cdiv class=\"wr-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"wr-hero\"\u003e\n\u003cdiv class=\"wr-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"wr-hero-content\"\u003e\n\u003cdiv class=\"wr-badges-top\"\u003e\n\u003cspan class=\"wr-badge\"\u003e🌹 Élixir floral\u003c\/span\u003e \u003cspan class=\"wr-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"wr-badge\"\u003e🇫🇷 Méthode Dr Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"wr-hero-title\"\u003eFleur de Bach Églantier Bio\u003c\/span\u003e\n\u003cp class=\"wr-subtitle\"\u003eDioter - Flacon compte-gouttes 10 ml\u003c\/p\u003e\n\u003cp class=\"wr-description\"\u003eUn élixir floral certifié biologique, élaboré selon la méthode originale du Dr Bach, pour retrouver motivation, joie de vivre et énergie intérieure face à la résignation et l'apathie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"wr-section\"\u003e\n\u003ch2\u003eUn soutien émotionnel d'origine naturelle\u003c\/h2\u003e\n\u003cp class=\"wr-section-intro\"\u003eIssue de la solarisation de fleurs sauvages françaises, la Fleur d'Églantier (Wild Rose) est extraite de manière totalement naturelle pour garantir une pureté et une efficacité optimales.\u003c\/p\u003e\n\u003cdiv class=\"wr-grid\"\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e✨ Regain d'enthousiasme\u003c\/h3\u003e\n\u003cp\u003eFavorise un élan renouvelé face aux défis du quotidien et redonne le goût de l'effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e💪 Envie d'agir\u003c\/h3\u003e\n\u003cp\u003eSoutient l'envie de s'impliquer pleinement dans sa vie personnelle ou professionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e☀️ Attitude positive\u003c\/h3\u003e\n\u003cp\u003eEncourage une vision plus lumineuse et constructive face aux événements de la vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e🔋 Énergie intérieure\u003c\/h3\u003e\n\u003cp\u003eStimule les ressources profondes pour retrouver un équilibre émotionnel durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"wr-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et durée de la cure\u003c\/h2\u003e\n\u003cdiv class=\"wr-timeline\"\u003e\n\u003cdiv class=\"wr-timeline-item\"\u003e\n\u003cdiv class=\"wr-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"wr-timeline-content\"\u003e\n\u003ch3\u003eOption sublinguale\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e pures directement sous la langue ou diluées dans un fond d'eau, \u003cstrong\u003eplusieurs fois par jour\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-timeline-item\"\u003e\n\u003cdiv class=\"wr-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"wr-timeline-content\"\u003e\n\u003ch3\u003eOption diluée\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes dans ½ litre d'eau minérale\u003c\/strong\u003e non gazeuse, à consommer en \u003cstrong\u003e4 à 5 prises quotidiennes\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-timeline-item\"\u003e\n\u003cdiv class=\"wr-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"wr-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003eSuivez la cure sur une \u003cstrong\u003epériode de 3 semaines à 1 mois\u003c\/strong\u003e, selon l'évolution de votre état émotionnel. Renouvelable si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-tip\"\u003e\n\u003cspan class=\"wr-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour une absorption optimale en prise sublinguale, laissez les gouttes quelques secondes sous la langue avant d'avaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 \u0026 #4 regroupés visuellement en accordéon --\u003e\n\u003csection class=\"wr-section\"\u003e\n\u003ch2\u003eComposition et certification\u003c\/h2\u003e\n\u003cdiv class=\"wr-grid-compact\"\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e💧 Ingrédients\u003c\/h3\u003e\n\u003cp\u003eEau, cognac biologique, solarisation de fleur d'Églantier\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique - certifié FR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e🧴 Conditionnement\u003c\/h3\u003e\n\u003cp\u003eFlacon compte-gouttes de 10 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n\u003cp\u003eDioter (Auraflor)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"wr-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"wr-accordion\"\u003e\n\u003cdetails class=\"wr-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"wr-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n\u003cdiv class=\"wr-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire n'est pas un médicament. Il ne doit pas remplacer une alimentation variée et équilibrée ni un mode de vie sain. Ne pas dépasser la dose recommandée. Tenir hors de portée des jeunes enfants.\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=\"wr-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"wr-cta-box\"\u003e\n\u003cp\u003e🌹 Retrouvez joie de vivre et motivation grâce à la douceur de l'Églantier sauvage - un élixir floral bio fidèle à la tradition du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"wr-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit ne se substitue pas à un avis médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --wr-cream: #fdf8f5;\n --wr-white: #ffffff;\n --wr-primary: #c8917a;\n --wr-primary-dark: #8a5a47;\n --wr-primary-light: #f5ebe6;\n --wr-secondary: #b8943e;\n --wr-accent: #d4a98a;\n --wr-text: #1a1a1a;\n --wr-text-light: #5a5a5a;\n --wr-border: #e8ddd6;\n --wr-shadow: 0 4px 24px rgba(138, 90, 71, .08);\n --wr-shadow-lg: 0 12px 48px rgba(138, 90, 71, .15);\n --wr-radius: 20px;\n --wr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.wr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--wr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.wr-hero {\n position: relative;\n background: linear-gradient(135deg, #c8917a 0%, #b8943e 50%, #d4a98a 100%);\n border-radius: var(--wr-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(--wr-shadow-lg);\n}\n\n.wr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.wr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.wr-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.wr-subtitle {\n color: rgba(255,255,255,.9);\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.wr-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 620px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.wr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.wr-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(--wr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.wr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.wr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.wr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--wr-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.wr-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(--wr-primary), var(--wr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.wr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--wr-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.wr-card {\n background: var(--wr-white);\n border-radius: var(--wr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--wr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.wr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--wr-shadow-lg);\n border-color: var(--wr-primary);\n}\n\n.wr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--wr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.wr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--wr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.wr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.wr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.wr-grid-compact .wr-card {\n padding: 1rem;\n}\n\n.wr-grid-compact .wr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.wr-grid-compact .wr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.wr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.wr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.wr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--wr-primary), var(--wr-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.wr-timeline-content {\n flex: 1;\n background: var(--wr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--wr-radius-sm);\n box-shadow: var(--wr-shadow);\n}\n\n.wr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--wr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.wr-timeline-content p {\n font-size: 14px;\n color: var(--wr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.wr-timeline-content strong {\n color: var(--wr-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.wr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--wr-primary-light);\n border-radius: var(--wr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.wr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.wr-tip p {\n font-size: 14px;\n color: var(--wr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.wr-testimonial {\n background: var(--wr-white);\n border-radius: var(--wr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--wr-shadow);\n border-left: 4px solid var(--wr-primary);\n}\n\n.wr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--wr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.wr-accordion {\n background: var(--wr-white);\n border-radius: var(--wr-radius);\n box-shadow: var(--wr-shadow);\n overflow: hidden;\n}\n\n.wr-accordion-item {\n border-bottom: 1px solid var(--wr-border);\n margin: 0;\n padding: 0;\n}\n\n.wr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.wr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--wr-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.wr-accordion-header:hover {\n background: var(--wr-primary-light);\n}\n\n.wr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.wr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--wr-primary);\n transition: transform .2s ease;\n}\n\n.wr-accordion-item[open] .wr-accordion-header::after {\n content: '−';\n}\n\n.wr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--wr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.wr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.wr-cta-box {\n background: linear-gradient(135deg, var(--wr-primary) 0%, var(--wr-primary-dark) 100%);\n border-radius: var(--wr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.wr-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.wr-disclaimer {\n font-size: 12px;\n color: var(--wr-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 .wr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .wr-card {\n padding: 1.125rem;\n }\n\n .wr-section {\n margin-bottom: 1.75rem;\n }\n\n .wr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--wr-radius-sm);\n }\n\n .wr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .wr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .wr-grid-compact {\n gap: .625rem;\n }\n\n .wr-grid-compact .wr-card {\n padding: .75rem;\n }\n\n .wr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .wr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .wr-timeline-content h3 {\n font-size: 14px;\n }\n\n .wr-timeline-content p {\n font-size: 13px;\n }\n\n .wr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .wr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .wr-testimonial {\n padding: 1.25rem;\n }\n\n .wr-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .wr-card {\n animation: wrFadeInUp .5s ease backwards;\n }\n .wr-card:nth-child(1) { animation-delay: .05s; }\n .wr-card:nth-child(2) { animation-delay: .1s; }\n .wr-card:nth-child(3) { animation-delay: .15s; }\n .wr-card:nth-child(4) { animation-delay: .2s; }\n .wr-card:nth-child(5) { animation-delay: .25s; }\n .wr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes wrFadeInUp {\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 .wr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123159548281,"sku":"DI5067","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-eglantier-bio-10-ml-dioter-lifestyle.webp?v=1770887108"},{"product_id":"fleur-de-bach-gentiane-bio-10-ml-dioter","title":"Fleur de Bach Gentiane bio - 10 ml - Dioter","description":"\u003cdiv class=\"gt-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gt-hero\"\u003e\n\u003cdiv class=\"gt-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gt-hero-content\"\u003e\n\u003cdiv class=\"gt-badges-top\"\u003e\n\u003cspan class=\"gt-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"gt-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"gt-badge\"\u003e🌸 Méthode Dr Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gt-hero-title\"\u003eFleur de Bach Gentiane bio\u003c\/span\u003e\n\u003cp class=\"gt-subtitle\"\u003eÉlixir floral Dioter - 10 ml\u003c\/p\u003e\n\u003cp class=\"gt-description\"\u003eUn élixir floral authentique, élaboré selon la méthode originale du Docteur Edward Bach. Accompagne les périodes de doute et de découragement pour retrouver optimisme, résilience et motivation intérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gt-section\"\u003e\n\u003ch2\u003eUne fabrication artisanale et 100 % naturelle\u003c\/h2\u003e\n\u003cp class=\"gt-section-intro\"\u003eLa gentiane utilisée pour cet élixir provient de cultures biologiques françaises, cueillie à la main dans le respect de la nature.\u003c\/p\u003e\n\u003cdiv class=\"gt-grid-compact\"\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e🌱 Culture biologique\u003c\/h3\u003e\n\u003cp\u003eGentiane issue de cultures bio françaises, sans pesticides ni intrants chimiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e✋ Cueillette manuelle\u003c\/h3\u003e\n\u003cp\u003eChaque fleur est cueillie à la main dans le plus grand respect de la plante et de son environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e☀️ Solarisation traditionnelle\u003c\/h3\u003e\n\u003cp\u003eProcessus fidèle à la tradition du Dr Bach, préservant l'empreinte vibratoire de la gentiane.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eDilution dans de l'eau pure et du cognac biologique servant de conservateur 100 % naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gt-section\"\u003e\n\u003ch2\u003eBienfaits émotionnels de la Fleur de Bach Gentiane\u003c\/h2\u003e\n\u003cp class=\"gt-section-intro\"\u003eCe remède floral est particulièrement recommandé pour retrouver confiance et élan intérieur.\u003c\/p\u003e\n\u003cdiv class=\"gt-grid\"\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e💪 Surmonter le découragement\u003c\/h3\u003e\n\u003cp\u003eAide à dépasser la perte de motivation et à retrouver l'énergie d'avancer, même face aux difficultés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e✨ Retrouver foi et confiance\u003c\/h3\u003e\n\u003cp\u003eFavorise un retour à la confiance en l'avenir et renforce la croyance en ses propres capacités.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e🏔️ Persévérance face aux obstacles\u003c\/h3\u003e\n\u003cp\u003eSoutient la détermination et la capacité à continuer malgré les revers et les échecs passagers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e🕊️ Soutien lors du doute profond\u003c\/h3\u003e\n\u003cp\u003eAccompagne moralement les périodes de remise en question intense pour retrouver la sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gt-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"gt-timeline\"\u003e\n\u003cdiv class=\"gt-timeline-item\"\u003e\n\u003cdiv class=\"gt-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gt-timeline-content\"\u003e\n\u003ch3\u003ePrise directe\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e directement sous la langue ou diluées dans un fond de verre d'eau, à renouveler plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-timeline-item\"\u003e\n\u003cdiv class=\"gt-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gt-timeline-content\"\u003e\n\u003ch3\u003ePrise diluée sur la journée\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale non gazeuse à boire en plusieurs prises sur la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-timeline-item\"\u003e\n\u003cdiv class=\"gt-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gt-timeline-content\"\u003e\n\u003ch3\u003eBien agiter\u003c\/h3\u003e\n\u003cp\u003eVeillez à \u003cstrong\u003eagiter la bouteille\u003c\/strong\u003e avant chaque utilisation pour réactiver les propriétés de l'élixir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-tip\"\u003e\n\u003cspan class=\"gt-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un effet optimal, laissez les gouttes quelques instants sous la langue avant d'avaler. Les Fleurs de Bach peuvent être prises aussi longtemps que nécessaire, sans accoutumance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gt-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"gt-accordion\"\u003e\n\u003cdetails class=\"gt-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"gt-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n\u003cp\u003eEau de source · Cognac biologique (conservateur naturel) · Solarisation de fleurs de \u003cstrong\u003eGentiane bio\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gt-accordion-item\"\u003e\n\u003csummary class=\"gt-accordion-header\"\u003e🏅 Certification\u003c\/summary\u003e\n\u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit certifié bio par \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e. Élaboré selon la méthode originale du Docteur Edward Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-cta-box\"\u003e\n\u003cp\u003e🌸 Retrouvez optimisme et confiance intérieure grâce à la douceur de la Gentiane bio - un allié précieux au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gt-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un traitement médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gt-cream: #FAF6F1;\n --gt-white: #ffffff;\n --gt-primary: #8B6F47;\n --gt-primary-dark: #5E4A2E;\n --gt-primary-light: #F3EDE4;\n --gt-secondary: #D4A574;\n --gt-accent: #E8B4A8;\n --gt-text: #1a1a1a;\n --gt-text-light: #6B5D50;\n --gt-border: #E8DECE;\n --gt-shadow: 0 4px 24px rgba(94,74,46,.08);\n --gt-shadow-lg: 0 12px 48px rgba(94,74,46,.15);\n --gt-radius: 20px;\n --gt-radius-sm: 12px;\n}\n\n.gt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gt-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4A2E 0%, #8B6F47 40%, #D4A574 75%, #E8B4A8 100%);\n border-radius: var(--gt-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gt-shadow-lg);\n}\n\n.gt-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: 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,168,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gt-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gt-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gt-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.gt-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.gt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gt-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gt-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gt-primary), var(--gt-accent));\n border-radius: 2px;\n}\n\n.gt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gt-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.gt-card {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gt-shadow-lg);\n border-color: var(--gt-primary);\n}\n\n.gt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gt-grid-compact .gt-card {\n padding: 1rem;\n}\n\n.gt-grid-compact .gt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gt-grid-compact .gt-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gt-primary), var(--gt-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.gt-timeline-content {\n flex: 1;\n background: var(--gt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gt-radius-sm);\n box-shadow: var(--gt-shadow);\n}\n\n.gt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gt-timeline-content p {\n font-size: 14px;\n color: var(--gt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gt-primary-light);\n border-radius: var(--gt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gt-tip p {\n font-size: 14px;\n color: var(--gt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gt-accordion {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n box-shadow: var(--gt-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.gt-accordion-item {\n border-bottom: 1px solid var(--gt-border);\n margin: 0;\n padding: 0;\n}\n\n.gt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gt-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gt-accordion-header:hover {\n background: var(--gt-primary-light);\n}\n\n.gt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gt-primary);\n transition: transform .2s ease;\n}\n\n.gt-accordion-item[open] .gt-accordion-header::after {\n content: '−';\n}\n\n.gt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gt-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.gt-testimonial {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gt-shadow);\n border-left: 4px solid var(--gt-primary);\n}\n\n.gt-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gt-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gt-cta-box {\n background: linear-gradient(135deg, var(--gt-primary) 0%, var(--gt-primary-dark) 100%);\n border-radius: var(--gt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gt-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gt-disclaimer {\n font-size: 12px;\n color: var(--gt-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gt-card {\n padding: 1.125rem;\n }\n\n .gt-section {\n margin-bottom: 1.75rem;\n }\n\n .gt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gt-radius-sm);\n }\n\n .gt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gt-grid-compact {\n gap: .625rem;\n }\n\n .gt-grid-compact .gt-card {\n padding: .75rem;\n }\n\n .gt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gt-timeline-content h3 {\n font-size: 14px;\n }\n\n .gt-timeline-content p {\n font-size: 13px;\n }\n\n .gt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gt-testimonial {\n padding: 1.25rem;\n }\n\n .gt-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gt-card {\n animation: gtFadeInUp .5s ease backwards;\n }\n .gt-card:nth-child(1) { animation-delay: .05s; }\n .gt-card:nth-child(2) { animation-delay: .1s; }\n .gt-card:nth-child(3) { animation-delay: .15s; }\n .gt-card:nth-child(4) { animation-delay: .2s; }\n .gt-card:nth-child(5) { animation-delay: .25s; }\n .gt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gtFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123261555065,"sku":"DI5042","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-gentiane-bio-10-ml-dioter-lifestyle.webp?v=1770722049"},{"product_id":"fleur-de-bach-etoile-bethleem-bio-10-ml-dioter","title":"Fleur de Bach Etoile de Bethléem Bio - 10 ml - Dioter","description":"\u003cdiv class=\"sb-premium\"\u003e\n\u003cdiv class=\"sb-hero\"\u003e\n\u003cdiv class=\"sb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sb-hero-content\"\u003e\n\u003cdiv class=\"sb-badges-top\"\u003e\n\u003cspan class=\"sb-badge\"\u003e🌿 Certifié Bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"sb-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"sb-badge\"\u003e🌸 Méthode Dr Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sb-hero-title\"\u003eFleur de Bach Étoile de Bethléem Bio\u003c\/span\u003e\n\u003cp class=\"sb-subtitle\"\u003eÉlixir floral Dioter · 10 ml\u003c\/p\u003e\n\u003cp class=\"sb-description\"\u003eApaisez les blessures émotionnelles profondes et retrouvez une sérénité intérieure durable grâce à cet élixir floral d'exception, élaboré à partir de fleurs sauvages cueillies en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003eUn élixir floral issu de fleurs sauvages françaises\u003c\/h2\u003e\n\u003cp class=\"sb-section-intro\"\u003eÉlaborée à partir d'\u003cstrong\u003eOrnithogale (Star of Bethlehem)\u003c\/strong\u003e, une fleur sauvage cueillie en France, cette préparation suit fidèlement la méthode originale du Docteur Bach.\u003c\/p\u003e\n\u003cdiv class=\"sb-grid\"\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🌼 Ornithogale sauvage\u003c\/h3\u003e\n\u003cp\u003eFleur cueillie à l'état sauvage en France, sélectionnée pour sa pureté vibratoire exceptionnelle et son énergie naturelle intacte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e☀️ Solarisation douce\u003c\/h3\u003e\n\u003cp\u003eMéthode d'extraction par le soleil qui préserve toute l'énergie vibratoire de la plante, pour une action subtile et profonde.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e💛 Apaisement émotionnel\u003c\/h3\u003e\n\u003cp\u003eIdéal en période de choc, de traumatisme ou de tristesse intense, cet élixir favorise le retour à une sérénité intérieure durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003eCertifié bio et d'origine 100 % naturelle\u003c\/h2\u003e\n\u003cdiv class=\"sb-grid-compact\"\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eLabellisé FR-BIO-01, garantie d'une agriculture biologique respectueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🍃 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eFormulé sans additifs superflus, composition pure et transparente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🌍 Écoresponsable\u003c\/h3\u003e\n\u003cp\u003eDans le respect de l'environnement et de l'humain à chaque étape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e✨ Pureté garantie\u003c\/h3\u003e\n\u003cp\u003eAssociation d'eau, de cognac bio et d'élixir floral, rien de plus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp class=\"sb-section-intro\"\u003eDeux modes d'utilisation selon vos besoins et votre rythme quotidien.\u003c\/p\u003e\n\u003cdiv class=\"sb-grid\"\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e💧 Utilisation classique\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e5 gouttes\u003c\/strong\u003e à diluer dans un fond de verre d'eau ou à déposer directement sous la langue. Renouvelable plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🫗 En préparation\u003c\/h3\u003e\n\u003cp\u003eDiluer \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans ½ litre d'eau minérale non gazeuse. Boire en 4 à 5 prises réparties sur la journée, en agitant la bouteille avant chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-tip\"\u003e\n\u003cspan class=\"sb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour une action optimale, laissez quelques secondes sous la langue avant d'avaler. Privilégiez les prises en dehors des repas pour une meilleure absorption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"sb-timeline\"\u003e\n\u003cdiv class=\"sb-timeline-item\"\u003e\n\u003cdiv class=\"sb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sb-timeline-content\"\u003e\n\u003ch3\u003eEau\u003c\/h3\u003e\n\u003cp\u003eBase pure pour la dilution de l'élixir floral.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-timeline-item\"\u003e\n\u003cdiv class=\"sb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sb-timeline-content\"\u003e\n\u003ch3\u003eCognac biologique\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel issu de l'agriculture biologique certifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-timeline-item\"\u003e\n\u003cdiv class=\"sb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sb-timeline-content\"\u003e\n\u003ch3\u003eSolarisation de fleur : Ornithogale\u003c\/h3\u003e\n\u003cp\u003eÉlixir floral obtenu par solarisation de la fleur Star of Bethlehem, selon la méthode originale du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003eInformations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"sb-accordion\"\u003e\n\u003cdetails class=\"sb-accordion-item\"\u003e\n\u003csummary class=\"sb-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n\u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n\u003cp\u003eFlacon compte-gouttes de 10 ml en verre ambré, pour une conservation optimale de l'élixir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sb-accordion-item\"\u003e\n\u003csummary class=\"sb-accordion-header\"\u003e⚖️ Poids net\u003c\/summary\u003e\n\u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n\u003cp\u003e10 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"sb-accordion\"\u003e\n\u003cdetails class=\"sb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"sb-accordion-header\"\u003e⚠️ Mentions réglementaires\u003c\/summary\u003e\n\u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Ne constitue pas un médicament.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"sb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"sb-cta-box\"\u003e\n\u003cp\u003e🌸 Retrouvez la paix intérieure avec l'Étoile de Bethléem Bio, un élixir floral d'exception, fidèle à la méthode du Dr Bach, pour apaiser chaque blessure émotionnelle en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sb-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Résultats individuels variables.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sb-cream: #FBF7F2;\n --sb-white: #ffffff;\n --sb-primary: #8B6F47;\n --sb-primary-dark: #5E4A2E;\n --sb-primary-light: #F5EDE3;\n --sb-secondary: #D4A574;\n --sb-accent: #E8B4A8;\n --sb-text: #1a1a1a;\n --sb-text-light: #5a5a5a;\n --sb-border: #E8DDD0;\n --sb-shadow: 0 4px 24px rgba(94, 74, 46, .08);\n --sb-shadow-lg: 0 12px 48px rgba(94, 74, 46, .15);\n --sb-radius: 20px;\n --sb-radius-sm: 12px;\n}\n\n.sb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sb-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4A2E 0%, #8B6F47 40%, #D4A574 75%, #E8B4A8 100%);\n border-radius: var(--sb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sb-shadow-lg);\n}\n\n.sb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.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.sb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sb-hero-title {\n display: block;\n color: white;\n font-size: clamp(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.sb-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.sb-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.sb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sb-primary), var(--sb-accent));\n border-radius: 2px;\n}\n\n.sb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sb-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.sb-card {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sb-shadow-lg);\n border-color: var(--sb-primary);\n}\n\n.sb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sb-grid-compact .sb-card {\n padding: 1rem;\n}\n\n.sb-grid-compact .sb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sb-grid-compact .sb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sb-primary), var(--sb-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.sb-timeline-content {\n flex: 1;\n background: var(--sb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sb-radius-sm);\n box-shadow: var(--sb-shadow);\n}\n\n.sb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sb-timeline-content p {\n font-size: 14px;\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sb-testimonial {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sb-shadow);\n border-left: 4px solid var(--sb-primary);\n}\n\n.sb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sb-accordion {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n box-shadow: var(--sb-shadow);\n overflow: hidden;\n}\n\n.sb-accordion-item {\n border-bottom: 1px solid var(--sb-border);\n margin: 0;\n padding: 0;\n}\n\n.sb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sb-accordion-header:hover {\n background: var(--sb-primary-light);\n}\n\n.sb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sb-primary);\n transition: transform .2s ease;\n}\n\n.sb-accordion-item[open] .sb-accordion-header::after {\n content: '−';\n}\n\n.sb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sb-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sb-primary-light);\n border-radius: var(--sb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sb-tip p {\n font-size: 14px;\n color: var(--sb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sb-cta-box {\n background: linear-gradient(135deg, var(--sb-primary) 0%, var(--sb-primary-dark) 100%);\n border-radius: var(--sb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sb-cta-box 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.sb-disclaimer {\n font-size: 12px;\n color: var(--sb-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 .sb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sb-card {\n padding: 1.125rem;\n }\n\n .sb-section {\n margin-bottom: 1.75rem;\n }\n\n .sb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sb-radius-sm);\n }\n\n .sb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sb-grid-compact {\n gap: .625rem;\n }\n\n .sb-grid-compact .sb-card {\n padding: .75rem;\n }\n\n .sb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sb-timeline-content h3 {\n font-size: 14px;\n }\n\n .sb-timeline-content p {\n font-size: 13px;\n }\n\n .sb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sb-testimonial {\n padding: 1.25rem;\n }\n\n .sb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sb-card {\n animation: sbFadeInUp .5s ease backwards;\n }\n .sb-card:nth-child(1) { animation-delay: .05s; }\n .sb-card:nth-child(2) { animation-delay: .1s; }\n .sb-card:nth-child(3) { animation-delay: .15s; }\n .sb-card:nth-child(4) { animation-delay: .2s; }\n .sb-card:nth-child(5) { animation-delay: .25s; }\n .sb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sbFadeInUp {\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 .sb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123349078393,"sku":"DI5059","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-etoile-de-bethleem-bio-10-ml-dioter-lifestyle.webp?v=1770883299"},{"product_id":"fleur-de-bach-vigne-bio-10-ml-dioter","title":"Fleur de Bach vigne bio - 10 ml - Dioter","description":"\u003cdiv class=\"vine-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"vine-hero\"\u003e\n\u003cdiv class=\"vine-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vine-hero-content\"\u003e\n\u003cdiv class=\"vine-badges-top\"\u003e\n\u003cspan class=\"vine-badge\"\u003e🌿 Certifié Bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"vine-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"vine-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vine-hero-title\"\u003eFleur de Bach vigne bio\u003c\/span\u003e\n\u003cp class=\"vine-subtitle\"\u003eÉlixir floral Dioter – Méthode originale du Dr Bach\u003c\/p\u003e\n\u003cp class=\"vine-description\"\u003eInspirée de la méthode originale du Docteur Edward Bach, la Fleur de Bach bio Vigne, élaborée par Dioter, est un élixir floral naturel destiné à restaurer l'équilibre émotionnel chez les personnes faisant preuve d'un excès de contrôle ou d'autorité. Conçue pour encourager le respect et l'écoute, cette fleur aide à transformer une volonté trop directive en une force d'inspiration calme et positive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"vine-section\"\u003e\n\u003ch2\u003eVertus émotionnelles de la Fleur de Vigne\u003c\/h2\u003e\n\u003cp class=\"vine-section-intro\"\u003eCette fleur s'adresse aux individus charismatiques qui, dans leur désir de guider, peuvent parfois imposer leur point de vue. L'élixir Vigne contribue à :\u003c\/p\u003e\n\u003cdiv class=\"vine-grid\"\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e🤝 Coopération et empathie\u003c\/h3\u003e\n\u003cp\u003eFavorise la coopération et l'empathie dans les relations au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e☮️ Apaisement des tensions\u003c\/h3\u003e\n\u003cp\u003eApaise les tensions dues au besoin de contrôle excessif sur les autres\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e🌟 Autorité naturelle\u003c\/h3\u003e\n\u003cp\u003eStimule une autorité naturelle, fondée sur l'exemple et la bienveillance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e🌱 Ouverture d'esprit\u003c\/h3\u003e\n\u003cp\u003eEncourage l'ouverture d'esprit et la flexibilité face aux idées des autres\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"vine-section\"\u003e\n\u003ch2\u003eUne fabrication artisanale et biologique\u003c\/h2\u003e\n\u003cdiv class=\"vine-grid-compact\"\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e🌸 Solarisation\u003c\/h3\u003e\n\u003cp\u003eMéthode originelle du Dr Bach, respectant la tradition artisanale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eFR-BIO-01, sans aucun ajout chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e🇫🇷 Fleurs françaises\u003c\/h3\u003e\n\u003cp\u003eFleurs sauvages soigneusement cueillies en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eStabilisé dans un cognac biologique pour une pureté optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-tip\"\u003e\n\u003cspan class=\"vine-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003ePureté et efficacité optimales garanties grâce à un procédé 100 % naturel, fidèle à la vision du Docteur Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"vine-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"vine-timeline\"\u003e\n\u003cdiv class=\"vine-timeline-item\"\u003e\n\u003cdiv class=\"vine-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vine-timeline-content\"\u003e\n\u003ch3\u003ePrise directe\u003c\/h3\u003e\n\u003cp\u003ePrenez 5 gouttes, pures ou diluées dans un fond d'eau, jusqu'à plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-timeline-item\"\u003e\n\u003cdiv class=\"vine-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vine-timeline-content\"\u003e\n\u003ch3\u003ePrise diluée sur la journée\u003c\/h3\u003e\n\u003cp\u003eDiluez 25 gouttes dans un demi-litre d'eau non gazeuse, à consommer tout au long de la journée par petites gorgées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-timeline-item\"\u003e\n\u003cdiv class=\"vine-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vine-timeline-content\"\u003e\n\u003ch3\u003eBien agiter\u003c\/h3\u003e\n\u003cp\u003eToujours bien agiter le flacon avant chaque prise pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"vine-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eIngrédients\u003c\/h2\u003e\n\u003cdiv class=\"vine-accordion\"\u003e\n\u003cdetails class=\"vine-accordion-item\"\u003e\n\u003csummary class=\"vine-accordion-header\"\u003e🧾 Composition complète\u003c\/summary\u003e\n\u003cdiv class=\"vine-accordion-content mt-3\"\u003e\n\u003cp\u003eEau, Cognac biologique, Solarisation de fleur – Vigne\u003cbr\u003eProduit issu de l'Agriculture biologique – \u003cstrong\u003ecertifié FR-BIO-01\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vine-accordion-item\"\u003e\n\u003csummary class=\"vine-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"vine-accordion-content mt-3\"\u003e\n\u003cp\u003eComplément alimentaire à base d'élixir floral. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Contient de l'alcool (cognac bio). Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"vine-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un traitement médical. Consultez votre professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --vine-cream: #faf7f3;\n --vine-white: #ffffff;\n --vine-primary: #8B6F47;\n --vine-primary-dark: #5E4A2E;\n --vine-primary-light: #f3ece3;\n --vine-secondary: #D4A574;\n --vine-accent: #C9907A;\n --vine-text: #1a1a1a;\n --vine-text-light: #5a5a5a;\n --vine-border: #e8e0d6;\n --vine-shadow: 0 4px 24px rgba(94, 74, 46, .08);\n --vine-shadow-lg: 0 12px 48px rgba(94, 74, 46, .15);\n --vine-radius: 20px;\n --vine-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vine-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vine-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.vine-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4A2E 0%, #8B6F47 40%, #C9907A 100%);\n border-radius: var(--vine-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(--vine-shadow-lg);\n}\n\n.vine-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.vine-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vine-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.vine-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.vine-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.vine-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.vine-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(--vine-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vine-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.vine-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vine-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vine-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.vine-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(--vine-primary), var(--vine-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.vine-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vine-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.vine-card {\n background: var(--vine-white);\n border-radius: var(--vine-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vine-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vine-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vine-shadow-lg);\n border-color: var(--vine-primary);\n}\n\n.vine-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vine-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vine-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vine-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vine-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.vine-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vine-grid-compact .vine-card {\n padding: 1rem;\n}\n\n.vine-grid-compact .vine-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vine-grid-compact .vine-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.vine-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vine-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.vine-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vine-primary), var(--vine-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.vine-timeline-content {\n flex: 1;\n background: var(--vine-white);\n padding: 1rem 1.25rem;\n border-radius: var(--vine-radius-sm);\n box-shadow: var(--vine-shadow);\n}\n\n.vine-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--vine-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vine-timeline-content p {\n font-size: 14px;\n color: var(--vine-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.vine-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--vine-primary-light);\n border-radius: var(--vine-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.vine-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.vine-tip p {\n font-size: 14px;\n color: var(--vine-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.vine-accordion {\n background: var(--vine-white);\n border-radius: var(--vine-radius);\n box-shadow: var(--vine-shadow);\n overflow: hidden;\n}\n\n.vine-accordion-item {\n border-bottom: 1px solid var(--vine-border);\n margin: 0;\n padding: 0;\n}\n\n.vine-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vine-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vine-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.vine-accordion-header:hover {\n background: var(--vine-primary-light);\n}\n\n.vine-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vine-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vine-primary);\n transition: transform .2s ease;\n}\n\n.vine-accordion-item[open] .vine-accordion-header::after {\n content: '−';\n}\n\n.vine-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vine-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.vine-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.vine-disclaimer {\n font-size: 12px;\n color: var(--vine-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 .vine-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vine-card {\n padding: 1.125rem;\n }\n\n .vine-section {\n margin-bottom: 1.75rem;\n }\n\n .vine-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vine-radius-sm);\n }\n\n .vine-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .vine-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .vine-grid-compact {\n gap: .625rem;\n }\n\n .vine-grid-compact .vine-card {\n padding: .75rem;\n }\n\n .vine-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .vine-timeline-content {\n padding: .875rem 1rem;\n }\n\n .vine-timeline-content h3 {\n font-size: 14px;\n }\n\n .vine-timeline-content p {\n font-size: 13px;\n }\n\n .vine-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .vine-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vine-card {\n animation: vineInUp .5s ease backwards;\n }\n .vine-card:nth-child(1) { animation-delay: .05s; }\n .vine-card:nth-child(2) { animation-delay: .1s; }\n .vine-card:nth-child(3) { animation-delay: .15s; }\n .vine-card:nth-child(4) { animation-delay: .2s; }\n .vine-card:nth-child(5) { animation-delay: .25s; }\n .vine-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes vineInUp {\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 .vine-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123597689209,"sku":"DI5062","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-vigne-bio-10-ml-dioter-lifestyle.webp?v=1770885258"},{"product_id":"fleur-de-bach-noyer-bio-10-ml-dioter","title":"Fleur de Bach noyer bio - 10 ml - Dioter","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Noyer Bio - 10 ml - Dioter\nPalette détectée:\n - Primaire: #8B6914 (brun doré\/ambre du flacon)\n - Secondaire: #D4A574 (beige rosé de l'étiquette et du bouchon)\n - Accent: #E8C8A0 (crème chaud du label)\nAmbiance: Naturel, doux, organique, bien-être holistique, fleurs de Bach, sérénité\nPréfixe CSS: wn\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Des bienfaits pour renforcer sa stabilité émotionnelle\"\n 2. \"Une fabrication biologique et respectueuse\"\n 3. \"Conseils d'utilisation\"\n 4. \"Composition\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"wn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"wn-hero\"\u003e\n \u003cdiv class=\"wn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"wn-hero-content\"\u003e\n \u003cdiv class=\"wn-badges-top\"\u003e\n \u003cspan class=\"wn-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"wn-badge\"\u003e🇫🇷 Fleurs récoltées en France\u003c\/span\u003e\n \u003cspan class=\"wn-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"wn-hero-title\"\u003eFleur de Bach noyer bio\u003c\/span\u003e\n \u003cp class=\"wn-subtitle\"\u003eÉlixir floral Walnut — Dioter\u003c\/p\u003e\n \u003cp class=\"wn-description\"\u003eÉlaborée selon la méthode authentique du Docteur Bach, la Fleur de Bach bio Noyer (Walnut) accompagne en douceur les personnes sensibles aux influences extérieures ou traversant des changements de vie importants. Elle s'adresse à ceux qui, dans un moment de transition, ressentent le besoin de se protéger émotionnellement et de stabiliser leur équilibre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"wn-section\"\u003e\n \u003ch2\u003eDes bienfaits pour renforcer sa stabilité émotionnelle\u003c\/h2\u003e\n \u003cp class=\"wn-section-intro\"\u003eGrâce à sa formulation naturelle, cet élixir floral bio favorise un sentiment de sécurité et d'ancrage, facilitant l'adaptation aux nouvelles situations tout en préservant votre intégrité.\u003c\/p\u003e\n \u003cdiv class=\"wn-grid\"\u003e\n \u003cdiv class=\"wn-card\"\u003e\n \u003ch3\u003e🔄 Changements de vie\u003c\/h3\u003e\n \u003cp\u003eDéménagement, nouvelle étape professionnelle, naissance, deuil… Un soutien précieux lors de chaque tournant majeur de votre existence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-card\"\u003e\n \u003ch3\u003e🦋 Transitions personnelles\u003c\/h3\u003e\n \u003cp\u003eAccompagne les périodes de transition personnelle ou spirituelle en douceur, pour avancer avec confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-card\"\u003e\n \u003ch3\u003e🛡️ Protection émotionnelle\u003c\/h3\u003e\n \u003cp\u003eIdéal en cas de grande réceptivité aux influences extérieures ou aux environnements perturbants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-tip\"\u003e\n \u003cspan class=\"wn-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eL'élixir de Noyer aide à affirmer son identité, à se libérer des influences parasites et à franchir les étapes de la vie avec plus de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"wn-section\"\u003e\n \u003ch2\u003eUne fabrication biologique et respectueuse\u003c\/h2\u003e\n \u003cdiv class=\"wn-grid-compact\"\u003e\n \u003cdiv class=\"wn-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eProduit issu de l'Agriculture Biologique, certifié FR-BIO-01.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-card\"\u003e\n \u003ch3\u003e🌳 Fleurs sauvages\u003c\/h3\u003e\n \u003cp\u003eFleurs de noyer sauvages récoltées en France, au cœur de leur habitat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-card\"\u003e\n \u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n \u003cp\u003eExtraction par solarisation selon la méthode originale du Dr Bach, pour un élixir pur, vivant et de haute qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-card\"\u003e\n \u003ch3\u003e🍇 Conservation naturelle\u003c\/h3\u003e\n \u003cp\u003eCognac biologique utilisé pour une conservation 100 % naturelle de l'élixir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"wn-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"wn-timeline\"\u003e\n \u003cdiv class=\"wn-timeline-item\"\u003e\n \u003cdiv class=\"wn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"wn-timeline-content\"\u003e\n \u003ch3\u003eUsage express\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un peu d'eau ou directement sous la langue, plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-timeline-item\"\u003e\n \u003cdiv class=\"wn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"wn-timeline-content\"\u003e\n \u003ch3\u003eUsage prolongé\u003c\/h3\u003e\n \u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale non gazeuse et buvez le mélange en plusieurs prises tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-timeline-item\"\u003e\n \u003cdiv class=\"wn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"wn-timeline-content\"\u003e\n \u003ch3\u003eBien agiter\u003c\/h3\u003e\n \u003cp\u003ePensez à bien agiter le flacon avant chaque usage pour réactiver les principes actifs de l'élixir.\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=\"wn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"wn-accordion\"\u003e\n \u003cdetails class=\"wn-accordion-item\" open\u003e\n \u003csummary class=\"wn-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"wn-accordion-content mt-3\"\u003e\n \u003cp\u003eEau, Cognac biologique, Solarisation de fleur — Noyer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"wn-accordion-item\"\u003e\n \u003csummary class=\"wn-accordion-header\"\u003e🌿 Certification\u003c\/summary\u003e\n \u003cdiv class=\"wn-accordion-content mt-3\"\u003e\n \u003cp\u003eProduit issu de l'Agriculture Biologique — certifié par FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"wn-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. 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 === *\/\n:root {\n --wn-cream: #faf6f0;\n --wn-white: #ffffff;\n --wn-primary: #8B6914;\n --wn-primary-dark: #5C4510;\n --wn-primary-light: #f5edd8;\n --wn-secondary: #D4A574;\n --wn-accent: #E8C8A0;\n --wn-text: #1a1a1a;\n --wn-text-light: #5a5a5a;\n --wn-border: #e8dece;\n --wn-shadow: 0 4px 24px rgba(92,69,16,.08);\n --wn-shadow-lg: 0 12px 48px rgba(92,69,16,.15);\n --wn-radius: 20px;\n --wn-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.wn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--wn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.wn-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4510 0%, #8B6914 40%, #D4A574 100%);\n border-radius: var(--wn-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(--wn-shadow-lg);\n}\n\n.wn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(232,200,160,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.wn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.wn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.wn-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(--wn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.wn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.wn-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.wn-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.wn-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.8;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.wn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.wn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--wn-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.wn-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(--wn-primary), var(--wn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.wn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--wn-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.wn-card {\n background: var(--wn-white);\n border-radius: var(--wn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--wn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.wn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--wn-shadow-lg);\n border-color: var(--wn-primary);\n}\n\n.wn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--wn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.wn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--wn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.wn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.wn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.wn-grid-compact .wn-card {\n padding: 1rem;\n}\n\n.wn-grid-compact .wn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.wn-grid-compact .wn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.wn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.wn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.wn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--wn-primary), var(--wn-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.wn-timeline-content {\n flex: 1;\n background: var(--wn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--wn-radius-sm);\n box-shadow: var(--wn-shadow);\n}\n\n.wn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--wn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.wn-timeline-content p {\n font-size: 14px;\n color: var(--wn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.wn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--wn-primary-light);\n border-radius: var(--wn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.wn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.wn-tip p {\n font-size: 14px;\n color: var(--wn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.wn-accordion {\n background: var(--wn-white);\n border-radius: var(--wn-radius);\n box-shadow: var(--wn-shadow);\n overflow: hidden;\n}\n\n.wn-accordion-item {\n border-bottom: 1px solid var(--wn-border);\n margin: 0;\n padding: 0;\n}\n\n.wn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.wn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--wn-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.wn-accordion-header:hover {\n background: var(--wn-primary-light);\n}\n\n.wn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.wn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--wn-primary);\n transition: transform .2s ease;\n}\n\n.wn-accordion-item[open] .wn-accordion-header::after {\n content: '−';\n}\n\n.wn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--wn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.wn-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.wn-disclaimer {\n font-size: 12px;\n color: var(--wn-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 .wn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .wn-card {\n padding: 1.125rem;\n }\n\n .wn-section {\n margin-bottom: 1.75rem;\n }\n\n .wn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--wn-radius-sm);\n }\n\n .wn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .wn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .wn-grid-compact {\n gap: .625rem;\n }\n\n .wn-grid-compact .wn-card {\n padding: .75rem;\n }\n\n .wn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .wn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .wn-timeline-content h3 {\n font-size: 14px;\n }\n\n .wn-timeline-content p {\n font-size: 13px;\n }\n\n .wn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .wn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .wn-testimonial {\n padding: 1.25rem;\n }\n\n .wn-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .wn-card {\n animation: wnFadeInUp .5s ease backwards;\n }\n .wn-card:nth-child(1) { animation-delay: .05s; }\n .wn-card:nth-child(2) { animation-delay: .1s; }\n .wn-card:nth-child(3) { animation-delay: .15s; }\n .wn-card:nth-child(4) { animation-delay: .2s; }\n .wn-card:nth-child(5) { animation-delay: .25s; }\n .wn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes wnFadeInUp {\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 .wn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123669713273,"sku":"DI5063","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-noyer-bio-10-ml-dioter-lifestyle.webp?v=1770886023"},{"product_id":"fleur-de-bach-cerato-bio-10-ml-dioter","title":"Fleur de Bach Cerato Bio - 10 ml - Dioter","description":"\u003cdiv class=\"cb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cb-hero\"\u003e\n\u003cdiv class=\"cb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cb-hero-content\"\u003e\n\u003cdiv class=\"cb-badges-top\"\u003e\n\u003cspan class=\"cb-badge\"\u003e🌿 Certifié Bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cb-hero-title\"\u003eFleur de Bach Cerato Bio\u003c\/span\u003e\n\u003cp class=\"cb-subtitle\"\u003eÉlixir floral du Laboratoire Dioter - Méthode originelle du Dr. Bach\u003c\/p\u003e\n\u003cp class=\"cb-description\"\u003eRetrouvez confiance en votre intuition et libérez-vous du doute grâce à cet élixir floral biologique issu du \u003cem\u003eCeratostigma Willmottiana\u003c\/em\u003e. Une aide précieuse pour écouter votre voix intérieure et prendre vos décisions avec assurance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eUne solution naturelle et biologique pour renforcer l'intuition\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eCertifiée biologique et extraite de fleurs sauvages françaises, cette préparation aide à se reconnecter à sa voix intérieure.\u003c\/p\u003e\n\u003cdiv class=\"cb-grid\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌸 Confiance en soi\u003c\/h3\u003e\n\u003cp\u003eLe Cerato soutient les personnes qui doutent constamment d'elles-mêmes et cherchent sans cesse la validation d'autrui avant d'agir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🧭 Écoute de l'intuition\u003c\/h3\u003e\n\u003cp\u003eCet élixir favorise la reconnexion à votre voix intérieure, pour des décisions plus alignées avec vos véritables aspirations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e💫 Assurance décisionnelle\u003c\/h3\u003e\n\u003cp\u003eParticulièrement adapté aux personnes indécises ou influençables, il aide à renforcer l'assurance dans chaque choix du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eComment utiliser la Fleur de Bach Cerato ?\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eL'élixir se présente sous forme de flacon compte-gouttes de 10 ml, facile à utiliser au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"cb-timeline\"\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003eUtilisation ponctuelle\u003c\/h3\u003e\n\u003cp\u003e5 gouttes à diluer dans un peu d'eau ou directement sous la langue, à renouveler plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003eCure complète\u003c\/h3\u003e\n\u003cp\u003eDiluer 25 gouttes dans ½ litre d'eau non gazeuse et boire en 4 à 5 prises quotidiennes, réparties sur la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n\u003cp\u003ePour des résultats durables, utilisez la Fleur de Bach Cerato pendant 3 semaines à 1 mois, renouvelable si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-tip\"\u003e\n\u003cspan class=\"cb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un accompagnement personnalisé, n'hésitez pas à consulter un professionnel formé aux Fleurs de Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eUne fabrication respectueuse de la méthode du Dr. Bach\u003c\/h2\u003e\n\u003cdiv class=\"cb-grid-compact\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n\u003cp\u003eChaque élixir est élaboré par solarisation pour préserver toute l'énergie vibratoire de la plante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e📜 Méthode originelle\u003c\/h3\u003e\n\u003cp\u003ePréparation fidèle à la méthode du Dr. Bach, garantissant authenticité et respect de la tradition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🍇 Cognac biologique\u003c\/h3\u003e\n\u003cp\u003eDilution dans de l'eau et du cognac biologique pour une conservation 100 % naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌱 Plumbago sauvage\u003c\/h3\u003e\n\u003cp\u003eIssu du Ceratostigma Willmottiana, récolté à l'état sauvage pour une qualité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"cb-composition\"\u003e\n\u003cdiv class=\"cb-composition-item\"\u003e\n\u003cspan class=\"cb-composition-icon\"\u003e💧\u003c\/span\u003e \u003cspan class=\"cb-composition-name\"\u003eEau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-composition-item\"\u003e\n\u003cspan class=\"cb-composition-icon\"\u003e🍇\u003c\/span\u003e \u003cspan class=\"cb-composition-name\"\u003eCognac biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-composition-item\"\u003e\n\u003cspan class=\"cb-composition-icon\"\u003e🌸\u003c\/span\u003e \u003cspan class=\"cb-composition-name\"\u003eExtrait floral solarisé de Plumbago (Ceratostigma Willmottiana)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eEngagement qualité Dioter\u003c\/h2\u003e\n\u003cdiv class=\"cb-grid\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e✅ Pureté garantie\u003c\/h3\u003e\n\u003cp\u003eAucun additif synthétique ni conservateur chimique. Une formulation minimaliste pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌍 Respect de l'environnement\u003c\/h3\u003e\n\u003cp\u003eDioter s'engage dans une démarche éco-responsable, de la récolte des fleurs sauvages à la mise en flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🧘 Équilibre émotionnel\u003c\/h3\u003e\n\u003cp\u003eUne approche 100 % naturelle de votre bien-être intérieur, fidèle à la philosophie du Dr. Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"cb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cb-accordion\"\u003e\n\u003cdetails class=\"cb-accordion-item\"\u003e\n\u003csummary class=\"cb-accordion-header\"\u003e⚠️ Avertissements importants\u003c\/summary\u003e\n\u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical. Ne pas dépasser la dose conseillée. Ne pas utiliser comme substitut d'un régime alimentaire varié. À tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cb-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Consultez un professionnel de santé pour toute question relative à votre bien-être.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cb-cream: #FAF6F1;\n --cb-white: #ffffff;\n --cb-primary: #8B6F47;\n --cb-primary-dark: #5E4A2E;\n --cb-primary-light: #F3EDE4;\n --cb-secondary: #D4A574;\n --cb-accent: #6B8F5E;\n --cb-text: #1a1a1a;\n --cb-text-light: #5a5a5a;\n --cb-border: #e8e0d6;\n --cb-shadow: 0 4px 24px rgba(94,74,46,.08);\n --cb-shadow-lg: 0 12px 48px rgba(94,74,46,.15);\n --cb-radius: 20px;\n --cb-radius-sm: 12px;\n}\n\n.cb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cb-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4A2E 0%, #8B6F47 40%, #D4A574 100%);\n border-radius: var(--cb-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(--cb-shadow-lg);\n}\n\n.cb-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(107,143,94,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.cb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cb-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.cb-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.cb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.cb-description em {\n font-style: italic;\n color: rgba(255,255,255,.95);\n}\n\n\/* === BADGES === *\/\n.cb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cb-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(--cb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cb-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.cb-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(--cb-primary), var(--cb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.cb-card {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cb-shadow-lg);\n border-color: var(--cb-primary);\n}\n\n.cb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cb-grid-compact .cb-card {\n padding: 1rem;\n}\n\n.cb-grid-compact .cb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cb-grid-compact .cb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cb-primary), var(--cb-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.cb-timeline-content {\n flex: 1;\n background: var(--cb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cb-radius-sm);\n box-shadow: var(--cb-shadow);\n}\n\n.cb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cb-timeline-content p {\n font-size: 14px;\n color: var(--cb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.cb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cb-primary-light);\n border-radius: var(--cb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cb-tip p {\n font-size: 14px;\n color: var(--cb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.cb-composition {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n max-width: 520px;\n margin: 0 auto;\n}\n\n.cb-composition-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--cb-white);\n border-radius: var(--cb-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--cb-shadow);\n transition: all .3s ease;\n}\n\n.cb-composition-item:hover {\n transform: translateX(6px);\n box-shadow: var(--cb-shadow-lg);\n}\n\n.cb-composition-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cb-composition-name {\n font-size: clamp(14px, 2.2vw, 16px);\n font-weight: 600;\n color: var(--cb-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.cb-accordion {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n box-shadow: var(--cb-shadow);\n overflow: hidden;\n}\n\n.cb-accordion-item {\n border-bottom: 1px solid var(--cb-border);\n margin: 0;\n padding: 0;\n}\n\n.cb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cb-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.cb-accordion-header:hover {\n background: var(--cb-primary-light);\n}\n\n.cb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cb-primary);\n transition: transform .2s ease;\n}\n\n.cb-accordion-item[open] .cb-accordion-header::after {\n content: '−';\n}\n\n.cb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cb-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cb-disclaimer {\n font-size: 12px;\n color: var(--cb-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 .cb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cb-card {\n padding: 1.125rem;\n }\n\n .cb-section {\n margin-bottom: 1.75rem;\n }\n\n .cb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cb-radius-sm);\n }\n\n .cb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cb-grid-compact {\n gap: .625rem;\n }\n\n .cb-grid-compact .cb-card {\n padding: .75rem;\n }\n\n .cb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cb-timeline-content h3 {\n font-size: 14px;\n }\n\n .cb-timeline-content p {\n font-size: 13px;\n }\n\n .cb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cb-composition-item {\n padding: .875rem 1rem;\n }\n\n .cb-composition-name {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cb-card {\n animation: cbFadeInUp .5s ease backwards;\n }\n .cb-card:nth-child(1) { animation-delay: .05s; }\n .cb-card:nth-child(2) { animation-delay: .1s; }\n .cb-card:nth-child(3) { animation-delay: .15s; }\n .cb-card:nth-child(4) { animation-delay: .2s; }\n .cb-card:nth-child(5) { animation-delay: .25s; }\n .cb-card:nth-child(6) { animation-delay: .3s; }\n\n .cb-composition-item {\n animation: cbFadeInUp .5s ease backwards;\n }\n .cb-composition-item:nth-child(1) { animation-delay: .05s; }\n .cb-composition-item:nth-child(2) { animation-delay: .1s; }\n .cb-composition-item:nth-child(3) { animation-delay: .15s; }\n\n .cb-timeline-item {\n animation: cbFadeInUp .5s ease backwards;\n }\n .cb-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cb-timeline-item:nth-child(2) { animation-delay: .1s; }\n .cb-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes cbFadeInUp {\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 .cb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123677544825,"sku":"DI5035","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-cerato-bio-10-ml-dioter-lifestyle.webp?v=1770636328"},{"product_id":"fleur-de-bach-eau-de-roche-bio-10-ml-dioter","title":"Fleur de Bach Eau de roche bio - 10 ml - Dioter","description":"\u003cdiv class=\"rw-premium\"\u003e\n\u003cdiv class=\"rw-hero\"\u003e\n\u003cdiv class=\"rw-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rw-hero-content\"\u003e\n\u003cdiv class=\"rw-badges-top\"\u003e\n\u003cspan class=\"rw-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"rw-badge\"\u003e🇫🇷 Cueillette française\u003c\/span\u003e \u003cspan class=\"rw-badge\"\u003e💧 Élixir floral 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"rw-hero-title\"\u003eFleur de Bach eau de roche bio\u003c\/span\u003e\n\u003cp class=\"rw-subtitle\"\u003eÉlixir floral selon la méthode authentique du Dr Bach\u003c\/p\u003e\n\u003cp class=\"rw-description\"\u003eDestinée aux personnes exigeantes envers elles-mêmes, souvent en quête de perfection au détriment de leur bien-être, cette fleur de Bach bio vise à apporter équilibre et paix intérieure en encourageant davantage de flexibilité mentale et émotionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"rw-section\"\u003e\n\u003ch2\u003eUne fabrication artisanale et biologique\u003c\/h2\u003e\n\u003cp class=\"rw-section-intro\"\u003eChaque flacon contient un élixir préparé dans le respect des principes originels du Docteur Bach, pour une qualité vibratoire optimale.\u003c\/p\u003e\n\u003cdiv class=\"rw-grid-compact\"\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e🌾 Cueillette sauvage\u003c\/h3\u003e\n\u003cp\u003eLa fleur d'eau de roche est cueillie à l'état sauvage en France, dans un environnement préservé et intact.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n\u003cp\u003eMéthode douce et naturelle d'extraction qui préserve toute la vitalité vibratoire de la fleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eUtilisé comme conservateur naturel, il assure la stabilité et la qualité du produit dans le temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e📜 Méthode du Dr Bach\u003c\/h3\u003e\n\u003cp\u003eÉlaboré par Dioter selon les principes originels et authentiques du Docteur Edward Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"rw-section\"\u003e\n\u003ch2\u003eLes bienfaits émotionnels de l'élixir Eau de roche\u003c\/h2\u003e\n\u003cdiv class=\"rw-grid\"\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e🧘 Relâchement intérieur\u003c\/h3\u003e\n\u003cp\u003eAide à relâcher l'auto-discipline excessive et les exigences trop strictes envers soi-même.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e💛 Acceptation de soi\u003c\/h3\u003e\n\u003cp\u003eEncourage l'acceptation de soi et la tolérance, pour un rapport plus bienveillant avec ses propres limites.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e🌸 Détente émotionnelle\u003c\/h3\u003e\n\u003cp\u003eFavorise une attitude plus détendue et ouverte face aux situations du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e🔓 Souplesse mentale\u003c\/h3\u003e\n\u003cp\u003eRéduit la rigidité mentale et les tensions internes pour retrouver une fluidité émotionnelle naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"rw-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"rw-timeline\"\u003e\n\u003cdiv class=\"rw-timeline-item\"\u003e\n\u003cdiv class=\"rw-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"rw-timeline-content\"\u003e\n\u003ch3\u003eMéthode directe\u003c\/h3\u003e\n\u003cp\u003eDiluez 5 gouttes dans un verre d'eau ou placez-les directement sous la langue. Répétez plusieurs fois par jour selon les besoins ou les recommandations d'un professionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-timeline-item\"\u003e\n\u003cdiv class=\"rw-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"rw-timeline-content\"\u003e\n\u003ch3\u003eMéthode diluée sur la journée\u003c\/h3\u003e\n\u003cp\u003eDiluez 25 gouttes dans un demi-litre d'eau minérale non gazeuse et consommez en 4 à 5 prises tout au long de la journée, en agitant la bouteille avant chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-tip\"\u003e\n\u003cspan class=\"rw-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eAgitez toujours le flacon avant chaque utilisation pour réactiver les principes vibratoires de l'élixir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"rw-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"rw-accordion\"\u003e\n\u003cdetails class=\"rw-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"rw-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"rw-accordion-content mt-3\"\u003e\n\u003cp\u003eEau · Cognac biologique · Solarisation de fleur – Eau de roche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"rw-accordion-item\"\u003e\n\u003csummary class=\"rw-accordion-header\"\u003e🌱 Certification biologique\u003c\/summary\u003e\n\u003cdiv class=\"rw-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit issu de l'Agriculture Biologique – Certifié par FR-BIO-01. Une garantie de qualité, de traçabilité et de respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"rw-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"rw-cta-box\"\u003e\n\u003cp\u003e🌿 Retrouvez équilibre et sérénité grâce à la sagesse des Fleurs de Bach.\u003cbr\u003eUn élixir bio, artisanal et fidèle à la méthode originelle du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"rw-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un traitement médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --rw-cream: #FAF6F1;\n --rw-white: #ffffff;\n --rw-primary: #9B7B3A;\n --rw-primary-dark: #6B5420;\n --rw-primary-light: #F5EDE0;\n --rw-secondary: #D4A574;\n --rw-accent: #E0B090;\n --rw-text: #1a1a1a;\n --rw-text-light: #5a5a5a;\n --rw-border: #e8dfcf;\n --rw-shadow: 0 4px 24px rgba(107,84,32,.08);\n --rw-shadow-lg: 0 12px 48px rgba(107,84,32,.15);\n --rw-radius: 20px;\n --rw-radius-sm: 12px;\n}\n\n.rw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.rw-hero {\n position: relative;\n background: linear-gradient(135deg, #6B5420 0%, #9B7B3A 50%, #D4A574 100%);\n border-radius: var(--rw-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(--rw-shadow-lg);\n}\n\n.rw-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rw-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(--rw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rw-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.rw-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.rw-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.rw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rw-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.rw-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(--rw-primary), var(--rw-secondary));\n border-radius: 2px;\n}\n\n.rw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rw-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.rw-card {\n background: var(--rw-white);\n border-radius: var(--rw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rw-shadow-lg);\n border-color: var(--rw-primary);\n}\n\n.rw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rw-grid-compact .rw-card {\n padding: 1rem;\n}\n\n.rw-grid-compact .rw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rw-grid-compact .rw-card p {\n font-size: 12px;\n}\n\n.rw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rw-primary), var(--rw-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.rw-timeline-content {\n flex: 1;\n background: var(--rw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rw-radius-sm);\n box-shadow: var(--rw-shadow);\n}\n\n.rw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rw-timeline-content p {\n font-size: 14px;\n color: var(--rw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.rw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rw-primary-light);\n border-radius: var(--rw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rw-tip p {\n font-size: 14px;\n color: var(--rw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.rw-accordion {\n background: var(--rw-white);\n border-radius: var(--rw-radius);\n box-shadow: var(--rw-shadow);\n overflow: hidden;\n}\n\n.rw-accordion-item {\n border-bottom: 1px solid var(--rw-border);\n margin: 0;\n padding: 0;\n}\n\n.rw-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rw-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rw-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.rw-accordion-header:hover {\n background: var(--rw-primary-light);\n}\n\n.rw-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rw-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rw-primary);\n transition: transform .2s ease;\n}\n\n.rw-accordion-item[open] .rw-accordion-header::after {\n content: '−';\n}\n\n.rw-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rw-accordion-content p {\n margin: 0;\n}\n\n.rw-testimonial {\n background: var(--rw-white);\n border-radius: var(--rw-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rw-shadow);\n border-left: 4px solid var(--rw-primary);\n}\n\n.rw-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rw-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.rw-cta-box {\n background: linear-gradient(135deg, var(--rw-primary) 0%, var(--rw-primary-dark) 100%);\n border-radius: var(--rw-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rw-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.rw-disclaimer {\n font-size: 12px;\n color: var(--rw-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .rw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rw-card {\n padding: 1.125rem;\n }\n\n .rw-section {\n margin-bottom: 1.75rem;\n }\n\n .rw-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rw-radius-sm);\n }\n\n .rw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rw-grid-compact {\n gap: .625rem;\n }\n\n .rw-grid-compact .rw-card {\n padding: .75rem;\n }\n\n .rw-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rw-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rw-timeline-content h3 {\n font-size: 14px;\n }\n\n .rw-timeline-content p {\n font-size: 13px;\n }\n\n .rw-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rw-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rw-testimonial {\n padding: 1.25rem;\n }\n\n .rw-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .rw-card {\n animation: rw-fadeInUp .5s ease backwards;\n }\n .rw-card:nth-child(1) { animation-delay: .05s; }\n .rw-card:nth-child(2) { animation-delay: .1s; }\n .rw-card:nth-child(3) { animation-delay: .15s; }\n .rw-card:nth-child(4) { animation-delay: .2s; }\n .rw-card:nth-child(5) { animation-delay: .25s; }\n .rw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rw-fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rw-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123947815289,"sku":"DI5057","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-eau-de-roche-bio-10-ml-dioter-lifestyle.webp?v=1770805890"},{"product_id":"fleur-de-bach-meleze-bio-10-ml-dioter","title":"Fleur de Bach Mélèze Bio - 10 ml - Dioter","description":"\u003cdiv class=\"lm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"lm-hero\"\u003e\n\u003cdiv class=\"lm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lm-hero-content\"\u003e\n\u003cdiv class=\"lm-badges-top\"\u003e\n\u003cspan class=\"lm-badge\"\u003e🌿 Certifié Bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"lm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"lm-badge\"\u003e🌸 Méthode du Dr. Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"lm-hero-title\"\u003eFleur de Bach Mélèze Bio\u003c\/span\u003e\n\u003cp class=\"lm-subtitle\"\u003eÉlixir floral Larch Dioter - 10 ml\u003c\/p\u003e\n\u003cp class=\"lm-description\"\u003eRetrouvez confiance en vos capacités. Le Mélèze (Larch) est l'élixir de l'estime de soi, de l'optimisme et de l'affirmation personnelle. Élaboré à partir de fleurs sauvages françaises, cueillies avec soin et traitées par solarisation selon la méthode originelle du Dr. Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION BÉNÉFICES (intro enrichie, pas un H2 source) --\u003e\n\u003csection class=\"lm-section\"\u003e\n\u003ch2 class=\"lm-h2-no-source\"\u003e✨ Pourquoi choisir le Mélèze ?\u003c\/h2\u003e\n\u003cp class=\"lm-section-intro\"\u003eLe Mélèze s'adresse à toutes les personnes qui doutent de leurs capacités, se sentent inférieures ou redoutent l'échec. Voici ses bienfaits clés :\u003c\/p\u003e\n\u003cdiv class=\"lm-grid\"\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e💛 Estime de soi\u003c\/h3\u003e\n\u003cp\u003eRenforce la confiance en vos propres compétences et dissipe le sentiment d'infériorité qui vous freine au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🌞 Optimisme retrouvé\u003c\/h3\u003e\n\u003cp\u003eRavive un regard positif sur vos capacités et vous encourage à voir le meilleur en vous, même face aux doutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🦋 Affirmation de soi\u003c\/h3\u003e\n\u003cp\u003eAide à oser prendre des initiatives, à persévérer face aux difficultés et à s'affirmer avec sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"lm-section\"\u003e\n\u003ch2\u003eUne fabrication 100% naturelle et certifiée biologique\u003c\/h2\u003e\n\u003cdiv class=\"lm-grid-compact\"\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🌱 Extraction naturelle\u003c\/h3\u003e\n\u003cp\u003e100% naturelle, sans aucune substance artificielle, dans le respect des traditions originelles du Dr. Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n\u003cp\u003eCertification biologique FR-BIO-01 garantissant une qualité optimale à chaque goutte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eÉlaboré à partir de fleurs sauvages françaises, cueillies avec soin et traitées par solarisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🍇 Base noble\u003c\/h3\u003e\n\u003cp\u003eEau de source pure et cognac biologique utilisé comme conservateur naturel traditionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"lm-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et durée de la cure\u003c\/h2\u003e\n\u003cdiv class=\"lm-timeline\"\u003e\n\u003cdiv class=\"lm-timeline-item\"\u003e\n\u003cdiv class=\"lm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lm-timeline-content\"\u003e\n\u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e, à diluer dans un peu d'eau ou directement sous la langue, \u003cstrong\u003ejusqu'à 4 fois par jour\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-timeline-item\"\u003e\n\u003cdiv class=\"lm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lm-timeline-content\"\u003e\n\u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n\u003cp\u003ePour une action durable, suivez une cure de \u003cstrong\u003e3 semaines à 1 mois\u003c\/strong\u003e. Elle peut être renouvelée si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-timeline-item\"\u003e\n\u003cdiv class=\"lm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lm-timeline-content\"\u003e\n\u003ch3\u003eAlternative pratique\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes dans ½ litre d'eau\u003c\/strong\u003e à boire en plusieurs fois dans la journée. Bien agiter avant chaque prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-tip\"\u003e\n\u003cspan class=\"lm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa cure peut s'adapter à vos besoins émotionnels. Écoutez-vous et ajustez la durée selon votre ressenti personnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"lm-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"lm-grid\"\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eBase pure et naturelle, sélectionnée pour sa qualité et sa neutralité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🍷 Cognac biologique\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel utilisé selon la tradition originelle du Dr. Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🌸 Solarisation de Mélèze\u003c\/h3\u003e\n\u003cp\u003eFleurs de Mélèze (\u003cem\u003eLarix decidua\u003c\/em\u003e) traitées par solarisation pour en capturer l'essence vibratoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 et H2 #5 regroupés en accordéon --\u003e\n\u003csection class=\"lm-section\"\u003e\n\u003ch2\u003eInformations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"lm-grid-compact\"\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e📦 Volume\u003c\/h3\u003e\n\u003cp\u003e10 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e💧 Conditionnement\u003c\/h3\u003e\n\u003cp\u003eFlacon compte-gouttes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique (FR-BIO-01)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lm-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"lm-accordion\"\u003e\n\u003cdetails class=\"lm-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"lm-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n\u003cdiv class=\"lm-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire n'est pas un médicament. Ne pas dépasser la dose journalière recommandée. Ne pas utiliser en substitution d'un régime alimentaire équilibré. Tenir hors de portée des jeunes enfants.\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=\"lm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"lm-cta-box\"\u003e\n\u003cp\u003e🌸 Libérez votre potentiel intérieur avec la douceur du Mélèze.\u003cbr\u003eRetrouvez confiance, osez et épanouissez-vous pleinement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"lm-disclaimer\"\u003eLes élixirs floraux de Bach ne se substituent pas à un avis médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --lm-cream: #faf7f2;\n --lm-white: #ffffff;\n --lm-primary: #8B6914;\n --lm-primary-dark: #5C4510;\n --lm-primary-light: #f5efe3;\n --lm-secondary: #D4A574;\n --lm-accent: #5A7A3A;\n --lm-text: #1a1a1a;\n --lm-text-light: #5a5a5a;\n --lm-border: #e8e0d4;\n --lm-shadow: 0 4px 24px rgba(90, 60, 10, .08);\n --lm-shadow-lg: 0 12px 48px rgba(90, 60, 10, .15);\n --lm-radius: 20px;\n --lm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lm-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4510 0%, #8B6914 40%, #D4A574 80%, #E8C9A0 100%);\n border-radius: var(--lm-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(--lm-shadow-lg);\n}\n\n.lm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 40%);\n opacity: 1;\n}\n\n.lm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.lm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lm-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(--lm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.lm-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.lm-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.lm-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.lm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lm-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.lm-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(--lm-primary), var(--lm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lm-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.lm-card {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lm-shadow-lg);\n border-color: var(--lm-primary);\n}\n\n.lm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lm-grid-compact .lm-card {\n padding: 1rem;\n}\n\n.lm-grid-compact .lm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lm-grid-compact .lm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lm-primary), var(--lm-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.lm-timeline-content {\n flex: 1;\n background: var(--lm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lm-radius-sm);\n box-shadow: var(--lm-shadow);\n}\n\n.lm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lm-timeline-content p {\n font-size: 14px;\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.lm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lm-primary-light);\n border-radius: var(--lm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lm-tip p {\n font-size: 14px;\n color: var(--lm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.lm-accordion {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n box-shadow: var(--lm-shadow);\n overflow: hidden;\n}\n\n.lm-accordion-item {\n border-bottom: 1px solid var(--lm-border);\n margin: 0;\n padding: 0;\n}\n\n.lm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lm-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.lm-accordion-header:hover {\n background: var(--lm-primary-light);\n}\n\n.lm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lm-primary);\n transition: transform .2s ease;\n}\n\n.lm-accordion-item[open] .lm-accordion-header::after {\n content: '−';\n}\n\n.lm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.lm-cta-box {\n background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 100%);\n border-radius: var(--lm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lm-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.lm-disclaimer {\n font-size: 12px;\n color: var(--lm-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 .lm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lm-card {\n padding: 1.125rem;\n }\n\n .lm-section {\n margin-bottom: 1.75rem;\n }\n\n .lm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lm-radius-sm);\n }\n\n .lm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lm-grid-compact {\n gap: .625rem;\n }\n\n .lm-grid-compact .lm-card {\n padding: .75rem;\n }\n\n .lm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lm-timeline-content h3 {\n font-size: 14px;\n }\n\n .lm-timeline-content p {\n font-size: 13px;\n }\n\n .lm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lm-card {\n animation: lmFadeInUp .5s ease backwards;\n }\n .lm-card:nth-child(1) { animation-delay: .05s; }\n .lm-card:nth-child(2) { animation-delay: .1s; }\n .lm-card:nth-child(3) { animation-delay: .15s; }\n .lm-card:nth-child(4) { animation-delay: .2s; }\n .lm-card:nth-child(5) { animation-delay: .25s; }\n .lm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lmFadeInUp {\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 .lm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123956400505,"sku":"DI5049","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-meleze-bio-10-ml-dioter-lifestyle.webp?v=1770798966"},{"product_id":"fleur-de-bach-bruyere-bio-10-ml-dioter","title":"Fleur de Bach bruyère bio - 10 ml - Dioter","description":"\u003cdiv class=\"hb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hb-hero\"\u003e\n\u003cdiv class=\"hb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hb-hero-content\"\u003e\n\u003cdiv class=\"hb-badges-top\"\u003e\n\u003cspan class=\"hb-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"hb-badge\"\u003e🇫🇷 Cueillette française\u003c\/span\u003e \u003cspan class=\"hb-badge\"\u003e🌸 Méthode Dr Bach\u003c\/span\u003e \u003cspan class=\"hb-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hb-hero-title\"\u003eFleur de Bach Bruyère Bio\u003c\/span\u003e\n\u003cp class=\"hb-subtitle\"\u003eÉlixir floral Heather - Dioter\u003c\/p\u003e\n\u003cp class=\"hb-description\"\u003eRetrouvez l'écoute authentique, la sérénité intérieure et des relations harmonieuses grâce à cet élixir floral de bruyère, préparé selon la méthode originale du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"hb-section\"\u003e\n\u003ch2\u003eFleur de Bach Heather Bio - Élixir floral de bruyère par Dioter\u003c\/h2\u003e\n\u003cp class=\"hb-section-intro\"\u003eVous ressentez un \u003cstrong\u003ebesoin constant de parler de vous\u003c\/strong\u003e, une difficulté à rester seul ou une tendance à monopoliser les conversations ? La \u003cstrong\u003efleur de Bach Heather\u003c\/strong\u003e (bruyère) est l'élixir floral conçu précisément pour accompagner ces états émotionnels.\u003c\/p\u003e\n\u003cp class=\"hb-section-intro\"\u003ePréparée selon la \u003cstrong\u003eméthode originale du Dr Bach\u003c\/strong\u003e, cette version bio certifiée du laboratoire français \u003cstrong\u003eDioter\u003c\/strong\u003e (gamme Auraflor) vous aide à retrouver une écoute authentique et une sérénité intérieure durable.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"hb-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse la fleur de Bach Heather ?\u003c\/h2\u003e\n\u003cp class=\"hb-section-intro\"\u003eDans la classification du Dr Edward Bach, \u003cstrong\u003eHeather appartient au groupe de la solitude\u003c\/strong\u003e. Cet élixir floral s'adresse aux personnes qui :\u003c\/p\u003e\n\u003cdiv class=\"hb-grid\"\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e😟 Peur de la solitude\u003c\/h3\u003e\n\u003cp\u003eÉprouvent une peur profonde de la solitude et cherchent constamment de la compagnie pour se rassurer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e🗣️ Conversations centrées sur soi\u003c\/h3\u003e\n\u003cp\u003eOnt tendance à ramener chaque conversation à elles-mêmes, à leurs soucis ou à leur santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e💬 Bavardage excessif\u003c\/h3\u003e\n\u003cp\u003eSe montrent excessivement bavardes, au point de fatiguer leur entourage sans s'en rendre compte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e🫶 Besoin d'attention\u003c\/h3\u003e\n\u003cp\u003eRessentent un besoin permanent d'attention et de réassurance de la part des autres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-tip\"\u003e\n\u003cspan class=\"hb-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eEn travaillant sur ces déséquilibres émotionnels, Heather favorise le \u003cstrong\u003erecentrage\u003c\/strong\u003e, l'\u003cstrong\u003eécoute active\u003c\/strong\u003e de l'autre et une véritable \u003cstrong\u003esérénité émotionnelle\u003c\/strong\u003e. Vous apprenez progressivement à offrir de l'empathie plutôt qu'à réclamer de l'attention.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"hb-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'élixir floral Heather bio\u003c\/h2\u003e\n\u003cdiv class=\"hb-grid\"\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e👂 Capacité d'écoute\u003c\/h3\u003e\n\u003cp\u003eDéveloppe votre attention aux besoins des autres. Vous devenez plus présent dans vos échanges.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e🧘 Apaisement intérieur\u003c\/h3\u003e\n\u003cp\u003eRéduit le sentiment de solitude intérieure. Vous vous sentez serein même en étant seul.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e🤝 Relations équilibrées\u003c\/h3\u003e\n\u003cp\u003eFavorise des échanges authentiques. Vos conversations deviennent de véritables dialogues.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e🎯 Recentrage sur soi\u003c\/h3\u003e\n\u003cp\u003eEncourage l'autonomie émotionnelle sans dépendre du regard d'autrui pour se sentir exister.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e💖 Bien-être émotionnel\u003c\/h3\u003e\n\u003cp\u003eSoutient votre équilibre émotionnel global au quotidien pour une vie plus harmonieuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"hb-section\"\u003e\n\u003ch2\u003eComposition et qualité bio\u003c\/h2\u003e\n\u003cp class=\"hb-section-intro\"\u003eCet élixir floral est fabriqué par le \u003cstrong\u003elaboratoire Dioter\u003c\/strong\u003e, spécialiste français des produits naturels de santé. La gamme \u003cstrong\u003eAuraflor\u003c\/strong\u003e se distingue par une \u003cstrong\u003ecueillette française\u003c\/strong\u003e et une certification biologique garantissant l'absence de pesticides et de substances chimiques.\u003c\/p\u003e\n\u003cdiv class=\"hb-grid-compact\"\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eBase pure et naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel, selon la tradition du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e🌸 Bruyère bio\u003c\/h3\u003e\n\u003cp\u003eInfusion solaire de Calluna vulgaris issue de cueillette française\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e📦 Flacon 10 ml\u003c\/h3\u003e\n\u003cp\u003eCompte-gouttes pratique pour un dosage précis au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"hb-section\"\u003e\n\u003ch2\u003eComment prendre la fleur de Bach Heather ?\u003c\/h2\u003e\n\u003cp class=\"hb-section-intro\"\u003eLa posologie recommandée pour les fleurs de Bach est simple et accessible à tous :\u003c\/p\u003e\n\u003cdiv class=\"hb-timeline\"\u003e\n\u003cdiv class=\"hb-timeline-item\"\u003e\n\u003cdiv class=\"hb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hb-timeline-content\"\u003e\n\u003ch3\u003eDéposez 4 gouttes\u003c\/h3\u003e\n\u003cp\u003eDirectement sous la langue, ou diluez-les dans un verre d'eau selon votre préférence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-timeline-item\"\u003e\n\u003cdiv class=\"hb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hb-timeline-content\"\u003e\n\u003ch3\u003e4 fois par jour\u003c\/h3\u003e\n\u003cp\u003eAu réveil, avant le déjeuner, dans l'après-midi et au coucher pour une action continue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-timeline-item\"\u003e\n\u003cdiv class=\"hb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hb-timeline-content\"\u003e\n\u003ch3\u003ePendant 3 à 4 semaines\u003c\/h3\u003e\n\u003cp\u003ePoursuivez la prise pendant au minimum 3 à 4 semaines pour apprécier pleinement les effets.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-timeline-item\"\u003e\n\u003cdiv class=\"hb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"hb-timeline-content\"\u003e\n\u003ch3\u003eAssociez jusqu'à 7 fleurs\u003c\/h3\u003e\n\u003cp\u003eVous pouvez associer Heather à 6 autres fleurs de Bach maximum pour un mélange personnalisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-tip\"\u003e\n\u003cspan class=\"hb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe flacon compte-gouttes facilite un dosage précis et une utilisation quotidienne pratique, que vous soyez chez vous ou en déplacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"hb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConseils et précautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"hb-accordion\"\u003e\n\u003cdetails class=\"hb-accordion-item\"\u003e\n\u003csummary class=\"hb-accordion-header\"\u003e⚠️ Précautions importantes\u003c\/summary\u003e\n\u003cdiv class=\"hb-accordion-content mt-3\"\u003e\n\u003cp\u003eLes fleurs de Bach sont des compléments alimentaires naturels. Elles \u003cstrong\u003ene se substituent pas à un traitement médical\u003c\/strong\u003e ni à un suivi psychologique. En cas de doute, consultez votre médecin ou un conseiller agréé en fleurs de Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hb-accordion-item\"\u003e\n\u003csummary class=\"hb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"hb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur pour préserver toute l'intégrité de l'élixir floral.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hb-accordion-item\"\u003e\n\u003csummary class=\"hb-accordion-header\"\u003e🍷 Présence d'alcool\u003c\/summary\u003e\n\u003cdiv class=\"hb-accordion-content mt-3\"\u003e\n\u003cp\u003eCet élixir contient du cognac bio comme conservateur naturel. Il est déconseillé aux femmes enceintes, allaitantes et aux enfants sans avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-cta-box\"\u003e\n\u003cp\u003eEnvie de retrouver des relations plus harmonieuses et un véritable \u003cstrong\u003ebien-être émotionnel\u003c\/strong\u003e ? 🌸\u003cbr\u003eLa fleur de Bach Heather bio Auraflor est votre alliée naturelle pour cultiver l'empathie et la paix intérieure au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hb-disclaimer\"\u003eLes fleurs de Bach sont des compléments alimentaires. Ne pas dépasser la dose recommandée. 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\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --hb-cream: #FAF6F2;\n --hb-white: #ffffff;\n --hb-primary: #8B6F5C;\n --hb-primary-dark: #5E4638;\n --hb-primary-light: #F3ECE6;\n --hb-secondary: #D4A89A;\n --hb-accent: #C9B8A8;\n --hb-text: #1a1a1a;\n --hb-text-light: #5a5a5a;\n --hb-border: #e8e0d8;\n --hb-shadow: 0 4px 24px rgba(94,70,56,.08);\n --hb-shadow-lg: 0 12px 48px rgba(94,70,56,.15);\n --hb-radius: 20px;\n --hb-radius-sm: 12px;\n}\n\n.hb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hb-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4638 0%, #8B6F5C 40%, #D4A89A 100%);\n border-radius: var(--hb-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(--hb-shadow-lg);\n}\n\n.hb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(212,168,154,.3) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(201,184,168,.25) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: .6;\n}\n\n.hb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hb-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.hb-subtitle {\n color: rgba(255,255,255,.9);\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.hb-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\/* === BADGES === *\/\n.hb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hb-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(--hb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hb-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.hb-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(--hb-primary), var(--hb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.hb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hb-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.hb-card {\n background: var(--hb-white);\n border-radius: var(--hb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hb-shadow-lg);\n border-color: var(--hb-secondary);\n}\n\n.hb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.hb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hb-grid-compact .hb-card {\n padding: 1rem;\n}\n\n.hb-grid-compact .hb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hb-grid-compact .hb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hb-primary), var(--hb-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.hb-timeline-content {\n flex: 1;\n background: var(--hb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hb-radius-sm);\n box-shadow: var(--hb-shadow);\n}\n\n.hb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hb-timeline-content p {\n font-size: 14px;\n color: var(--hb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.hb-testimonial {\n background: var(--hb-white);\n border-radius: var(--hb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hb-shadow);\n border-left: 4px solid var(--hb-primary);\n}\n\n.hb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hb-accordion {\n background: var(--hb-white);\n border-radius: var(--hb-radius);\n box-shadow: var(--hb-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.hb-accordion-item {\n border-bottom: 1px solid var(--hb-border);\n margin: 0;\n padding: 0;\n}\n\n.hb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hb-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.hb-accordion-header:hover {\n background: var(--hb-primary-light);\n}\n\n.hb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hb-primary);\n transition: transform .2s ease;\n}\n\n.hb-accordion-item[open] .hb-accordion-header::after {\n content: '−';\n}\n\n.hb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hb-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.hb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hb-primary-light);\n border-radius: var(--hb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hb-tip p {\n font-size: 14px;\n color: var(--hb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.hb-cta-box {\n background: linear-gradient(135deg, var(--hb-primary) 0%, var(--hb-primary-dark) 100%);\n border-radius: var(--hb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hb-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.hb-disclaimer {\n font-size: 12px;\n color: var(--hb-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 .hb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hb-card {\n padding: 1.125rem;\n }\n\n .hb-section {\n margin-bottom: 1.75rem;\n }\n\n .hb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hb-radius-sm);\n }\n\n .hb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hb-grid-compact {\n gap: .625rem;\n }\n\n .hb-grid-compact .hb-card {\n padding: .75rem;\n }\n\n .hb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hb-timeline-content h3 {\n font-size: 14px;\n }\n\n .hb-timeline-content p {\n font-size: 13px;\n }\n\n .hb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hb-testimonial {\n padding: 1.25rem;\n }\n\n .hb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hb-card {\n animation: hbFadeInUp .5s ease backwards;\n }\n .hb-card:nth-child(1) { animation-delay: .05s; }\n .hb-card:nth-child(2) { animation-delay: .1s; }\n .hb-card:nth-child(3) { animation-delay: .15s; }\n .hb-card:nth-child(4) { animation-delay: .2s; }\n .hb-card:nth-child(5) { animation-delay: .25s; }\n .hb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hbFadeInUp {\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 .hb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123966165369,"sku":"DI5044","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-bruyere-bio-10-ml-dioter-lifestyle.webp?v=1770797493"},{"product_id":"fleur-de-bach-saule-bio-10-ml-dioter","title":"Fleur de Bach Saule Bio - 10 ml - Dioter","description":"\u003cdiv class=\"fb-premium\"\u003e\n\u003c!-- HERO --\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 FR-BIO-01\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🌸 Méthode Dr Bach\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fb-hero-title\"\u003eFleur de Bach Saule Bio\u003c\/span\u003e\n\u003cp class=\"fb-subtitle\"\u003eÉlixir floral Dioter - 10 ml\u003c\/p\u003e\n\u003cp class=\"fb-description\"\u003eÉlaborée selon la méthode authentique du Dr Bach, cette fleur de Saule bio s'adresse aux personnes éprouvant du ressentiment, de l'amertume ou une tendance à se sentir victimes des circonstances. Un élixir 100 % bio pour apaiser les émotions négatives et encourager l'acceptation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eUn élixir floral pour cultiver la responsabilité personnelle\u003c\/h2\u003e\n\u003cp class=\"fb-section-intro\"\u003eLa Fleur de Saule est particulièrement recommandée à ceux qui ont du mal à pardonner, qui entretiennent une rancune durable ou qui se sentent impuissants face à leur destin.\u003c\/p\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e😤 Ressentiment\u003c\/h3\u003e\n\u003cp\u003eAide à lâcher prise sur l'amertume et la rancœur accumulées au fil du temps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🕊️ Pardon\u003c\/h3\u003e\n\u003cp\u003eFavorise la capacité à pardonner aux autres et à soi-même\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💪 Responsabilité\u003c\/h3\u003e\n\u003cp\u003eEncourage un état d'esprit plus positif et responsable face aux événements\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌱 Acceptation\u003c\/h3\u003e\n\u003cp\u003ePermet d'accueillir les expériences difficiles comme faisant partie du parcours personnel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eUne composition naturelle d'exception\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌾 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eCueillies et solarisées selon la méthode originelle du Dr Bach, dans le respect du vivant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🍃 Certification biologique\u003c\/h3\u003e\n\u003cp\u003eCertifié FR-BIO-01, sans produits chimiques ni conservateurs artificiels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🍷 Base naturelle\u003c\/h3\u003e\n\u003cp\u003eEau et cognac bio garantissant une conservation naturelle et authentique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eUtilisation et durée de la cure\u003c\/h2\u003e\n\u003cdiv class=\"fb-timeline\"\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003ePrise classique\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e5 gouttes, plusieurs fois par jour\u003c\/strong\u003e, à diluer dans un peu d'eau ou directement sous la langue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eApproche continue\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans ½ litre d'eau minérale et consommez en \u003cstrong\u003e4 à 5 prises\u003c\/strong\u003e au cours de la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e3 semaines à 1 mois\u003c\/strong\u003e, renouvelable selon les besoins émotionnels ou sur avis d'un professionnel de santé\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\u003eLa régularité favorise un travail en profondeur sur les schémas émotionnels liés au ressentiment et à la responsabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"fb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConditionnement et précautions\u003c\/h2\u003e\n\u003cdiv class=\"fb-accordion\"\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n\u003cp\u003eFlacon compte-gouttes de 10 ml - Produit certifié bio, fabriqué par Dioter.\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-3\"\u003e\n\u003cp\u003eNe se substitue pas à un traitement médical ou à une alimentation équilibrée. À 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=\"fb-disclaimer\"\u003eCe produit ne se substitue pas à un traitement médical. Demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --fb-cream: #faf7f2;\n --fb-white: #ffffff;\n --fb-primary: #C4A265;\n --fb-primary-dark: #5B4A2E;\n --fb-primary-light: #f5efe4;\n --fb-secondary: #D4967A;\n --fb-accent: #A68B5B;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8e0d4;\n --fb-shadow: 0 4px 24px rgba(91,74,46,.08);\n --fb-shadow-lg: 0 12px 48px rgba(91,74,46,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #5B4A2E 0%, #8B7345 40%, #C4A265 70%, #D4967A 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(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,150,122,.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.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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,.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.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: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\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\/* === SECTIONS === *\/\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\/* === SECTION INTRO TEXT === *\/\n.fb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-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.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\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-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.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\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\/* === ACCORDÉON === *\/\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: 10px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-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 .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-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\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: fbFadeInUp .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 fbFadeInUp {\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":"DIOTER","offers":[{"title":"Default Title","offer_id":55123983040889,"sku":"DI5068","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-saule-bio-10-ml-dioter-lifestyle.webp?v=1770887840"},{"product_id":"fleur-de-bach-avoine-sauvage-bio-10-ml-dioter","title":"Fleur de Bach Avoine sauvage bio - 10 ml - Dioter","description":"\u003cdiv class=\"wo-premium\"\u003e\n\u003cdiv class=\"wo-hero\"\u003e\n\u003cdiv class=\"wo-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"wo-hero-content\"\u003e\n\u003cdiv class=\"wo-badges-top\"\u003e\n\u003cspan class=\"wo-badge\"\u003e🌾 Avoine sauvage\u003c\/span\u003e \u003cspan class=\"wo-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e \u003cspan class=\"wo-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"wo-hero-title\"\u003eFleur de Bach Avoine sauvage bio\u003c\/span\u003e\n\u003cp class=\"wo-subtitle\"\u003eÉlixir floral Dioter - Méthode authentique du Dr Bach\u003c\/p\u003e\n\u003cp class=\"wo-description\"\u003eUne essence florale biologique pour retrouver clarté, sens et direction de vie dans les moments de doute existentiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"wo-section\"\u003e\n\u003ch2\u003eUn soutien naturel pour clarifier ses objectifs\u003c\/h2\u003e\n\u003cp class=\"wo-section-intro\"\u003eL'élixir d'Avoine Sauvage est particulièrement recommandé pour ceux qui ressentent une forme d'errance intérieure, une difficulté à s'ancrer dans un projet ou une voie professionnelle.\u003c\/p\u003e\n\u003cdiv class=\"wo-grid\"\u003e\n\u003cdiv class=\"wo-card\"\u003e\n\u003ch3\u003e🧭 Retrouver sa direction\u003c\/h3\u003e\n\u003cp\u003eAccompagne les personnes en quête de sens, d'orientation ou de vocation lorsque les choix de vie semblent flous ou multiples.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-card\"\u003e\n\u003ch3\u003e🔥 Révéler ses passions\u003c\/h3\u003e\n\u003cp\u003eFavorise l'émergence de passions authentiques et stimule une meilleure compréhension de soi pour des décisions alignées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-card\"\u003e\n\u003ch3\u003e🕊️ Sérénité décisionnelle\u003c\/h3\u003e\n\u003cp\u003ePermet des prises de décision plus sereines grâce à une formulation 100 % naturelle qui apaise le doute existentiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"wo-section\"\u003e\n\u003ch2\u003eUne fabrication respectueuse et certifiée bio\u003c\/h2\u003e\n\u003cdiv class=\"wo-grid-compact\"\u003e\n\u003cdiv class=\"wo-card\"\u003e\n\u003ch3\u003e🌸 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eCueillies avec soin dans leur habitat naturel pour une qualité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-card\"\u003e\n\u003ch3\u003e☀️ Solarisation artisanale\u003c\/h3\u003e\n\u003cp\u003eProcédé fidèle à l'esprit originel du Docteur Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-card\"\u003e\n\u003ch3\u003e✅ Label FR-BIO-01\u003c\/h3\u003e\n\u003cp\u003eCertification biologique garantie, sans additif ni traitement chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-card\"\u003e\n\u003ch3\u003e🍃 Concentré de nature\u003c\/h3\u003e\n\u003cp\u003eRespectueux de l'environnement et de votre équilibre émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"wo-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"wo-timeline\"\u003e\n\u003cdiv class=\"wo-timeline-item\"\u003e\n\u003cdiv class=\"wo-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"wo-timeline-content\"\u003e\n\u003ch3\u003ePrise directe\u003c\/h3\u003e\n\u003cp\u003eDiluer 5 gouttes dans un fond de verre d'eau ou les déposer directement sous la langue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-timeline-item\"\u003e\n\u003cdiv class=\"wo-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"wo-timeline-content\"\u003e\n\u003ch3\u003eFréquence\u003c\/h3\u003e\n\u003cp\u003eRenouveler plusieurs fois par jour selon les besoins ou les recommandations d'un professionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-timeline-item\"\u003e\n\u003cdiv class=\"wo-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"wo-timeline-content\"\u003e\n\u003ch3\u003eAlternative tout au long de la journée\u003c\/h3\u003e\n\u003cp\u003eVerser 25 gouttes dans ½ litre d'eau minérale non gazeuse, à consommer en 4 à 5 prises tout au long de la journée. Bien agiter avant chaque prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-tip\"\u003e\n\u003cspan class=\"wo-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un usage prolongé, n'hésitez pas à consulter un conseiller en fleurs de Bach ou un naturopathe afin d'adapter le protocole à vos besoins spécifiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"wo-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"wo-accordion\"\u003e\n\u003cdetails open=\"\" class=\"wo-accordion-item\"\u003e\n\u003csummary class=\"wo-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"wo-accordion-content mt-3\"\u003e\n\u003cp\u003eEau, Cognac biologique, Solarisation de fleur – Avoine sauvage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"wo-accordion-item\"\u003e\n\u003csummary class=\"wo-accordion-header\"\u003e🌱 Certification\u003c\/summary\u003e\n\u003cdiv class=\"wo-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit issu de l'Agriculture Biologique – Certifié par FR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"wo-section\"\u003e\n\u003cdiv class=\"wo-cta-box\"\u003e\n\u003cp\u003e🌾 Retrouvez votre cap intérieur avec l'Avoine Sauvage bio - l'élixir floral de la clarté et de la vocation, fidèle à la méthode du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"wo-disclaimer\"\u003eLes élixirs floraux 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\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --wo-cream: #FAF6F1;\n --wo-white: #ffffff;\n --wo-primary: #8B7355;\n --wo-primary-dark: #5E4B33;\n --wo-primary-light: #F3EDE5;\n --wo-secondary: #D4A574;\n --wo-accent: #C9956B;\n --wo-text: #1a1a1a;\n --wo-text-light: #5a5a5a;\n --wo-border: #E8DFCF;\n --wo-shadow: 0 4px 24px rgba(94,75,51,.08);\n --wo-shadow-lg: 0 12px 48px rgba(94,75,51,.15);\n --wo-radius: 20px;\n --wo-radius-sm: 12px;\n}\n\n.wo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--wo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.wo-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4B33 0%, #8B7355 40%, #D4A574 100%);\n border-radius: var(--wo-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(--wo-shadow-lg);\n}\n\n.wo-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 45%);\n opacity: 1;\n}\n\n.wo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.wo-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.wo-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.wo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 580px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.wo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.wo-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(--wo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.wo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.wo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.wo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--wo-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.wo-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(--wo-primary), var(--wo-secondary));\n border-radius: 2px;\n}\n\n.wo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--wo-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.wo-card {\n background: var(--wo-white);\n border-radius: var(--wo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--wo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.wo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--wo-shadow-lg);\n border-color: var(--wo-primary);\n}\n\n.wo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--wo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.wo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--wo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.wo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.wo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.wo-grid-compact .wo-card {\n padding: 1rem;\n}\n\n.wo-grid-compact .wo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.wo-grid-compact .wo-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.wo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.wo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.wo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--wo-primary), var(--wo-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.wo-timeline-content {\n flex: 1;\n background: var(--wo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--wo-radius-sm);\n box-shadow: var(--wo-shadow);\n}\n\n.wo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--wo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.wo-timeline-content p {\n font-size: 14px;\n color: var(--wo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.wo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--wo-primary-light);\n border-radius: var(--wo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.wo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.wo-tip p {\n font-size: 14px;\n color: var(--wo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.wo-testimonial {\n background: var(--wo-white);\n border-radius: var(--wo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--wo-shadow);\n border-left: 4px solid var(--wo-primary);\n}\n\n.wo-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--wo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.wo-accordion {\n background: var(--wo-white);\n border-radius: var(--wo-radius);\n box-shadow: var(--wo-shadow);\n overflow: hidden;\n}\n\n.wo-accordion-item {\n border-bottom: 1px solid var(--wo-border);\n margin: 0;\n padding: 0;\n}\n\n.wo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.wo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--wo-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.wo-accordion-header:hover {\n background: var(--wo-primary-light);\n}\n\n.wo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.wo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--wo-primary);\n transition: transform .2s ease;\n}\n\n.wo-accordion-item[open] .wo-accordion-header::after {\n content: '−';\n}\n\n.wo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--wo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.wo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.wo-cta-box {\n background: linear-gradient(135deg, var(--wo-primary) 0%, var(--wo-primary-dark) 100%);\n border-radius: var(--wo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.wo-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.wo-disclaimer {\n font-size: 12px;\n color: var(--wo-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 .wo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .wo-card {\n padding: 1.125rem;\n }\n\n .wo-section {\n margin-bottom: 1.75rem;\n }\n\n .wo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--wo-radius-sm);\n }\n\n .wo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .wo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .wo-grid-compact {\n gap: .625rem;\n }\n\n .wo-grid-compact .wo-card {\n padding: .75rem;\n }\n\n .wo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .wo-timeline-content {\n padding: .875rem 1rem;\n }\n\n .wo-timeline-content h3 {\n font-size: 14px;\n }\n\n .wo-timeline-content p {\n font-size: 13px;\n }\n\n .wo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .wo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .wo-testimonial {\n padding: 1.25rem;\n }\n\n .wo-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .wo-card {\n animation: woFadeInUp .5s ease backwards;\n }\n .wo-card:nth-child(1) { animation-delay: .05s; }\n .wo-card:nth-child(2) { animation-delay: .1s; }\n .wo-card:nth-child(3) { animation-delay: .15s; }\n .wo-card:nth-child(4) { animation-delay: .2s; }\n .wo-card:nth-child(5) { animation-delay: .25s; }\n .wo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes woFadeInUp {\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 .wo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123996803449,"sku":"DI5066","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-avoine-sauvage-bio-10-ml-dioter-lifestyle_2e460437-6dd1-401d-a9a1-25b6199bd500.webp?v=1770886589"},{"product_id":"fleur-de-bach-prunus-bio-10-ml-dioter","title":"Fleur de Bach Prunus Bio - 10 ml - Dioter","description":"\u003cdiv class=\"fb-premium\"\u003e\n\u003c!-- HERO --\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🌸 Fleur de Bach n°6\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \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 Prunus Bio\u003c\/span\u003e\n\u003cp class=\"fb-subtitle\"\u003eÉlixir floral Cherry Plum · 10 ml · Dioter\u003c\/p\u003e\n\u003cp class=\"fb-description\"\u003eEssence florale naturelle de \u003cem\u003ePrunus Cerasifera\u003c\/em\u003e, élaborée selon la méthode originale du Dr. Bach, réputée pour favoriser le retour à la paix intérieure, le lâcher-prise et la maîtrise émotionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003ePour qui est cette essence florale ?\u003c\/h2\u003e\n\u003cp class=\"fb-section-intro\"\u003eCet élixir floral s'adresse à toutes les personnes en quête de sérénité et de maîtrise émotionnelle.\u003c\/p\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e😰 Peurs incontrôlables\u003c\/h3\u003e\n\u003cp\u003ePour les personnes sujettes à des peurs irrationnelles ou des angoisses profondes qui semblent impossibles à maîtriser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌊 Émotions débordantes\u003c\/h3\u003e\n\u003cp\u003eIdéale lorsque les émotions submergent et qu'on craint de perdre le contrôle de ses réactions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🧘 Stress intense\u003c\/h3\u003e\n\u003cp\u003eParfaite pour accompagner les périodes de tension psychologique intense, en aidant à rétablir un état d'esprit serein et confiant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eUne cure douce et naturelle\u003c\/h2\u003e\n\u003cdiv class=\"fb-timeline\"\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gouttes plusieurs fois par jour\u003c\/strong\u003e, diluées dans un fond d'eau ou directement sous la langue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003eLa Fleur de Bach Prunus peut s'utiliser en cure de \u003cstrong\u003eplusieurs jours à plusieurs semaines\u003c\/strong\u003e selon vos besoins individuels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eUtilisation prolongée\u003c\/h3\u003e\n\u003cp\u003ePour une utilisation au long cours, préparez votre dose quotidienne dans une bouteille d'eau minérale à siroter tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-tip\"\u003e\n\u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour une action optimale, laissez les gouttes quelques instants sous la langue avant d'avaler, afin de favoriser une absorption sublinguale rapide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eUne qualité biologique certifiée\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌱 Agriculture biologique\u003c\/h3\u003e\n\u003cp\u003eCertifié FR-BIO-01, issu de cultures respectueuses de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e☀️ Extraction naturelle\u003c\/h3\u003e\n\u003cp\u003eSolarisation 100 % naturelle, respectueuse de l'intégrité vibratoire de la fleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n\u003cp\u003eAucun additif ni conservateur non naturel ajouté à la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💧 Flacon pratique\u003c\/h3\u003e\n\u003cp\u003eConditionné en flacon compte-gouttes de 10 ml pour un usage quotidien facile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 \u0026 #5 regroupés en accordéon --\u003e\n\u003csection class=\"fb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"fb-accordion\"\u003e\n\u003cdetails class=\"fb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e🧪 Liste des ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n\u003cp\u003eEau, Cognac biologique (conservateur naturel), solarisation de fleur de Prunus.\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'utilisation\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation équilibrée. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"fb-disclaimer\"\u003eLes fleurs de Bach sont des compléments alimentaires et ne remplacent pas un avis médical professionnel.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fb-cream: #FDF8F0;\n --fb-white: #ffffff;\n --fb-primary: #A07830;\n --fb-primary-dark: #6B4F1D;\n --fb-primary-light: #F8F0E0;\n --fb-secondary: #E8B4B8;\n --fb-accent: #D4918E;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #E8DFD0;\n --fb-shadow: 0 4px 24px rgba(107, 79, 29, .08);\n --fb-shadow-lg: 0 12px 48px rgba(107, 79, 29, .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\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #6B4F1D 0%, #A07830 40%, #D4918E 80%, #E8B4B8 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(232,180,184,.1) 0%, transparent 70%);\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: 8px;\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,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.fb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\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-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\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-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\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-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.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\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\/* === ACCORDÉON === *\/\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: 10px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.fb-testimonial {\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-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-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 .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-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\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-testimonial {\n padding: 1.25rem;\n }\n\n .fb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .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 fbFadeInUp {\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":"DIOTER","offers":[{"title":"Default Title","offer_id":55124049166713,"sku":"DI5036","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-prunus-bio-10-ml-dioter-lifestyle.webp?v=1770717861"},{"product_id":"fleur-de-bach-marronier-rouge-bio-10-ml-dioter","title":"Fleur de Bach Marronier Rouge Bio - 10 ml - Dioter","description":"\u003cdiv class=\"rc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"rc-hero\"\u003e\n\u003cdiv class=\"rc-hero-pattern\"\u003e\u003cbr\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é Bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"rc-badge\"\u003e🌸 Méthode Dr Bach\u003c\/span\u003e \u003cspan class=\"rc-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"rc-hero-title\"\u003eFleur de Bach Marronnier Rouge Bio\u003c\/span\u003e\n\u003cp class=\"rc-subtitle\"\u003eÉlixir floral Dioter - 10 ml\u003c\/p\u003e\n\u003cp class=\"rc-description\"\u003eUn élixir floral 100 % naturel et certifié biologique, conçu selon la méthode originelle du Dr Bach à partir de fleurs sauvages françaises, pour rétablir l'équilibre émotionnel en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"rc-section\"\u003e\n\u003ch2\u003ePour qui ?\u003c\/h2\u003e\n\u003cp class=\"rc-section-intro\"\u003eLe Marronnier rouge (Red Chestnut) s'adresse aux personnes sensibles, sujettes à une anxiété excessive concernant leurs proches.\u003c\/p\u003e\n\u003cdiv class=\"rc-grid-compact\"\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e😟 Inquiétude pour les autres\u003c\/h3\u003e\n\u003cp\u003eVous vous faites du souci de manière démesurée pour le bien-être ou la sécurité de vos proches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e🧠 Anxiété anticipatrice\u003c\/h3\u003e\n\u003cp\u003eVous imaginez souvent le pire pour ceux que vous aimez, même sans raison objective.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e🕊️ Retrouver la paix intérieure\u003c\/h3\u003e\n\u003cp\u003eCet élixir vous aide à lâcher prise et à développer la confiance dans la capacité de chacun à faire face à ses propres défis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e💛 Confiance retrouvée\u003c\/h3\u003e\n\u003cp\u003eApprenez à accompagner vos proches avec sérénité plutôt qu'avec crainte et surprotection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"rc-section\"\u003e\n\u003ch2\u003eUn élixir floral bio et authentique\u003c\/h2\u003e\n\u003cdiv class=\"rc-grid\"\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e🧪 Méthode traditionnelle du Dr Bach\u003c\/h3\u003e\n\u003cp\u003ePréparé fidèlement selon le protocole originel du pionnier des élixirs floraux, garantissant authenticité et efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e🌾 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eIssues de la nature française, les fleurs sont soigneusement cueillies à la main pour préserver toute leur énergie vitale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e🍃 Extraction 100 % naturelle\u003c\/h3\u003e\n\u003cp\u003eAucun additif chimique, aucun conservateur artificiel. Un processus de solarisation respectueux et authentique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e✅ Certifié biologique\u003c\/h3\u003e\n\u003cp\u003eCertification FR-BIO-01 attestant du respect des normes les plus strictes de l'Agriculture Biologique européenne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"rc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\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\u003ePrise ponctuelle\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un peu d'eau ou déposez-les directement sous la langue, plusieurs fois par jour si nécessaire.\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\u003eCure continue\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale non gazeuse, à consommer en 4 ou 5 prises tout au long de la journée.\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\u003eAgiter avant chaque prise\u003c\/h3\u003e\n\u003cp\u003ePensez à bien agiter la bouteille avant chaque utilisation pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\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\u003eLa \u003cstrong\u003edurée de la cure\u003c\/strong\u003e peut varier selon les besoins, mais une utilisation sur plusieurs semaines est souvent recommandée pour ressentir pleinement les bienfaits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"rc-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"rc-composition-box\"\u003e\n\u003cp\u003eEau, cognac biologique, solarisation de fleur - \u003cem\u003eMarronnier Rouge\u003c\/em\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 \u0026 #6 regroupés en accordéon --\u003e\n\u003csection class=\"rc-section\"\u003e\n\u003ch2\u003eConditionnement et certification\u003c\/h2\u003e\n\u003cdiv class=\"rc-grid-compact\"\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e💧 Flacon compte-gouttes\u003c\/h3\u003e\n\u003cp\u003e10 ml avec pipette de précision\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e🌱 Agriculture Biologique\u003c\/h3\u003e\n\u003cp\u003eProduit certifié bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e🏅 FR-BIO-01\u003c\/h3\u003e\n\u003cp\u003eCertification européenne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e💰 TVA réduite\u003c\/h3\u003e\n\u003cp\u003e5,5 % applicable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"rc-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"rc-accordion\"\u003e\n\u003cdetails open=\"\" class=\"rc-accordion-item\"\u003e\n\u003csummary class=\"rc-accordion-header\"\u003e⚠️ Mentions légales et précautions\u003c\/summary\u003e\n\u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire n'est pas un médicament. Ne pas dépasser la dose journalière indiquée. Ne doit pas être utilisé comme substitut à une alimentation équilibrée. Tenir 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\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"rc-section\"\u003e\n\u003cdiv class=\"rc-cta-box\"\u003e\n\u003cp\u003e🌸 Retrouvez la sérénité et la confiance grâce à la sagesse des fleurs de Bach. Un geste simple, naturel et bio pour apaiser vos inquiétudes au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"rc-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --rc-cream: #FBF7F2;\n --rc-white: #ffffff;\n --rc-primary: #8B6914;\n --rc-primary-dark: #5C4510;\n --rc-primary-light: #F5EDE0;\n --rc-secondary: #D4A574;\n --rc-accent: #E8B4B8;\n\n --rc-text: #1a1a1a;\n --rc-text-light: #5a5a5a;\n\n --rc-border: #e8e0d6;\n --rc-shadow: 0 4px 24px rgba(90, 60, 10, .07);\n --rc-shadow-lg: 0 12px 48px rgba(90, 60, 10, .14);\n --rc-radius: 20px;\n --rc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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, #5C4510 0%, #8B6914 40%, #D4A574 75%, #E8B4B8 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% 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,184,.1) 0%, transparent 60%);\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(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.rc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.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-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.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: 600px;\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-primary-dark);\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-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.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-primary-dark);\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\/* === COMPOSITION BOX === *\/\n.rc-composition-box {\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 text-align: center;\n border: 2px solid var(--rc-primary-light);\n}\n\n.rc-composition-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text);\n margin: 0;\n line-height: 1.7;\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\/* === 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-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.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\/* === CTA FINAL === *\/\n.rc-cta-box {\n background: linear-gradient(135deg, var(--rc-primary) 0%, var(--rc-primary-dark) 100%);\n border-radius: var(--rc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rc-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.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 .rc-composition-box {\n padding: 1.25rem;\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":"DIOTER","offers":[{"title":"Default Title","offer_id":55124130300281,"sku":"DI5055","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-marronier-rouge-bio-10-ml-dioter-lifestyle.webp?v=1770805130"},{"product_id":"fleur-de-bach-chene-bio-10-ml-dioter","title":"Fleur de Bach Chêne bio - 10 ml - Dioter","description":"\u003cdiv class=\"oak-premium\"\u003e\n\u003c!-- HERO --\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🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"oak-badge\"\u003e🇫🇷 Cueillette française\u003c\/span\u003e \u003cspan class=\"oak-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"oak-hero-title\"\u003eFleur de Bach Chêne bio\u003c\/span\u003e\n\u003cp class=\"oak-subtitle\"\u003eÉlixir floral Oak - Auraflor par Laboratoire Dioter\u003c\/p\u003e\n\u003cp class=\"oak-description\"\u003eUn élixir biologique préparé selon la méthode originale du Dr Bach, pour accompagner les personnes persévérantes à retrouver l'équilibre entre force intérieure et lâcher-prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTRO --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003cp class=\"oak-section-intro\"\u003eLa \u003cstrong\u003efleur de Bach Oak (Chêne) d'Auraflor\u003c\/strong\u003e est un élixir floral biologique conçu pour accompagner les personnes persévérantes, souvent poussées à bout par leur propre sens du devoir. Elle s'adresse à ceux qui ne renoncent jamais, même dans l'adversité, mais qui peuvent s'épuiser à force de ne jamais s'arrêter.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003eUne aide précieuse pour reconnaître ses limites\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid\"\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🍃 Favorise le lâcher-prise\u003c\/h3\u003e\n\u003cp\u003eCe concentré naturel, préparé par solarisation selon la méthode du Dr Bach, aide à relâcher la pression et à accepter de ne pas tout contrôler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e💛 Prendre soin de soi sans culpabilité\u003c\/h3\u003e\n\u003cp\u003eIl soutient les personnes fortes et responsables à reconnaître leurs propres besoins de repos, sans sentiment de faiblesse ou de culpabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e⚖️ Retrouver l'équilibre intérieur\u003c\/h3\u003e\n\u003cp\u003eEn acceptant ses limites et ses besoins de régénération, on cultive un équilibre durable entre engagement et préservation de soi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003eUn élixir floral bio issu d'une cueillette responsable\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid-compact\"\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌱 Bio certifié\u003c\/h3\u003e\n\u003cp\u003eParcelles certifiées en agriculture biologique en France (FR-BIO-01).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🤲 Cueillette délicate\u003c\/h3\u003e\n\u003cp\u003eFleurs de chêne cueillies avec respect pour préserver leurs propriétés vibratoires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e☀️ Méthode par solarisation\u003c\/h3\u003e\n\u003cp\u003ePréparation fidèle à la méthode originale du Dr Edward Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🏛️ Laboratoire Dioter\u003c\/h3\u003e\n\u003cp\u003eAuraflor veille au respect de la plante et de son environnement à chaque étape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003eFacile à intégrer au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"oak-testimonial\"\u003e\n\u003cp class=\"oak-testimonial-text\"\u003e\"Son flacon pratique permet un usage discret à tout moment de la journée. Quelques gouttes suffisent pour profiter pleinement de ses bienfaits. Sa formule à base d'eau et de cognac bio permet une conservation optimale et un dosage précis.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-tip\"\u003e\n\u003cspan class=\"oak-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eFormat compact de 10 ml, idéal à glisser dans un sac ou une trousse pour un accès rapide où que vous soyez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"oak-timeline\"\u003e\n\u003cdiv class=\"oak-timeline-item\"\u003e\n\u003cdiv class=\"oak-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"oak-timeline-content\"\u003e\n\u003ch3\u003eMéthode rapide\u003c\/h3\u003e\n\u003cp\u003e5 gouttes à diluer dans un fond de verre d'eau ou à déposer directement sous la langue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-timeline-item\"\u003e\n\u003cdiv class=\"oak-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"oak-timeline-content\"\u003e\n\u003ch3\u003eRenouveler selon les besoins\u003c\/h3\u003e\n\u003cp\u003eÀ renouveler plusieurs fois par jour selon les besoins ou la prescription.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-timeline-item\"\u003e\n\u003cdiv class=\"oak-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"oak-timeline-content\"\u003e\n\u003ch3\u003eMéthode prolongée\u003c\/h3\u003e\n\u003cp\u003eDiluer 25 gouttes dans ½ litre d'eau minérale non gazeuse, à boire en 4 ou 5 prises dans la journée. Bien agiter avant chaque prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"oak-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"oak-accordion\"\u003e\n\u003cdetails class=\"oak-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eEau\u003c\/strong\u003e — base purifiée de l'élixir\u003cbr\u003e\u003cstrong\u003eCognac biologique\u003c\/strong\u003e — conservateur naturel traditionnel\u003cbr\u003e\u003cstrong\u003eSolarisation de fleur – Chêne\u003c\/strong\u003e (\u003cem\u003eQuercus robur\u003c\/em\u003e) — essence florale active\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🌿 Certification\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit issu de l'agriculture biologique – certifié \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"oak-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un traitement médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --oak-cream: #faf6f0;\n --oak-white: #ffffff;\n --oak-primary: #9e7c2e;\n --oak-primary-dark: #5a4a2a;\n --oak-primary-light: #f5edd9;\n --oak-secondary: #c4956a;\n --oak-accent: #d4a84b;\n --oak-text: #1a1a1a;\n --oak-text-light: #5a5a5a;\n --oak-border: #e8dfc9;\n --oak-shadow: 0 4px 24px rgba(90,74,42,.08);\n --oak-shadow-lg: 0 12px 48px rgba(90,74,42,.15);\n --oak-radius: 20px;\n --oak-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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.oak-premium *, .oak-premium *::before, .oak-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.oak-hero {\n position: relative;\n background: linear-gradient(135deg, #5a4a2a 0%, #9e7c2e 45%, #c4956a 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:\n radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(212,168,75,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.oak-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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,.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.oak-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.oak-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\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\/* === 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\/* === SECTION INTRO TEXT === *\/\n.oak-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--oak-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n.oak-section-intro strong {\n color: var(--oak-primary-dark);\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\/* === GRILLES === *\/\n.oak-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.oak-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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\/* === TIMELINE === *\/\n.oak-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.oak-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.oak-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--oak-primary), var(--oak-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.oak-timeline-content {\n flex: 1;\n background: var(--oak-white);\n padding: 1rem 1.25rem;\n border-radius: var(--oak-radius-sm);\n box-shadow: var(--oak-shadow);\n}\n\n.oak-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--oak-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.oak-timeline-content p {\n font-size: 14px;\n color: var(--oak-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.oak-testimonial {\n background: var(--oak-white);\n border-radius: var(--oak-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--oak-shadow);\n border-left: 4px solid var(--oak-primary);\n}\n\n.oak-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--oak-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.oak-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--oak-primary-light);\n border-radius: var(--oak-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.oak-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.oak-tip p {\n font-size: 14px;\n color: var(--oak-text);\n margin: 0;\n line-height: 1.6;\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: 10px;\n}\n\n.oak-accordion-content p {\n margin: 0;\n}\n\n.oak-accordion-content strong {\n color: var(--oak-primary-dark);\n}\n\n\/* === DISCLAIMER === *\/\n.oak-disclaimer {\n font-size: 12px;\n color: var(--oak-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 .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-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .oak-timeline-content {\n padding: .875rem 1rem;\n }\n\n .oak-timeline-content h3 {\n font-size: 14px;\n }\n\n .oak-timeline-content p {\n font-size: 13px;\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-testimonial {\n padding: 1.25rem;\n }\n\n .oak-testimonial-text {\n font-size: 14px;\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\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":"DIOTER","offers":[{"title":"Default Title","offer_id":55124194001273,"sku":"DI5052","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-chene-bio-10-ml-dioter-lifestyle.webp?v=1770802730"},{"product_id":"fleur-de-bach-chevrefeuille-bio-10-ml-dioter","title":"Fleur de Bach Chèvrefeuille Bio - 10 ml - Dioter","description":"\u003cdiv class=\"hs-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hs-hero\"\u003e\n\u003cdiv class=\"hs-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hs-hero-content\"\u003e\n\u003cdiv class=\"hs-badges-top\"\u003e\n\u003cspan class=\"hs-badge\"\u003e🌿 Agriculture biologique FR-BIO-01\u003c\/span\u003e \u003cspan class=\"hs-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"hs-badge\"\u003e☀️ Extraction par solarisation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hs-hero-title\"\u003eFleur de Bach Chèvrefeuille Bio\u003c\/span\u003e\n\u003cp class=\"hs-subtitle\"\u003eÉlixir floral n°16 10 ml - Dioter\u003c\/p\u003e\n\u003cp class=\"hs-description\"\u003eVous restez prisonnier de vos souvenirs ou idéalisez le passé ? La \u003cstrong\u003efleur de Bach chèvrefeuille\u003c\/strong\u003e (Honeysuckle) vous aide à lâcher prise et à vous ouvrir au moment présent. Un allié précieux pour retrouver sérénité et élan au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003eChèvrefeuille fleur de Bach : à qui s'adresse cet élixir ?\u003c\/h2\u003e\n\u003cp class=\"hs-section-intro\"\u003eParmi les 38 élixirs du Dr Edward Bach, le chèvrefeuille occupe une place unique : celle du lien entre passé et présent.\u003c\/p\u003e\n\u003cdiv class=\"hs-grid\"\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🕰️ Nostalgie persistante\u003c\/h3\u003e\n\u003cp\u003eVous repensez sans cesse à des périodes révolues au point de ne plus profiter de l'instant. Le chèvrefeuille transforme cette nostalgie en sagesse apaisée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e💭 Regrets et ruminations\u003c\/h3\u003e\n\u003cp\u003eRessasser des « et si… » freine votre avancée. Cet élixir favorise l'acceptation bienveillante pour libérer votre énergie vers l'avenir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🌱 Difficulté face au changement\u003c\/h3\u003e\n\u003cp\u003eDéménagement, deuil, retraite, séparation : la \u003cstrong\u003efleur de Bach chèvrefeuille\u003c\/strong\u003e soutient votre capacité à accueillir chaque nouveau chapitre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003eBienfaits de la fleur de Bach chèvrefeuille\u003c\/h2\u003e\n\u003cdiv class=\"hs-grid\"\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🧘 Lâcher-prise émotionnel\u003c\/h3\u003e\n\u003cp\u003eCet élixir agit en profondeur sur les attaches émotionnelles qui vous maintiennent tourné vers l'arrière. Vous retrouvez une légèreté intérieure naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🌞 Ancrage dans le présent\u003c\/h3\u003e\n\u003cp\u003eLes \u003cstrong\u003ebienfaits du chèvrefeuille\u003c\/strong\u003e se manifestent par une présence accrue : projets, proches et petits bonheurs du quotidien redeviennent vivants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e💛 Bien-être durable\u003c\/h3\u003e\n\u003cp\u003eEn cure, cette \u003cstrong\u003efleur de Bach anti-stress\u003c\/strong\u003e naturelle contribue à un équilibre émotionnel stable, sans accoutumance ni effet secondaire connu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"hs-timeline\"\u003e\n\u003cdiv class=\"hs-timeline-item\"\u003e\n\u003cdiv class=\"hs-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hs-timeline-content\"\u003e\n\u003ch3\u003ePrise ponctuelle\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e5 gouttes\u003c\/strong\u003e sous la langue ou dans un peu d'eau, \u003cstrong\u003eplusieurs fois par jour\u003c\/strong\u003e lors d'un moment de nostalgie ou de stress émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-timeline-item\"\u003e\n\u003cdiv class=\"hs-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hs-timeline-content\"\u003e\n\u003ch3\u003ePrise sur la durée\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans \u003cem\u003e1\/2 litre d'eau\u003c\/em\u003e non gazeuse, à boire en \u003cstrong\u003e4 à 5 prises\u003c\/strong\u003e réparties dans la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-timeline-item\"\u003e\n\u003cdiv class=\"hs-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hs-timeline-content\"\u003e\n\u003ch3\u003eCure de 3 semaines\u003c\/h3\u003e\n\u003cp\u003eMaintenez la prise quotidienne pendant \u003cstrong\u003e21 jours\u003c\/strong\u003e. Associez cet élixir à d'autres fleurs de Bach selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-tip\"\u003e\n\u003cspan class=\"hs-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePrenez les gouttes à distance des repas. Laissez le liquide quelques secondes sous la langue pour une absorption sublinguale optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003eComposition et fabrication artisanale\u003c\/h2\u003e\n\u003cdiv class=\"hs-grid-compact\"\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n\u003cp\u003eBase neutre de l'élixir floral\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🍇 Cognac biologique\u003c\/h3\u003e\n\u003cp\u003eConservateur 100 % naturel et traditionnel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🌺 Solarisation de chèvrefeuille\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eLonicera caprifolium\u003c\/em\u003e — fleurs sauvages françaises\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e✅ Certifié FR-BIO-01\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique européenne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hs-section-intro\" style=\"margin-top: 1.25rem;\"\u003eLa \u003cstrong\u003esolarisation\u003c\/strong\u003e expose les fleurs fraîches au soleil dans de l'eau pure, préservant toute leur énergie vibratoire — sans chaleur artificielle ni solvant chimique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"hs-accordion\"\u003e\n\u003cdetails class=\"hs-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"hs-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n\u003cdiv class=\"hs-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire \u003cstrong\u003en'est pas un médicament\u003c\/strong\u003e. Ne pas dépasser la dose recommandée. Contient du cognac : déconseillé aux personnes en sevrage alcoolique. À tenir 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\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"hs-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"hs-cta-box\"\u003e\n\u003cp\u003e🌸 Cessez de regarder en arrière et savourez pleinement le présent. Offrez-vous la douceur du Chèvrefeuille bio — un élixir floral artisanal pour votre équilibre émotionnel au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hs-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\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --hs-cream: #FDF8F3;\n --hs-white: #ffffff;\n --hs-primary: #A07030;\n --hs-primary-dark: #6B4A1F;\n --hs-primary-light: #F5EDE3;\n --hs-secondary: #D4A574;\n --hs-accent: #E8B4B8;\n --hs-green: #8B9E7E;\n --hs-text: #1a1a1a;\n --hs-text-light: #5a5a5a;\n --hs-border: #E8DDD2;\n --hs-shadow: 0 4px 24px rgba(107, 74, 31, .08);\n --hs-shadow-lg: 0 12px 48px rgba(107, 74, 31, .15);\n --hs-radius: 20px;\n --hs-radius-sm: 12px;\n}\n\n.hs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hs-hero {\n position: relative;\n background: linear-gradient(135deg, #5C3D18 0%, #8B6530 25%, #A07030 45%, #D4A574 70%, #E8B4B8 90%, #F2C8CB 100%);\n border-radius: var(--hs-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(--hs-shadow-lg);\n}\n\n.hs-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n radial-gradient(circle at 15% 85%, rgba(232, 180, 184, .2) 0%, transparent 45%),\n radial-gradient(circle at 85% 15%, rgba(255, 255, 255, .1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(212, 165, 116, .08) 0%, transparent 60%),\n radial-gradient(ellipse at 30% 20%, rgba(255, 255, 255, .06) 0%, transparent 50%);\n}\n\n.hs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hs-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.hs-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 text-transform: uppercase;\n}\n\n.hs-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.hs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hs-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(--hs-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hs-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.hs-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(--hs-primary), var(--hs-accent));\n border-radius: 2px;\n}\n\n.hs-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hs-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.hs-card {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hs-shadow-lg);\n border-color: var(--hs-primary);\n}\n\n.hs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hs-grid-compact .hs-card {\n padding: 1rem;\n}\n\n.hs-grid-compact .hs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hs-grid-compact .hs-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hs-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hs-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hs-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hs-primary), var(--hs-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.hs-timeline-content {\n flex: 1;\n background: var(--hs-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hs-radius-sm);\n box-shadow: var(--hs-shadow);\n}\n\n.hs-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hs-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hs-timeline-content p {\n font-size: 14px;\n color: var(--hs-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.hs-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hs-primary-light);\n border-radius: var(--hs-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hs-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hs-tip p {\n font-size: 14px;\n color: var(--hs-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.hs-accordion {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n box-shadow: var(--hs-shadow);\n overflow: hidden;\n}\n\n.hs-accordion-item {\n border-bottom: 1px solid var(--hs-border);\n margin: 0;\n padding: 0;\n}\n\n.hs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hs-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.hs-accordion-header:hover {\n background: var(--hs-primary-light);\n}\n\n.hs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hs-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hs-primary);\n transition: transform .2s ease;\n}\n\n.hs-accordion-item[open] .hs-accordion-header::after {\n content: '−';\n}\n\n.hs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hs-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hs-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.hs-cta-box {\n background: linear-gradient(135deg, var(--hs-primary) 0%, var(--hs-primary-dark) 100%);\n border-radius: var(--hs-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hs-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.hs-disclaimer {\n font-size: 12px;\n color: var(--hs-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hs-card {\n padding: 1.125rem;\n }\n\n .hs-section {\n margin-bottom: 1.75rem;\n }\n\n .hs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hs-radius-sm);\n }\n\n .hs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hs-grid-compact {\n gap: .625rem;\n }\n\n .hs-grid-compact .hs-card {\n padding: .75rem;\n }\n\n .hs-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hs-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hs-timeline-content h3 {\n font-size: 14px;\n }\n\n .hs-timeline-content p {\n font-size: 13px;\n }\n\n .hs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hs-testimonial {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hs-card {\n animation: hsFadeInUp .5s ease backwards;\n }\n .hs-card:nth-child(1) { animation-delay: .05s; }\n .hs-card:nth-child(2) { animation-delay: .1s; }\n .hs-card:nth-child(3) { animation-delay: .15s; }\n .hs-card:nth-child(4) { animation-delay: .2s; }\n .hs-card:nth-child(5) { animation-delay: .25s; }\n .hs-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hsFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hs-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55124220707193,"sku":"DI5046","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-chevrefeuille-bio-10-ml-dioter-lifestyle.webp?v=1770798562"},{"product_id":"fleur-de-bach-verveine-bio-10-ml-dioter","title":"Fleur de Bach Verveine (vervain) bio - 10 ml - Dioter","description":"\u003cp\u003eÉlaborée selon la méthode originelle du Dr Bach, pionnier des élixirs floraux, la \u003cstrong\u003eFleur de Bach bio Verveine (vervain)\u003c\/strong\u003e de la marque Dioter est un précieux allié naturel pour retrouver équilibre et sérénité intérieure. Cet élixir, certifié biologique, est conçu à partir de fleurs sauvages françaises rigoureusement sélectionnées et solarisées de manière artisanale, afin de préserver toute leur pureté et leur vitalité.\u003c\/p\u003e\n\u003ch2\u003ePour qui est faite la Fleur de Verveine ?\u003c\/h2\u003e\n\u003cp\u003eCet élixir floral s’adresse aux personnes sujettes à une \u003cstrong\u003ehyperactivité mentale\u003c\/strong\u003e, à un enthousiasme excessif ou à une tension émotionnelle continue. Il favorise un retour au calme, en aidant à canaliser les pensées envahissantes, tout en encourageant le \u003cstrong\u003elâcher-prise\u003c\/strong\u003e et une plus grande ouverture d’esprit.\u003c\/p\u003e\n\u003ch2\u003eLes bienfaits principaux de la fleur de bach verveine (vervain)\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eApaisement du mental surchargé\u003c\/li\u003e\n\u003cli\u003eRéduction du stress chronique et des tensions intérieures\u003c\/li\u003e\n\u003cli\u003eSoutien émotionnel en période d'agitation ou de surmenage\u003c\/li\u003e\n\u003cli\u003eFavorise une attitude plus souple et détendue\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eDiluer \u003cstrong\u003e5 gouttes de vervain\u003c\/strong\u003e dans un fond de verre d’eau ou les déposer directement sous la langue, à renouveler plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n\u003cp\u003eAlternative : préparer une solution dans un \u003cstrong\u003e1\/2 litre d’eau minérale non gazeuse\u003c\/strong\u003e en y ajoutant \u003cstrong\u003e25 gouttes\u003c\/strong\u003e d’élixir. Boire en 4 à 5 prises dans la journée, en agitant la bouteille avant chaque prise.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eEau, Cognac biologique, Solarisation de fleur de bach verveine (vervain).\u003c\/p\u003e\n\u003cp\u003eProduit issu de l’agriculture biologique, certifié par FR-BIO-01.\u003c\/p\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55124244169081,"sku":"DI5061","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fleur-de-Bach-verveine-bio-10ml-Dioter.webp?v=1744809546"},{"product_id":"fleur-de-bach-impatiente-bio-10-ml-dioter","title":"Fleur de Bach Impatiens Bio - 10 ml - Dioter","description":"\u003cp\u003eLa \u003cstrong\u003eFleur de Bach Impatiens Bio\u003c\/strong\u003e de la marque \u003cstrong\u003eDioter\u003c\/strong\u003e est conçue selon la méthode authentique du Dr. Bach, célèbre pour ses élixirs floraux destinés à rééquilibrer les émotions. Issue de fleurs sauvages françaises, cette essence florale est fabriquée à partir d’une \u003cstrong\u003eextraction 100% naturelle\u003c\/strong\u003e respectant les cycles de la nature et les principes de l’agriculture biologique certifiée \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch2\u003eApaisement de l’agitation mentale et retour à l’indulgence\u003c\/h2\u003e\n\u003cp\u003eL’élixir floral Impatiente, aussi appelé \u003cstrong\u003e\u003cem\u003eImpatiens\u003c\/em\u003e\u003c\/strong\u003e, s’adresse particulièrement aux personnes \u003cstrong\u003etendues, impatientes et facilement irritables\u003c\/strong\u003e, souvent submergées par une \u003cstrong\u003eagitation mentale constante\u003c\/strong\u003e. En facilitant une prise de recul émotionnelle, cette fleur de Bach aide à \u003cstrong\u003ecultiver la tolérance, l’indulgence et la patience\u003c\/strong\u003e. Elle serait également précieuse pour améliorer les relations sociales en favorisant une \u003cstrong\u003ecommunication plus sereine et bienveillante\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch2\u003eUne cure adaptée à votre rythme\u003c\/h2\u003e\n\u003cp\u003eLa durée de la cure dépend de vos besoins personnels et peut varier selon l'intensité de l'état émotionnel. En règle générale, une \u003cstrong\u003eprise quotidienne sur 3 semaines à 1 mois\u003c\/strong\u003e est recommandée pour observer des effets profonds et durables. Une utilisation ponctuelle peut également convenir en cas de tensions passagères.\u003c\/p\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003ePrendre \u003cstrong\u003e5 gouttes\u003c\/strong\u003e diluées dans un verre d'eau ou directement sous la langue.\u003c\/li\u003e\n\u003cli\u003eRépéter \u003cstrong\u003eplusieurs fois par jour\u003c\/strong\u003e, selon les besoins.\u003c\/li\u003e\n\u003cli\u003eOption alternative : diluer \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans ½ litre d’eau minérale non gazeuse et consommer en 4 à 5 prises quotidiennes, en agitant avant chaque usage.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eEau, cognac biologique, solarisation de fleur de bach Impatiens. Produit issu de l’Agriculture Biologique (Certifié \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e).\u003c\/p\u003e\n\u003ch2\u003ePrécautions d’usage\u003c\/h2\u003e\n\u003cp\u003eCe complément alimentaire n’est pas un médicament. Ne pas dépasser la dose recommandée. Ne pas substituer à une alimentation variée et équilibrée. Tenir hors de portée des enfants.\u003c\/p\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55124254130553,"sku":"DI5048","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-impatiente-10-ml-dioter.webp?v=1744810179"},{"product_id":"fleur-de-bach-marronnier-blanc-bio-10-ml-dioter","title":"Fleur de Bach Marronnier Blanc (white chesnut) bio - 10 ml - Dioter","description":"\u003cp\u003eLa Fleur de Bach Bio de Marronnier Blanc (white chesnut), élaborée selon la méthode originelle du Dr. Bach, s’adresse aux personnes qui se laissent envahir par des \u003cstrong\u003epensées incessantes, ruminations ou scénarios mentaux répétitifs\u003c\/strong\u003e. Elle aide à se détacher des idées obsédantes pour retrouver un esprit plus calme, lucide et disponible à l’instant présent.\u003c\/p\u003e\n\u003ch2\u003eUn soutien naturel pour cultiver la pleine conscience\u003c\/h2\u003e\n\u003cp\u003eGrâce à ses vertus équilibrantes, le Marronnier blanc permet d’aborder les situations avec plus d’objectivité. Il favorise\u003cstrong\u003e la concentration, la tranquillité mentale et la capacité à méditer\u003c\/strong\u003e en limitant les pensées envahissantes. Idéal pour ceux et celles qui souhaitent pratiquer la pleine conscience ou simplement vivre plus sereinement leur quotidien.\u003c\/p\u003e\n\u003ch2\u003eUne qualité biologique irréprochable\u003c\/h2\u003e\n\u003cp\u003eCet élixir floral est issu de \u003cstrong\u003efleurs sauvages françaises\u003c\/strong\u003e cueillies manuellement et préparées selon une méthode traditionnelle et entièrement naturelle. Il est certifié \u003cstrong\u003ebio \u003c\/strong\u003eet ne contient aucun ingrédient artificiel. Le processus de solarisation du white chesnut préserve toute la vitalité de la plante, pour une efficacité optimale.\u003c\/p\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e5 gouttes dans un peu d’eau ou directement sous la langue, plusieurs fois par jour si besoin.\u003c\/li\u003e\n\u003cli\u003eAlternative : diluer 25 gouttes dans 1\/2 litre d’eau minérale non gazeuse et boire en 4 à 5 prises au cours de la journée. Agiter avant chaque prise.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eEau\u003c\/li\u003e\n\u003cli\u003eCognac biologique\u003c\/li\u003e\n\u003cli\u003eSolarisation de fleur de marronnier blanc (white chesnut)\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55124254589305,"sku":"DI5065","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fleur-de-Bach-Marronier-blanc-bio-10ml-Dioter.webp?v=1744810122"},{"product_id":"fleur-de-bach-heliantheme-bio-10-ml-dioter","title":"Fleur de Bach Hélianthème Bio - 10 ml - Dioter","description":"\u003cp\u003eLa \u003cstrong\u003eFleur de Bach Hélianthème Bio\u003c\/strong\u003e, également connue sous le nom de \u003cem\u003eRock Rose\u003c\/em\u003e, est un élixir floral conçu selon la méthode authentique du Dr Edward Bach. Élaborée par \u003cstrong\u003eDioter\u003c\/strong\u003e, cette préparation artisanale vise à apaiser les peurs intenses, l’anxiété aiguë et les réactions émotionnelles exacerbées suite à un choc ou un traumatisme.\u003c\/p\u003e\n\u003ch2\u003eUn soutien naturel en période de vulnérabilité\u003c\/h2\u003e\n\u003cp\u003eCe remède floral s’adresse particulièrement aux personnes confrontées à un sentiment de panique ou de peur paralysante. Il aiderait à restaurer le \u003cstrong\u003ecourage intérieur\u003c\/strong\u003e, la clarté mentale et l’\u003cstrong\u003eéquilibre émotionnel\u003c\/strong\u003e, pour faire face aux situations de stress avec plus de sérénité. Son usage régulier peut s’inscrire dans une \u003cstrong\u003ecure de fond de plusieurs semaines\u003c\/strong\u003e, notamment en accompagnement d’une démarche de mieux-être globale.\u003c\/p\u003e\n\u003ch2\u003eUne élaboration 100 % naturelle et biologique\u003c\/h2\u003e\n\u003cp\u003eL’élixir Hélianthème est préparé à partir de \u003cstrong\u003efleurs sauvages françaises\u003c\/strong\u003e soigneusement cueillies, selon la méthode de solarisation d’origine. L’extraction est \u003cstrong\u003e100 % naturelle\u003c\/strong\u003e et préserve toute la vitalité énergétique de la plante. L’élixir est stabilisé dans un \u003cstrong\u003ecognac biologique\u003c\/strong\u003e, garantissant ainsi un produit pur, respectueux de l’environnement et certifié par le label \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eDiluer 5 gouttes dans un verre d’eau ou les déposer directement sous la langue, à renouveler si nécessaire plusieurs fois par jour.\u003c\/li\u003e\n\u003cli\u003ePour une prise répartie sur la journée : diluer 25 gouttes dans un ½ litre d’eau minérale non gazeuse, à consommer en 4 à 5 fois, en agitant la bouteille avant chaque prise.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eUne \u003cstrong\u003ecure d’une à trois semaines\u003c\/strong\u003e est généralement recommandée pour accompagner un processus émotionnel en profondeur.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eEau, Cognac biologique, Solarisation de fleur - Hélianthème\u003cbr\u003eProduit issu de l’Agriculture Biologique – Certifié FR-BIO-01\u003c\/p\u003e\n\u003ch2\u003ePrécautions d’emploi\u003c\/h2\u003e\n\u003cp\u003eCe complément alimentaire ne remplace pas une alimentation équilibrée ni un suivi médical. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55124273267065,"sku":"DI5056","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-heliantheme-10-ml-dioter_1.webp?v=1744810685"},{"product_id":"fleur-de-bach-pin-sylvestre-bio-10-ml-dioter","title":"Fleur de Bach Pin Sylvestre bio - 10 ml - Dioter","description":"\u003cp\u003eÉlaborée selon la méthode authentique du Docteur Bach, la \u003cstrong\u003eFleur de Bach bio Pin Sylvestre (Pine)\u003c\/strong\u003e de la marque \u003cstrong\u003eDioter\u003c\/strong\u003e est un élixir floral naturel conçu pour accompagner ceux qui ressentent une culpabilité excessive et une autocritique permanente. Cet élixir floral biologique soutient un rééquilibrage émotionnel en douceur, en libérant l'esprit des pensées envahissantes liées à la honte ou au remords.\u003c\/p\u003e\n\u003ch2\u003eUn soutien naturel pour apaiser les tourments intérieurs\u003c\/h2\u003e\n\u003cp\u003eLe Pin Sylvestre est particulièrement recommandé pour les personnes qui ont tendance à se blâmer continuellement, même lorsqu’elles ne sont pas responsables. Grâce à ses propriétés émotionnelles, cet élixir floral aide à :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAtténuer le sentiment de culpabilité chronique\u003c\/li\u003e\n\u003cli\u003eRéduire l’auto-jugement et la sévérité envers soi-même\u003c\/li\u003e\n\u003cli\u003eFavoriser l’acceptation et le pardon de soi\u003c\/li\u003e\n\u003cli\u003eRetrouver un équilibre émotionnel stable et une paix intérieure durable\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUn élixir floral 100% naturel et certifié bio\u003c\/h2\u003e\n\u003cp\u003eCe remède floral est fabriqué à partir de \u003cstrong\u003efleurs sauvages françaises\u003c\/strong\u003e, cueillies et solarisées selon les principes originaux du Dr Bach. L’extraction est réalisée de manière entièrement naturelle pour garantir la pureté et l’efficacité de chaque goutte. Ce produit est \u003cstrong\u003ecertifié Agriculture Biologique\u003c\/strong\u003e (FR-BIO-01), sans ajout artificiel ni traitement chimique.\u003c\/p\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cp\u003ePour bénéficier pleinement des bienfaits de cet élixir :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePrendre \u003cstrong\u003e5 gouttes\u003c\/strong\u003e diluées dans un peu d’eau ou directement sous la langue, plusieurs fois par jour selon les besoins.\u003c\/li\u003e\n\u003cli\u003eEn usage prolongé : diluer \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d’eau minérale non gazeuse, à boire en 4 ou 5 prises quotidiennes. Bien agiter avant chaque prise.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau, Cognac biologique, Solarisation de fleur, Pin sylvestre.\u003c\/p\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55124284834169,"sku":"DI5054","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fleur-de-Bach-Pin-Syvelstre-bio-10ml-Dioter.webp?v=1744810919"},{"product_id":"fleur-de-bach-urgence-et-stress-bio-spray-de-20-ml-dioter","title":"Fleur de Bach bio Urgence \u0026 Stress - Spray 20 ml - Dioter","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach bio Urgence \u0026 Stress - Spray 20 ml - Dioter\nPalette détectée:\n - Primaire: #8B5A2B (ambre\/brun du flacon en verre)\n - Secondaire: #E8D4B8 (beige crème de l'étiquette)\n - Accent: #6B8E4E (vert bio\/naturel)\nAmbiance: Naturel, apaisant, bio, bien-être émotionnel, douceur\nPréfixe CSS: fb\n--\u003e\n\n\u003cdiv class=\"fb-premium\"\u003e\n \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🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e⚡ Action immédiate\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eRemède d'urgence\u003cbr\u003eFleurs de Bach\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eÉlixir floral bio contre le stress et la nervosité\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003e5 fleurs de Bach biologiques réunies pour retrouver calme, sérénité et équilibre émotionnel en quelques instants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION : LES 5 FLEURS --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🌸 Les 5 fleurs de l'apaisement\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card fb-card-flower\"\u003e\n \u003ch3\u003e🌼 Clematis\u003c\/h3\u003e\n \u003cp\u003eFavorise la concentration et l'ancrage dans le moment présent. Combat les états d'évasion mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-flower\"\u003e\n \u003ch3\u003e🍒 Cherry Plum\u003c\/h3\u003e\n \u003cp\u003eAide à reprendre le contrôle en cas de nervosité intense. Apaise les émotions vives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-flower\"\u003e\n \u003ch3\u003e💜 Impatiens\u003c\/h3\u003e\n \u003cp\u003eSoulage les tensions dues à l'impatience ou l'irritabilité. Invite à la douceur et la tolérance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-flower\"\u003e\n \u003ch3\u003e⭐ Star of Bethlehem\u003c\/h3\u003e\n \u003cp\u003eEffet apaisant après un choc émotionnel ou une tristesse profonde. Réconforte en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-flower\"\u003e\n \u003ch3\u003e🌹 Rock Rose\u003c\/h3\u003e\n \u003cp\u003eRenforce le courage pour surmonter les peurs soudaines ou les paniques. Apporte le calme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : BIENFAITS --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e✨ Bienfaits immédiats\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e😌 Apaisement du stress\u003c\/h3\u003e\n \u003cp\u003eRéduit la nervosité et les tensions émotionnelles pour retrouver un état de calme intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🧘 Sérénité retrouvée\u003c\/h3\u003e\n \u003cp\u003eHarmonise vos émotions et rééquilibre votre état mental face aux situations difficiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💪 Courage renforcé\u003c\/h3\u003e\n \u003cp\u003eAffrontez les moments d'adversité avec plus de confiance et de force intérieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🎯 Concentration accrue\u003c\/h3\u003e\n \u003cp\u003eRetrouvez votre ancrage et votre capacité à rester présent dans l'instant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : MODE D'EMPLOI --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e💧 Utilisation simple et pratique\u003c\/h2\u003e\n \u003cdiv class=\"fb-usage-grid\"\u003e\n \u003cdiv class=\"fb-usage-card\"\u003e\n \u003cdiv class=\"fb-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e👄 Voie sublinguale\u003c\/h3\u003e\n \u003cp\u003eVaporisez 1 à 2 fois directement sous la langue pour un effet immédiat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-usage-card\"\u003e\n \u003cdiv class=\"fb-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e✋ Sur la peau\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur les poignets ou le plexus pour une diffusion via l'épiderme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-usage-card\"\u003e\n \u003cdiv class=\"fb-usage-number\"\u003e∞\u003c\/div\u003e\n \u003ch3\u003e🔄 Sans limite\u003c\/h3\u003e\n \u003cp\u003eRenouvelez autant de fois que nécessaire selon vos besoins émotionnels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"fb-note\"\u003e💡 Convient à tous les âges • Idéal lors des moments de fatigue émotionnelle ou de tensions\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : POUR QUI --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eAnxiété quotidienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n \u003cp\u003ePression au travail\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n \u003cp\u003eStress des examens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e✈️ Voyageurs\u003c\/h3\u003e\n \u003cp\u003ePeur de l'avion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : QUALITÉ --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🏆 L'excellence Auraflor\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌿 100% biologique\u003c\/h3\u003e\n \u003cp\u003eFleurs sauvages cueillies avec soin dans les Pyrénées et l'Ardèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e📜 Méthode Dr Bach\u003c\/h3\u003e\n \u003cp\u003ePréparation selon les méthodes traditionnelles originelles du Dr Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFabrication écologique respectueuse des ressources naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : INFOS PRATIQUES --\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 durée\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eFlacon spray de 20 ml. Environ 200 pulvérisations par flacon, soit plusieurs semaines d'utilisation selon vos besoins.\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\u003eConserver à l'abri de la lumière et de la chaleur. Ne pas exposer aux températures extrêmes. À utiliser dans les 3 mois après ouverture.\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🏭 À propos d'Auraflor\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eAuraflor est une marque des Laboratoires Dioter, reconnue pour son expertise dans le bien-être émotionnel. En associant des ingrédients biologiques à un savoir-faire traditionnel, Auraflor propose des solutions naturelles et sûres pour retrouver l'harmonie émotionnelle 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=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cp\u003e🌸 Ne laissez pas le stress prendre le dessus.\u003cbr\u003e\u003cstrong\u003eRedécouvrez la paix intérieure\u003c\/strong\u003e avec ce remède d'urgence 100% naturel et bio.\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: #FDF9F3;\n --fb-white: #ffffff;\n --fb-primary: #8B5A2B;\n --fb-primary-dark: #5D3A1A;\n --fb-primary-light: #F5EDE3;\n --fb-secondary: #E8D4B8;\n --fb-accent: #6B8E4E;\n --fb-accent-light: #E8F0E2;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e0e0e0;\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\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #A67C52 0%, #8B5A2B 40%, #6B8E4E 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 5 C35 15, 45 20, 45 30 C45 40, 35 45, 30 55 C25 45, 15 40, 15 30 C15 20, 25 15, 30 5' fill='white' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .5;\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 line-height: 1.1;\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 max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\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\/* === GRILLES === *\/\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\/* === CARDS === *\/\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\/* Cards fleurs - style spécial *\/\n.fb-card-flower {\n background: linear-gradient(135deg, var(--fb-white) 0%, var(--fb-accent-light) 100%);\n border-left: 4px solid var(--fb-accent);\n}\n\n.fb-card-flower:hover {\n border-color: var(--fb-accent);\n}\n\n\/* === USAGE SECTION === *\/\n.fb-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.fb-usage-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 text-align: center;\n position: relative;\n border: 2px solid var(--fb-secondary);\n transition: all .3s ease;\n}\n\n.fb-usage-card:hover {\n transform: translateY(-4px);\n border-color: var(--fb-primary);\n}\n\n.fb-usage-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-accent) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n font-weight: 900;\n color: white;\n margin: 0 auto 1rem;\n box-shadow: 0 4px 15px rgba(139,90,43,.3);\n}\n\n.fb-usage-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.fb-usage-card p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\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: 0;\n}\n\n\/* === ACCORDÉON === *\/\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\/* === CTA BOX === *\/\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-accent) 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%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n.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\/* === RESPONSIVE === *\/\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-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 {\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-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .fb-usage-card {\n padding: 1.25rem;\n }\n \n .fb-usage-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\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-note {\n font-size: 13px;\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@keyframes pulse {\n 0%, 100% { opacity: .5; transform: scale(1); }\n 50% { opacity: .8; transform: scale(1.05); }\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\/* === 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":"DIOTER","offers":[{"title":"Default Title","offer_id":55180774670713,"sku":"DI1201","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-bio-urgence-stress-spray-20-ml-auraflor-ingredients.webp?v=1768494267"},{"product_id":"remede-durgence-bio-10-ml-dioter","title":"Remède d'Urgence bio - 10 ml - Dioter","description":"\u003cp\u003eLe \u003cstrong\u003eRemède d'Urgence Bio\u003c\/strong\u003e de Dioter est un élixir floral composé des célèbres Fleurs de Bach, conçu pour aider à affronter sereinement les situations émotionnellement intenses ou stressantes. Que ce soit face à une mauvaise nouvelle, avant un examen important ou lors d'une prise de parole, ce remède apporte un soutien pour retrouver calme, équilibre et sérénité.\u003c\/p\u003e\n\u003ch2\u003eIngrédients clés et leurs bienfaits\u003c\/h2\u003e\n\u003cp\u003eCe mélange unique contient cinq fleurs soigneusement sélectionnées, chacune jouant un rôle précis pour rétablir l’harmonie émotionnelle :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eClematis (Clématite)\u003c\/strong\u003e : Permet de garder les pieds sur terre et d’éviter les rêveries excessives.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCherry Plum (Prunus)\u003c\/strong\u003e : Aide à retrouver le calme et soutient un mental stable, en cas de peur de \" perdre le contrôle\".\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eImpatiens (Impatiente)\u003c\/strong\u003e : Favorise la patience, la douceur et la détente face à l’impatience ou la frustration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStar of Bethleem (Ornithogale ou Étoile de Bethléem)\u003c\/strong\u003e : Apaise après les chocs émotionnels, en apportant réconfort et courage.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRock Rose (Hélianthème)\u003c\/strong\u003e : Encourage la paix intérieure et apaise les peurs, même dans les moments les plus redoutables.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCes fleurs agissent en synergie pour calmer les nerfs, réduire la nervosité et apaiser les tensions liées aux émotions fortes.\u003c\/p\u003e\n\u003ch2\u003eMode de fabrication et qualité\u003c\/h2\u003e\n\u003cp\u003eRespectant fidèlement la méthode originale du \u003cstrong\u003eDocteur Bach\u003c\/strong\u003e, Dioter utilise des fleurs sauvages issues des Pyrénées et de l’Ardèche. Les fleurs sont cueillies à la main, immersées dans de l’eau de source, et exposées au soleil dans des conditions naturelles idéales. Chaque étape de production est réalisée dans des laboratoires experts pour garantir un produit pur et efficace.\u003c\/p\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cp\u003eSimplicité et flexibilité pour un usage au quotidien :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePrendre \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un fond de verre d'eau ou sous la langue directement, plusieurs fois par jour selon besoin.\u003c\/li\u003e\n\u003cli\u003ePour une administration étendue : diluer \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale non gazeuse, à boire tout au long de la journée en 4 ou 5 prises.\u003c\/li\u003e\n\u003cli\u003eAgiter la préparation avant chaque usage pour activer les propriétés des élixirs.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCe remède peut être utilisé ponctuellement ou en cure, selon la situation et les recommandations d’un professionnel de santé.\u003c\/p\u003e\n\u003ch2\u003eCompositions INCI\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eEau\u003c\/strong\u003e et \u003cstrong\u003eCognac biologique\u003c\/strong\u003e comme base de conservation.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eExtraits solaires de fleurs bio :\u003c\/strong\u003e\u003c\/li\u003e\n\u003cul\u003e\n\u003cli\u003eClematis (Clematis vitalba)\u003c\/li\u003e\n\u003cli\u003eCherry Plum (Prunus cerasifera)\u003c\/li\u003e\n\u003cli\u003eImpatiens (Impatiens glandulifera)\u003c\/li\u003e\n\u003cli\u003eRock Rose (Helianthemum nummularium)\u003c\/li\u003e\n\u003cli\u003eStar of Bethleem (Ornithogallum umbellatum)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/ul\u003e\n\u003cp\u003eToutes les fleurs sont \u003cstrong\u003eissues de l’Agriculture Biologique Française\u003c\/strong\u003e, respectant un haut niveau de qualité et de traçabilité.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir ce produit ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eFabriqué selon la méthode authentique du Dr Bach.\u003c\/li\u003e\n\u003cli\u003eCertifié biologique et élaboré avec des fleurs locales des Pyrénées et de l’Ardèche.\u003c\/li\u003e\n\u003cli\u003eConvient à toute la famille pour une gestion naturelle des émotions.\u003c\/li\u003e\n\u003cli\u003eSans effets secondaires ni accoutumance : un allié sûr et fiable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eEssayez le Remède d'Urgence Bio de Dioter dès aujourd'hui\u003c\/strong\u003e et apportez calme et sérénité à votre quotidien, même face aux moments les plus stressants ou émotionnels.\u003c\/p\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55180797739385,"sku":"DI1101","price":6.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Remede-d-Urgence-bio-10ml-Dioter.webp?v=1746525215"},{"product_id":"omega-3-et-6-120-capsules-diomega","title":"Diomega+ : Oméga 3 et 6 - 120 capsules - Dioter","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Diomega+ Oméga 3 et 6 - 120 capsules - Laboratoire Dioter\nPalette détectée:\n - Primaire: #6B8E23 (vert olive\/chartreuse du logo Diomega+)\n - Secondaire: #C4956A (kraft\/doré des bandes du packaging)\n - Accent: #A0522D (bordeaux\/rouge-brun du texte \"Omega 3 et 6\")\n - Fond packaging: #F5F0E8 (beige clair texturé, papier recyclé)\nAmbiance: Naturel, féminin doux, santé\/bien-être, fabrication française artisanale, éco-responsable (packaging kraft\/carton), complément alimentaire premium mais accessible\nPréfixe CSS: dio\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Diomega+ : l'alliance des oméga 3 et 6 pour le confort féminin à la ménopause\"\n 2. \"Bienfaits des oméga 3 et oméga 6 dans Diomega+\"\n 3. \"Composition détaillée pour 4 capsules (dose journalière)\"\n 4. \"Comment prendre Diomega+ ?\"\n 5. \"Pourquoi choisir Diomega+ plutôt qu'un autre oméga 3 ?\"\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=\"dio-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"dio-hero\"\u003e\n \u003cdiv class=\"dio-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dio-hero-content\"\u003e\n \u003cdiv class=\"dio-badges-top\"\u003e\n \u003cspan class=\"dio-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"dio-badge\"\u003e🌿 Sans hormones\u003c\/span\u003e\n \u003cspan class=\"dio-badge\"\u003e💊 120 capsules\u003c\/span\u003e\n \u003cspan class=\"dio-badge\"\u003e🐟 Oméga 3 + 6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dio-hero-title\"\u003eDiomega+ Oméga 3 et 6\u003c\/span\u003e\n \u003cp class=\"dio-subtitle\"\u003eLaboratoire Dioter\u003c\/p\u003e\n \u003cp class=\"dio-description\"\u003eL'alliance naturelle des huiles de poisson et d'onagre pour accompagner les femmes à chaque étape de la ménopause, en douceur et sans hormones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"dio-section\"\u003e\n \u003ch2\u003eDiomega+ : l'alliance des oméga 3 et 6 pour le confort féminin à la ménopause\u003c\/h2\u003e\n \u003cp class=\"dio-section-intro\"\u003e\u003cstrong\u003eDiomega+\u003c\/strong\u003e du Laboratoire Dioter est un complément alimentaire naturel qui associe \u003cstrong\u003ehuile de poisson\u003c\/strong\u003e et \u003cstrong\u003ehuile d'onagre\u003c\/strong\u003e pour offrir un apport équilibré en oméga 3 et oméga 6.\u003c\/p\u003e\n \u003cdiv class=\"dio-highlight-box\"\u003e\n \u003cp\u003eFormulé sans hormones et fabriqué en France, il s'adresse aux femmes en période de \u003cstrong\u003epréménopause et ménopause\u003c\/strong\u003e qui souhaitent retrouver un véritable confort au quotidien, de manière douce et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"dio-section\"\u003e\n \u003ch2\u003eBienfaits des oméga 3 et oméga 6 dans Diomega+\u003c\/h2\u003e\n \u003cp class=\"dio-section-intro\"\u003eLes \u003cstrong\u003ebienfaits des oméga-3\u003c\/strong\u003e (EPA et DHA) sont aujourd'hui bien documentés : ils participent au fonctionnement normal du cœur, du cerveau et contribuent au maintien d'un bon équilibre émotionnel. Associés aux oméga-6, notamment l'acide gamma-linolénique (GLA) issu de l'onagre, ils forment un duo complémentaire particulièrement pertinent pour les femmes confrontées aux désagréments hormonaux.\u003c\/p\u003e\n \u003cdiv class=\"dio-grid\"\u003e\n \u003cdiv class=\"dio-card\"\u003e\n \u003ch3\u003e🌡️ Atténuation des bouffées de chaleur\u003c\/h3\u003e\n \u003cp\u003eLe GLA de l'huile d'onagre est reconnu pour aider à réduire leur fréquence et leur intensité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dio-card\"\u003e\n \u003ch3\u003e😌 Soutien de l'humeur et du bien-être mental\u003c\/h3\u003e\n \u003cp\u003eLe bienfait des oméga 3, notamment l'EPA, favorise la réduction du stress et des baisses de moral passagères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dio-card\"\u003e\n \u003ch3\u003e⚖️ Accompagnement hormonal naturel\u003c\/h3\u003e\n \u003cp\u003eLe bon ratio entre oméga 3 et oméga 6 aide votre organisme à mieux gérer les fluctuations liées à la ménopause.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dio-card\"\u003e\n \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E naturelle présente dans la formule contribue à protéger vos cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"dio-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 4 capsules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"dio-grid\"\u003e\n \u003cdiv class=\"dio-card dio-card-compo\"\u003e\n \u003ch3\u003e🌻 Huile d'onagre\u003c\/h3\u003e\n \u003cp class=\"dio-dosage\"\u003e1700 mg\u003c\/p\u003e\n \u003cp\u003edont \u003cstrong\u003e136 mg de GLA\u003c\/strong\u003e (acide gamma-linolénique)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dio-card dio-card-compo\"\u003e\n \u003ch3\u003e🐟 Huile de poisson des mers froides\u003c\/h3\u003e\n \u003cp class=\"dio-dosage\"\u003e456 mg\u003c\/p\u003e\n \u003cp\u003edont \u003cstrong\u003e68 mg d'EPA\u003c\/strong\u003e et \u003cstrong\u003e44 mg de DHA\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dio-card dio-card-compo\"\u003e\n \u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp class=\"dio-dosage\"\u003e1 mg\u003c\/p\u003e\n \u003cp\u003eAntioxydant protecteur des cellules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dio-tip\"\u003e\n \u003cspan class=\"dio-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003eEnveloppe en gélatine de poisson. Toutes les huiles sont \u003cstrong\u003eproduites et transformées en France\u003c\/strong\u003e, garantissant une traçabilité rigoureuse et une qualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"dio-section\"\u003e\n \u003ch2\u003eComment prendre Diomega+ ?\u003c\/h2\u003e\n \u003cdiv class=\"dio-timeline\"\u003e\n \u003cdiv class=\"dio-timeline-item\"\u003e\n \u003cdiv class=\"dio-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dio-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e4 capsules par jour\u003c\/strong\u003e, réparties au cours des repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dio-timeline-item\"\u003e\n \u003cdiv class=\"dio-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dio-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eUne cure d'\u003cstrong\u003eun mois\u003c\/strong\u003e est recommandée pour profiter pleinement des bienfaits oméga 3 et oméga 6 de cette formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dio-timeline-item\"\u003e\n \u003cdiv class=\"dio-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dio-timeline-content\"\u003e\n \u003ch3\u003eRenouvellement\u003c\/h3\u003e\n \u003cp\u003eVous pouvez renouveler la cure selon vos besoins, idéalement en demandant conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dio-tip\"\u003e\n \u003cspan class=\"dio-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eLe flacon de \u003cstrong\u003e120 capsules\u003c\/strong\u003e correspond à une cure complète de 30 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"dio-section\"\u003e\n \u003ch2\u003ePourquoi choisir Diomega+ plutôt qu'un autre oméga 3 ?\u003c\/h2\u003e\n \u003cp class=\"dio-section-intro\"\u003eBeaucoup de compléments se limitent aux oméga 3 seuls. L'originalité de Diomega+ réside dans son \u003cstrong\u003eassociation synergique oméga 3 et oméga 6\u003c\/strong\u003e, spécifiquement dosée pour répondre aux besoins féminins durant la ménopause. Ce n'est pas un simple complément d'acides gras : c'est une formule ciblée, pensée pour vous.\u003c\/p\u003e\n \u003cdiv class=\"dio-grid-compact\"\u003e\n \u003cdiv class=\"dio-card\"\u003e\n \u003ch3\u003e🚫 Sans hormones\u003c\/h3\u003e\n \u003cp\u003eUne alternative naturelle pour celles qui ne souhaitent pas recourir au traitement hormonal substitutif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dio-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eDu sourcing des huiles jusqu'à l'encapsulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dio-card\"\u003e\n \u003ch3\u003e💊 Capsules souples\u003c\/h3\u003e\n \u003cp\u003eFaciles à avaler, sans arrière-goût désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dio-card\"\u003e\n \u003ch3\u003e🌿 Formule synergique\u003c\/h3\u003e\n \u003cp\u003eRatio oméga 3\/6 optimisé pour les besoins féminins à la ménopause.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"dio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"dio-accordion\"\u003e\n \u003cdetails class=\"dio-accordion-item\"\u003e\n \u003csummary class=\"dio-accordion-header\"\u003e⚠️ Dosage et conservation\u003c\/summary\u003e\n \u003cdiv class=\"dio-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 4 capsules. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dio-accordion-item\"\u003e\n \u003csummary class=\"dio-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"dio-accordion-content mt-3\"\u003e\n \u003cp\u003eConsultez votre médecin si vous suivez un traitement anticoagulant ou toute autre médication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dio-accordion-item\"\u003e\n \u003csummary class=\"dio-accordion-header\"\u003e🐟 Allergènes\u003c\/summary\u003e\n \u003cdiv class=\"dio-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques au poisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"dio-disclaimer\"\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e, une alimentation variée et équilibrée, ni un mode de vie sain. En cas de doute, n'hésitez jamais à solliciter l'avis de votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --dio-cream: #FAF7F2;\n --dio-white: #ffffff;\n --dio-primary: #6B8E23;\n --dio-primary-dark: #4A6A10;\n --dio-primary-light: #F0F5E4;\n --dio-secondary: #C4956A;\n --dio-accent: #A0522D;\n --dio-text: #1a1a1a;\n --dio-text-light: #5a5a5a;\n --dio-border: #e0e0e0;\n --dio-shadow: 0 4px 24px rgba(0,0,0,.08);\n --dio-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --dio-radius: 20px;\n --dio-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dio-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dio-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dio-hero {\n position: relative;\n background: linear-gradient(135deg, #4A6A10 0%, #6B8E23 40%, #C4956A 100%);\n border-radius: var(--dio-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(--dio-shadow-lg);\n}\n\n.dio-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,149,106,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.dio-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.dio-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.dio-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n letter-spacing: .08em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.dio-description {\n color: rgba(255,255,255,.92);\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.dio-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dio-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(--dio-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dio-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dio-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dio-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dio-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.dio-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(--dio-primary), var(--dio-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dio-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dio-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.dio-highlight-box {\n background: var(--dio-white);\n border-radius: var(--dio-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dio-shadow);\n border-left: 4px solid var(--dio-secondary);\n text-align: center;\n}\n\n.dio-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dio-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.dio-card {\n background: var(--dio-white);\n border-radius: var(--dio-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dio-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dio-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dio-shadow-lg);\n border-color: var(--dio-primary);\n}\n\n.dio-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dio-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dio-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dio-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION CARD (dosage highlight) === *\/\n.dio-card-compo .dio-dosage {\n font-size: clamp(22px, 4vw, 32px);\n font-weight: 900;\n color: var(--dio-primary);\n margin: .5rem 0;\n letter-spacing: -.02em;\n}\n\n\/* === GRILLES === *\/\n.dio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dio-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dio-grid-compact .dio-card {\n padding: 1rem;\n}\n\n.dio-grid-compact .dio-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dio-grid-compact .dio-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dio-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dio-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dio-primary), var(--dio-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.dio-timeline-content {\n flex: 1;\n background: var(--dio-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dio-radius-sm);\n box-shadow: var(--dio-shadow);\n}\n\n.dio-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dio-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dio-timeline-content p {\n font-size: 14px;\n color: var(--dio-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.dio-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dio-primary-light);\n border-radius: var(--dio-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dio-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dio-tip p {\n font-size: 14px;\n color: var(--dio-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.dio-testimonial {\n background: var(--dio-white);\n border-radius: var(--dio-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dio-shadow);\n border-left: 4px solid var(--dio-primary);\n}\n\n.dio-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dio-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.dio-accordion {\n background: var(--dio-white);\n border-radius: var(--dio-radius);\n box-shadow: var(--dio-shadow);\n overflow: hidden;\n}\n\n.dio-accordion-item {\n border-bottom: 1px solid var(--dio-border);\n margin: 0;\n padding: 0;\n}\n\n.dio-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dio-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dio-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.dio-accordion-header:hover {\n background: var(--dio-primary-light);\n}\n\n.dio-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dio-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dio-primary);\n transition: transform .2s ease;\n}\n\n.dio-accordion-item[open] .dio-accordion-header::after {\n content: '−';\n}\n\n.dio-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dio-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dio-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.dio-disclaimer {\n font-size: 12px;\n color: var(--dio-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 .dio-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dio-card {\n padding: 1.125rem;\n }\n\n .dio-section {\n margin-bottom: 1.75rem;\n }\n\n .dio-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dio-radius-sm);\n }\n\n .dio-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dio-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dio-grid-compact {\n gap: .625rem;\n }\n\n .dio-grid-compact .dio-card {\n padding: .75rem;\n }\n\n .dio-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dio-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dio-timeline-content h3 {\n font-size: 14px;\n }\n\n .dio-timeline-content p {\n font-size: 13px;\n }\n\n .dio-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dio-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .dio-highlight-box {\n padding: 1.25rem;\n }\n\n .dio-card-compo .dio-dosage {\n font-size: 24px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dio-card {\n animation: dioFadeInUp .5s ease backwards;\n }\n .dio-card:nth-child(1) { animation-delay: .05s; }\n .dio-card:nth-child(2) { animation-delay: .1s; }\n .dio-card:nth-child(3) { animation-delay: .15s; }\n .dio-card:nth-child(4) { animation-delay: .2s; }\n .dio-card:nth-child(5) { animation-delay: .25s; }\n .dio-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dioFadeInUp {\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 .dio-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55225188974969,"sku":"DI1001","price":21.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/omega-3-et-6-120-capsules-diomega_1.webp?v=1747821185"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/dioter.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}