{"title":"Elixirs Floraux \u0026 fleurs de bach","description":"\u003cp\u003eIrritabilité passagère, nuits agitées, stress qui s'accumule... Et si la réponse se trouvait dans l'énergie subtile des fleurs ? Depuis près d'un siècle, les élixirs floraux accompagnent celles et ceux qui cherchent à \u003cstrong\u003eretrouver un équilibre émotionnel, sans effets secondaires ni accoutumance\u003c\/strong\u003e. Que vous découvriez tout juste les fleurs de Bach ou que vous souhaitiez approfondir vos connaissances, cette page vous guide à travers leur histoire, leur fonctionnement et leur utilisation au quotidien.\u003c\/p\u003e\n\u003ch2\u003eQu'est-ce qu'un élixir floral et comment fonctionne-t-il ?\u003c\/h2\u003e\n\u003cp\u003ePour comprendre les fleurs de Bach, il faut remonter aux années 1930, en Angleterre. Le Dr Edward Bach, médecin homéopathe reconnu, fait alors un constat qui va bouleverser sa pratique : deux patients atteints de la même maladie ne guérissent pas de la même façon. Ce qui fait la différence ? Leur état émotionnel. Frustré par une médecine qui traite les symptômes sans considérer la personne dans sa globalité, il abandonne son cabinet londonien pour partir à la recherche de remèdes naturels capables d'agir sur les émotions.\u003c\/p\u003e\n\u003cp\u003eAprès des années d'observation et d'expérimentation, il identifie 38 fleurs sauvages correspondant chacune à un état émotionnel précis. Pas 37, pas 39 - exactement 38. Cette précision n'est pas anodine : Bach considérait avoir couvert l'ensemble du spectre émotionnel humain.\u003c\/p\u003e\n\u003cp\u003eLa fabrication des élixirs floraux suit un processus bien particulier. Les fleurs sont cueillies à leur apogée, généralement le matin, puis infusées dans de l'eau de source exposée au soleil pendant plusieurs heures - c'est ce qu'on appelle la méthode de \u003cstrong\u003esolarisation\u003c\/strong\u003e. Pour les fleurs d'arbres ou celles qui s'épanouissent quand le soleil est moins présent, on utilise plutôt l'ébullition. L'eau ainsi \"imprégnée\" est ensuite diluée dans du brandy bio qui sert de conservateur naturel.\u003c\/p\u003e\n\u003cp\u003eEt c'est là que les élixirs floraux se distinguent radicalement de la \u003ca rel=\"noopener\" title=\"phytothérapie\" href=\"\/collections\/phytotherapie\" target=\"_blank\"\u003ephytothérapie\u003c\/a\u003e classique. Quand une tisane ou une gélule de plante agit grâce à ses principes actifs biochimiques - flavonoïdes, alcaloïdes, huiles essentielles - les fleurs de Bach travaillent sur un autre plan. On parle d'empreinte vibratoire, d'information énergétique de la fleur transmise à l'eau. Chaque élixir agit sur \u003cstrong\u003eun état d'âme précis, pas sur un symptôme physique\u003c\/strong\u003e. C'est ce qu'on pourrait appeler le \"totum émotionnel\" de la fleur.\u003c\/p\u003e\n\u003cp\u003eApproche un peu ésotérique ? Peut-être. Mais qui a fait ses preuves auprès de millions d'utilisateurs depuis 90 ans.\u003c\/p\u003e\n\u003ch2\u003eÀ qui s'adressent les fleurs de Bach et pour quelles situations ?\u003c\/h2\u003e\n\u003cp\u003eConcrètement, qui utilise les élixirs floraux ? Les profils sont plus variés qu'on ne l'imagine. On retrouve bien sûr les personnes stressées au quotidien - et franchement, qui ne l'est pas un peu ? Mais aussi les parents débordés qui cherchent à retrouver leur patience, les étudiants en période d'examens, les personnes traversant un deuil ou une rupture, les femmes en période de ménopause confrontées à des montagnes russes émotionnelles...\u003c\/p\u003e\n\u003cp\u003eLes situations émotionnelles ciblées par les fleurs de Bach sont multiples :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePeurs irrationnelles ou anxiété diffuse\u003c\/li\u003e\n\u003cli\u003eManque de confiance en soi\u003c\/li\u003e\n\u003cli\u003eRuminations mentales et pensées en boucle\u003c\/li\u003e\n\u003cli\u003eImpatience et irritabilité\u003c\/li\u003e\n\u003cli\u003eDécouragement face aux obstacles\u003c\/li\u003e\n\u003cli\u003eHypersensibilité aux influences extérieures\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eSoyons clairs sur un point : les fleurs de Bach ne sont pas des médicaments. Elles ne se substituent pas à un suivi psychologique en cas de troubles sévères, et ne remplaceront jamais l'avis d'un professionnel de santé. L'erreur fréquente ? Attendre un effet immédiat, comme avec un anxiolytique. Or le travail des élixirs est \u003cstrong\u003eprogressif, subtil\u003c\/strong\u003e. On parle d'un rééquilibrage en douceur, pas d'un coup de massue chimique.\u003c\/p\u003e\n\u003ch2\u003eComment choisir le bon élixir floral parmi les 38 fleurs de Bach ?\u003c\/h2\u003e\n\u003cp\u003e38 fleurs, ça peut sembler intimidant au premier abord. Heureusement, le Dr Bach a organisé sa pharmacopée en 7 grandes familles émotionnelles qui facilitent grandement le choix :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa peur\u003c\/strong\u003e - des terreurs paniques aux inquiétudes vagues\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eL'incertitude\u003c\/strong\u003e - doutes, indécision, découragement\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe manque d'intérêt pour le présent\u003c\/strong\u003e - nostalgie, rêverie excessive, fatigue mentale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa solitude\u003c\/strong\u003e - isolement choisi ou subi\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eL'hypersensibilité aux influences\u003c\/strong\u003e - difficulté à s'affirmer, à dire non\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe découragement et le désespoir\u003c\/strong\u003e - culpabilité, épuisement, perte de foi\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe souci excessif du bien-être d'autrui\u003c\/strong\u003e - tendance à vouloir tout contrôler\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLa méthode de sélection est simple en théorie : partez de l'émotion dominante du moment, pas du symptôme physique. Vous avez du mal à dormir ? La question n'est pas \"quelle fleur pour le sommeil\" mais \"pourquoi je n'arrive pas à dormir\". Est-ce parce que vos pensées tournent en boucle ? Parce que vous avez peur de quelque chose ? Parce que vous êtes épuisé mais incapable de lâcher prise ?\u003c\/p\u003e\n\u003cp\u003ePrenons quelques exemples concrets avec les élixirs disponibles dans notre collection. L'\u003ca href=\"\/products\/fleur-de-bach-impatiente-bio-10-ml-dioter\"\u003eImpatiens bio de Dioter\u003c\/a\u003e s'adresse à ceux qui s'énervent facilement, qui voudraient que tout aille plus vite, qui finissent les phrases des autres. Le \u003ca href=\"\/products\/fleur-de-bach-marronnier-blanc-bio-10-ml-dioter\"\u003eMarronnier blanc (White Chestnut)\u003c\/a\u003e est l'allié de ceux dont le mental ne s'arrête jamais - ces pensées obsédantes qui tournent en boucle, surtout le soir. Quant à la \u003ca href=\"\/products\/fleur-de-bach-moutarde-bio-10-ml-dioter\"\u003eMoutarde (Mustard)\u003c\/a\u003e, elle accompagne ces moments de mélancolie qui s'abattent sans raison apparente, comme un nuage noir un jour de beau temps.\u003c\/p\u003e\n\u003cp\u003eBonne nouvelle : vous pouvez mélanger \u003cstrong\u003ejusqu'à 7 fleurs maximum\u003c\/strong\u003e dans un flacon personnalisé. D'ailleurs, le célèbre Rescue - le mélange d'urgence créé par Bach lui-même - combine 5 fleurs pour les situations de stress aigu : examen, mauvaise nouvelle, accident... C'est souvent par lui que les débutants commencent.\u003c\/p\u003e\n\u003ch2\u003ePrécautions d'emploi et limites des élixirs floraux\u003c\/h2\u003e\n\u003cp\u003eParlons franchement des points à connaître avant de se lancer. Les flacons stock contiennent environ 27% de brandy comme conservateur. Ce n'est pas anodin pour certains publics : femmes enceintes, enfants, personnes en sevrage alcoolique ou sous traitement incompatible avec l'alcool. L'astuce ? \u003cstrong\u003eDiluez vos gouttes dans un verre d'eau chaude\u003c\/strong\u003e - l'alcool s'évapore en grande partie.\u003c\/p\u003e\n\u003cp\u003eCôté interactions médicamenteuses, on peut vous rassurer : aucune n'a été répertoriée à ce jour. Les fleurs de Bach sont compatibles avec les traitements en cours, qu'il s'agisse d'homéopathie, de \u003ca href=\"\/collections\/aromatherapie\"\u003ehuiles essentielles en aromathérapie\u003c\/a\u003e ou de médicaments conventionnels.\u003c\/p\u003e\n\u003cp\u003eLes élixirs Dioter que nous proposons sont certifiés bio - un critère important qui garantit l'absence de pesticides sur les fleurs utilisées. La fabrication suit la méthode traditionnelle de solarisation, dans le respect du protocole établi par le Dr Bach.\u003c\/p\u003e\n\u003cp\u003ePour la conservation, gardez vos flacons \u003cstrong\u003eà l'abri de la lumière directe et éloignés des sources électromagnétiques\u003c\/strong\u003e (téléphone, ordinateur). Certains puristes vont jusqu'à les ranger dans une pochette en tissu naturel. Excessif ? Peut-être. Mais quand on travaille avec des énergies subtiles, autant mettre toutes les chances de son côté.\u003c\/p\u003e\n\u003cp\u003eUn dernier rappel important : en cas de troubles psychologiques sévères - dépression installée, anxiété généralisée, traumatismes - les fleurs de Bach peuvent accompagner, mais ne remplacent pas un suivi médical adapté.\u003c\/p\u003e\n\u003ch2\u003eTrouver l'équilibre émotionnel qui vous correspond\u003c\/h2\u003e\n\u003cp\u003e\"Traitez la personne, pas la maladie.\" Cette phrase du Dr Bach résume toute sa philosophie. Les élixirs floraux ne sont pas une solution miracle, mais une invitation à l'écoute de soi. Quelle émotion vous habite en ce moment ? Qu'est-ce qui vous empêche d'être pleinement vous-même ?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNotre conseil pour débuter : \u003c\/strong\u003echoisissez une seule fleur, celle qui résonne le plus avec votre état actuel. Observez pendant trois semaines. Les changements sont souvent subtils - un peu plus de patience ici, une pensée négative qui passe plus vite là. C'est dans cette finesse que les fleurs de Bach révèlent leur potentiel.\u003c\/p\u003e\n\u003cp\u003eSi vous souhaitez explorer d'autres approches naturelles complémentaires, n'hésitez pas à découvrir notre sélection complète en phytothérapie. La \u003ca href=\"\/collections\/gemmotherapie\"\u003egemmothérapie\u003c\/a\u003e (bourgeons) ou l'\u003ca href=\"\/collections\/apitherapie\"\u003eapithérapie\u003c\/a\u003e (produits de la ruche) peuvent également enrichir votre trousse de bien-être naturel.\u003c\/p\u003e\n\u003ch2\u003eQuestions fréquentes sur les fleurs de Bach\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes fleurs de Bach sont-elles vraiment efficaces ?\u003c\/summary\u003e\n\u003cp\u003eC'est LA question qui revient systématiquement, et on comprend pourquoi. Soyons honnêtes : les études cliniques selon les standards pharmaceutiques actuels ne sont pas concluantes. Mais 90 ans de retours d'expérience positifs, ça compte aussi. L'effet placebo fait-il partie de l'équation ? Probablement en partie. Mais l'approche holistique considère le bien-être ressenti comme un indicateur valide en soi. Si vous vous sentez mieux, apaisé, plus équilibré - n'est-ce pas ce qui compte ?\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on prendre des fleurs de Bach tous les jours ?\u003c\/summary\u003e\n\u003cp\u003eOui, c'est même recommandé pour un travail de fond. La posologie standard est simple : 4 gouttes, 4 fois par jour, directement sous la langue ou diluées dans un verre d'eau. Idéalement au réveil, en milieu de matinée, en milieu d'après-midi et au coucher. Comptez minimum 3 semaines pour observer des changements significatifs. Certaines personnes les utilisent pendant plusieurs mois, d'autres ponctuellement selon les périodes de vie.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle fleur de Bach pour le stress et l'anxiété ?\u003c\/summary\u003e\n\u003cp\u003eTout dépend de la nature de votre stress. Pour le stress aigu - examen, entretien, mauvaise nouvelle - le Rescue reste la référence. Pour l'irritabilité liée au stress, l'\u003ca href=\"\/products\/fleur-de-bach-impatiente-bio-10-ml-dioter\"\u003eImpatiens\u003c\/a\u003e fait des merveilles. Si ce sont les ruminations anxieuses qui vous épuisent, tournez-vous vers le \u003ca href=\"\/products\/fleur-de-bach-marronnier-blanc-bio-10-ml-dioter\"\u003eMarronnier blanc\u003c\/a\u003e. Et pour la tension nerveuse avec hyperactivité mentale, la \u003ca href=\"\/products\/fleur-de-bach-verveine-bio-10-ml-dioter\"\u003eVerveine (Vervain)\u003c\/a\u003e aide à relâcher la pression.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuels sont les effets secondaires des fleurs de Bach ?\u003c\/summary\u003e\n\u003cp\u003eAucun effet secondaire au sens pharmacologique du terme. Parfois, les premiers jours, on observe une légère accentuation temporaire de l'émotion travaillée - c'est généralement interprété comme un signe que l'élixir \"agit\" et que le processus est en route. Cette phase passe rapidement. La seule vraie précaution concerne la teneur en alcool (environ 27%) pour les femmes enceintes, les enfants et les personnes en sevrage.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes fleurs de Bach fonctionnent-elles pour le sommeil ?\u003c\/summary\u003e\n\u003cp\u003eElles peuvent aider, à condition que vos troubles du sommeil soient liés à des causes émotionnelles. Pensées envahissantes qui vous empêchent de trouver le sommeil ? Le Marronnier blanc est votre allié. Peurs nocturnes ou anxiété au moment du coucher ? Mimulus peut aider. Surmenage mental et incapacité à déconnecter ? La Verveine favorise le lâcher-prise. En revanche, pour une insomnie chronique d'origine pathologique, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eOù trouver des fleurs de Bach de qualité ?\u003c\/summary\u003e\n\u003cp\u003ePlusieurs critères distinguent un élixir de qualité : la certification bio (garantie d'absence de pesticides), la méthode de fabrication traditionnelle par solarisation, l'utilisation de fleurs sauvages ou cultivées dans le respect de l'environnement. Les élixirs Dioter que nous proposons cochent toutes ces cases, avec en plus une fabrication française. Chaque flacon contient l'essence d'une seule fleur, pour un travail ciblé et précis.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"product_id":"spray-sos-secours-nuit-paisible-bio-biofloral","title":"Spray de Fleurs de Bach - SOS Secours Nuit bio - 20 ml - Biofloral","description":"\u003cdiv class=\"sos-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"sos-hero\"\u003e\n\u003cdiv class=\"sos-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sos-hero-content\"\u003e\n\u003cdiv class=\"sos-badges-top\"\u003e\n\u003cspan class=\"sos-badge\"\u003e🌙 Nuit paisible\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🌸 6 Fleurs de Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sos-hero-title\"\u003eSpray SOS Nuit Paisible\u003cbr\u003eFleurs de Bach Bio\u003c\/span\u003e\n\u003cp class=\"sos-subtitle\"\u003eBiofloral • 20 ml • ~200 pulvérisations\u003c\/p\u003e\n\u003cp class=\"sos-description\"\u003eL'alliance de 6 élixirs floraux pour apaiser votre mental et retrouver un sommeil véritablement réparateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eRetrouvez des nuits sereines grâce aux Fleurs de Bach\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eVous connaissez ces nuits où l'esprit refuse de se calmer ? Ces pensées qui tournent en boucle, cette agitation intérieure qui vous empêche de trouver le sommeil ?\u003c\/p\u003e\n\u003cdiv class=\"sos-highlight-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eSpray SOS Nuit Paisible aux Fleurs de Bach Bio\u003c\/strong\u003e de Biofloral a été spécialement formulé pour vous accompagner vers un \u003cstrong\u003eendormissement apaisé\u003c\/strong\u003e et des nuits véritablement réparatrices.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem; margin-bottom: 0;\"\u003eCe complexe associe \u003cstrong\u003e6 élixirs floraux soigneusement sélectionnés\u003c\/strong\u003e, préparés selon la méthode originale du Dr Edward Bach. Chaque fleur apporte sa signature émotionnelle unique pour créer une synergie complète, agissant sur les différentes causes qui perturbent votre sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLes 6 Fleurs de Bach de ce complexe nuit et leurs rôles\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eComprendre l'action de chaque fleur vous permettra de mieux appréhender comment ce spray peut vous aider :\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌰 Marronnier blanc\u003c\/h3\u003e\n\u003cp\u003eLa fleur par excellence pour les \u003cem\u003epensées répétitives\u003c\/em\u003e et le mental qui tourne en boucle au moment du coucher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e⚡ Impatiente\u003c\/h3\u003e\n\u003cp\u003eApaise l'agitation, la tension nerveuse et l'irritabilité qui peuvent précéder le sommeil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e☀️ Hélianthème\u003c\/h3\u003e\n\u003cp\u003eAide à surmonter les \u003cem\u003epeurs nocturnes\u003c\/em\u003e, les cauchemars et les réveils en sursaut\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌸 Prunus\u003c\/h3\u003e\n\u003cp\u003eFavorise le lâcher-prise quand vous sentez que vous perdez le contrôle de vos émotions\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌿 Clématite\u003c\/h3\u003e\n\u003cp\u003eRamène à l'instant présent, facilite la transition vers le sommeil pour les esprits rêveurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e⭐ Étoile de Bethléem\u003c\/h3\u003e\n\u003cp\u003eApaise les chocs émotionnels et les traumatismes qui peuvent ressurgir la nuit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComment utiliser ce spray Fleurs de Bach pour le sommeil ?\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eLe format spray rend l'utilisation particulièrement simple et pratique :\u003c\/p\u003e\n\u003cdiv class=\"sos-timeline\"\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cdiv class=\"sos-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003ePrise quotidienne\u003c\/h3\u003e\n\u003cp\u003e2 pulvérisations sous la langue ou dans un verre d'eau, 4 fois par jour, pendant 1 à 4 semaines, dont une prise avant le coucher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cdiv class=\"sos-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eEn cas de réveil nocturne\u003c\/h3\u003e\n\u003cp\u003eGardez le spray sur votre table de nuit pour une utilisation immédiate si vous vous réveillez en pleine nuit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cdiv class=\"sos-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eEn cas de besoin\u003c\/h3\u003e\n\u003cp\u003eUne prise tous les quarts d'heure, sans dépasser la dose journalière recommandée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-tip\"\u003e\n\u003cspan class=\"sos-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour une efficacité optimale, prenez quelques instants pour respirer calmement après la prise. Les fleurs de Bach agissent sur le plan émotionnel ; un moment de calme favorise leur action.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComposition complète du Spray SOS Nuit Paisible Bio\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eBiofloral s'engage sur une formulation transparente et certifiée biologique :\u003c\/p\u003e\n\u003cdiv class=\"sos-composition-box\"\u003e\n\u003cdiv class=\"sos-composition-item\"\u003e\n\u003cspan class=\"sos-composition-label\"\u003e🌸 Préparation aux Fleurs de Bach*\u003c\/span\u003e \u003cspan class=\"sos-composition-value\"\u003eau 1\/240e selon la méthode originale du Dr Bach : Rock Rose (Hélianthème), Impatiens (Impatiente), Clematis (Clématite), Cherry Plum (Prunus), Star of Bethlehem (Étoile de Bethléem), White Chestnut (Marronnier blanc)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-composition-item\"\u003e\n\u003cspan class=\"sos-composition-label\"\u003e🍇 Cognac**\u003c\/span\u003e \u003cspan class=\"sos-composition-value\"\u003e27% vol. (support des élixirs et conservateur naturel)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"sos-composition-note\"\u003e*Ingrédients issus de l'agriculture biologique – **Issu de l'agriculture biodynamique\u003c\/p\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n\u003cp\u003e20 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e💨 Utilisations\u003c\/h3\u003e\n\u003cp\u003e~200 pulvérisations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePourquoi choisir les Fleurs de Bach Biofloral ?\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eBiofloral n'est pas un fabricant comme les autres. Installé au cœur de l'Auvergne depuis plus de 25 ans, ce laboratoire français perpétue les méthodes traditionnelles de préparation des élixirs floraux :\u003c\/p\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e✋ Cueillette manuelle\u003c\/h3\u003e\n\u003cp\u003eFleurs sauvages dans des zones préservées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e📜 Méthode originale\u003c\/h3\u003e\n\u003cp\u003ePréparation selon le Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌿 Certification bio\u003c\/h3\u003e\n\u003cp\u003eSans pesticides ni additifs de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eContrôle qualité rigoureux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complexe Rescue nuit en spray ?\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eCe spray de Fleurs de Bach pour le sommeil conviendra particulièrement si vous :\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🧠 Mental agité\u003c\/h3\u003e\n\u003cp\u003eVous avez du mal à calmer votre mental au moment du coucher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😰 Période de stress\u003c\/h3\u003e\n\u003cp\u003eVous vivez une période de stress ou de changement qui perturbe vos nuits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌙 Réveils fréquents\u003c\/h3\u003e\n\u003cp\u003eVous vous réveillez fréquemment et peinez à vous rendormir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌱 Recherche naturelle\u003c\/h3\u003e\n\u003cp\u003eVous recherchez une solution naturelle pour améliorer la qualité de votre sommeil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e✈️ Voyageurs\u003c\/h3\u003e\n\u003cp\u003eVous voyagez souvent et avez besoin d'un format pratique à emporter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eFleurs de Bach et sommeil : une approche émotionnelle\u003c\/h2\u003e\n\u003cdiv class=\"sos-testimonial\"\u003e\n\u003cp class=\"sos-testimonial-text\"\u003eContrairement aux somnifères qui agissent chimiquement sur le cerveau, les \u003cstrong\u003eFleurs de Bach pour le sommeil\u003c\/strong\u003e travaillent sur une autre dimension : celle de vos émotions. Le Dr Edward Bach, médecin britannique des années 1930, avait observé que de nombreux troubles du sommeil trouvaient leur origine dans des déséquilibres émotionnels non résolus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-highlight-box\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cp style=\"margin: 0;\"\u003eCette approche douce et naturelle \u003cstrong\u003ene crée ni dépendance ni accoutumance\u003c\/strong\u003e. Elle peut être utilisée seule ou en complément d'autres pratiques favorisant le sommeil : relaxation, méditation, rituels du coucher...\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n\u003cdiv class=\"sos-accordion\"\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003e• Ne pas dépasser la dose journalière recommandée\u003cbr\u003e• Tenir hors de portée des jeunes enfants\u003cbr\u003e• \u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes, allaitantes et aux personnes en situation d'éthylisme en raison de la présence d'alcool\u003cbr\u003e• À consommer dans le cadre d'une alimentation variée et équilibrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003e• Conserver à l'abri de la chaleur et de la lumière\u003cbr\u003e• Éviter la proximité d'appareils électromagnétiques (micro-ondes, téléphone portable)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eImportant :\u003c\/strong\u003e ce complément alimentaire ne remplace pas un traitement médical. Si vos troubles du sommeil persistent, consultez un professionnel de santé pour en identifier les causes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"sos-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eQuestions fréquentes sur ce spray Fleurs de Bach nuit\u003c\/h2\u003e\n\u003cdiv class=\"sos-accordion\"\u003e\n\u003cdetails class=\"sos-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003ePeut-on utiliser ce spray tous les soirs ?\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eOui, les Fleurs de Bach peuvent être utilisées quotidiennement sans risque d'accoutumance. Elles agissent en douceur et leur effet ne diminue pas avec le temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003eCombien de temps faut-il pour ressentir les effets ?\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eChaque personne réagit différemment. Certains ressentent un apaisement dès la première utilisation, d'autres après quelques jours d'utilisation régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003eCe spray convient-il aux enfants ?\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eEn raison de sa teneur en alcool (27%), ce spray est déconseillé aux enfants. Biofloral propose des alternatives sans alcool adaptées aux plus jeunes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-cta-box\"\u003e\n\u003cp\u003e🌙 Offrez-vous enfin des nuits paisibles avec la douceur des Fleurs de Bach Bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sos-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 --sos-cream: #FBF5F0;\n --sos-white: #ffffff;\n --sos-primary: #3D5A9E;\n --sos-primary-dark: #2A4178;\n --sos-primary-light: #E8EDF7;\n --sos-secondary: #F7E55B;\n --sos-accent: #5B4A8C;\n --sos-text: #1a1a1a;\n --sos-text-light: #5a5a5a;\n --sos-border: #e0e0e0;\n --sos-shadow: 0 4px 24px rgba(61, 90, 158, .08);\n --sos-shadow-lg: 0 12px 48px rgba(61, 90, 158, .15);\n --sos-radius: 20px;\n --sos-radius-sm: 12px;\n}\n\n.sos-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sos-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sos-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sos-accent) 0%, var(--sos-primary) 50%, var(--sos-primary-dark) 100%);\n border-radius: var(--sos-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(--sos-shadow-lg);\n}\n\n.sos-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(247, 229, 91, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(91, 74, 140, .1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.sos-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sos-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sos-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(--sos-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.sos-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sos-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.sos-subtitle {\n color: var(--sos-secondary);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n}\n\n.sos-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.sos-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sos-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sos-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.sos-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(--sos-secondary), var(--sos-primary));\n border-radius: 2px;\n}\n\n.sos-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sos-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sos-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sos-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sos-shadow-lg);\n border-color: var(--sos-primary);\n}\n\n.sos-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sos-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sos-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sos-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sos-grid-compact .sos-card {\n padding: 1rem;\n}\n\n.sos-grid-compact .sos-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sos-grid-compact .sos-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sos-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sos-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sos-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sos-primary), var(--sos-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.sos-timeline-content {\n flex: 1;\n background: var(--sos-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sos-radius-sm);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sos-timeline-content p {\n font-size: 14px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sos-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sos-primary-light);\n border-radius: var(--sos-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sos-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sos-tip p {\n font-size: 14px;\n color: var(--sos-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sos-highlight-box {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--sos-shadow);\n border-left: 4px solid var(--sos-secondary);\n}\n\n.sos-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--sos-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sos-composition-box {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--sos-shadow);\n margin-bottom: 1rem;\n}\n\n.sos-composition-item {\n display: flex;\n flex-direction: column;\n gap: .35rem;\n padding: .75rem 0;\n border-bottom: 1px solid var(--sos-border);\n}\n\n.sos-composition-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.sos-composition-item:first-child {\n padding-top: 0;\n}\n\n.sos-composition-label {\n font-weight: 700;\n color: var(--sos-primary-dark);\n font-size: 15px;\n}\n\n.sos-composition-value {\n color: var(--sos-text-light);\n font-size: 14px;\n line-height: 1.5;\n}\n\n.sos-composition-note {\n font-size: 13px;\n color: var(--sos-text-light);\n font-style: italic;\n text-align: center;\n margin-bottom: 1.25rem;\n}\n\n\/* === TESTIMONIAL === *\/\n.sos-testimonial {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sos-shadow);\n border-left: 4px solid var(--sos-primary);\n}\n\n.sos-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sos-accordion {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n box-shadow: var(--sos-shadow);\n overflow: hidden;\n}\n\n.sos-accordion-item {\n border-bottom: 1px solid var(--sos-border);\n margin: 0;\n padding: 0;\n}\n\n.sos-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sos-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sos-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.sos-accordion-header:hover {\n background: var(--sos-primary-light);\n}\n\n.sos-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sos-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sos-primary);\n transition: transform .2s ease;\n}\n\n.sos-accordion-item[open] .sos-accordion-header::after {\n content: '−';\n}\n\n.sos-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sos-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sos-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sos-cta-box {\n background: linear-gradient(135deg, var(--sos-primary) 0%, var(--sos-accent) 100%);\n border-radius: var(--sos-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 2rem;\n}\n\n.sos-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.sos-disclaimer {\n font-size: 12px;\n color: var(--sos-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 .sos-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sos-card {\n padding: 1.125rem;\n }\n \n .sos-section {\n margin-bottom: 1.75rem;\n }\n \n .sos-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sos-radius-sm);\n }\n \n .sos-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sos-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sos-grid-compact {\n gap: .625rem;\n }\n \n .sos-grid-compact .sos-card {\n padding: .75rem;\n }\n \n .sos-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sos-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sos-timeline-content h3 {\n font-size: 14px;\n }\n \n .sos-timeline-content p {\n font-size: 13px;\n }\n \n .sos-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sos-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sos-testimonial {\n padding: 1.25rem;\n }\n \n .sos-testimonial-text {\n font-size: 14px;\n }\n \n .sos-highlight-box {\n padding: 1.25rem;\n }\n \n .sos-tip {\n flex-direction: column;\n gap: .5rem;\n text-align: center;\n }\n \n .sos-badges-top {\n gap: 6px;\n }\n \n .sos-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sos-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sos-card:nth-child(1) { animation-delay: .05s; }\n .sos-card:nth-child(2) { animation-delay: .1s; }\n .sos-card:nth-child(3) { animation-delay: .15s; }\n .sos-card:nth-child(4) { animation-delay: .2s; }\n .sos-card:nth-child(5) { animation-delay: .25s; }\n .sos-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 .sos-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOFLORAL","offers":[{"title":"Default Title","offer_id":45755250245789,"sku":"BI0090","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-de-fleurs-de-bach-sos-secours-nuit-bio-20-ml-biofloral-packshothd.webp?v=1790854983"},{"product_id":"complexe-secours-spray-bio-20-ml-biofloral","title":"Spray Bio aux Fleurs de Bach - SOS Jour Serein - 20 ml - Biofloral","description":"\u003cdiv class=\"sos-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"sos-hero\"\u003e\n\u003cdiv class=\"sos-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sos-hero-content\"\u003e\n\u003cdiv class=\"sos-badges-top\"\u003e\n\u003cspan class=\"sos-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🌸 5 Fleurs de Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sos-hero-title\"\u003eSpray SOS Jour Serein\u003c\/span\u003e\n\u003cp class=\"sos-subtitle\"\u003eFleurs de Bach authentiques • 20 ml\u003c\/p\u003e\n\u003cp class=\"sos-description\"\u003eVotre allié naturel pour retrouver calme et sérénité en quelques secondes. Format spray pratique pour vous accompagner partout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePourquoi choisir les fleurs de Bach pour gérer le stress ?\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eDéveloppées dans les années 1930 par le Dr Edward Bach, les fleurs de Bach agissent en douceur sur nos états émotionnels pour rétablir l'harmonie corps-esprit.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🔄 Transformation positive\u003c\/h3\u003e\n\u003cp\u003eChaque fleur possède une vibration énergétique qui transforme une émotion négative en son potentiel positif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Pour toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient à tous les membres de la famille et s'intègre facilement dans votre quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🎯 Action ciblée\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les moments ponctuels de tension ou les périodes exigeantes : examens, ménopause, changements professionnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLes 5 fleurs de Bach du complexe SOS Jour Serein\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eCinq essences florales soigneusement sélectionnées pour leur synergie apaisante exceptionnelle.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e☀️ Hélianthème\u003c\/h3\u003e\n\u003cp class=\"sos-latin\"\u003eHelianthemum nummularium\u003c\/p\u003e\n\u003cp\u003eAide à surmonter les moments de panique. Apporte courage et présence d'esprit face aux situations d'urgence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e⚡ Impatiente\u003c\/h3\u003e\n\u003cp class=\"sos-latin\"\u003eImpatiens glandulifera\u003c\/p\u003e\n\u003cp\u003eIdéale contre l'irritabilité et l'agitation. Favorise la patience et la détente intérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e🌿 Clématite\u003c\/h3\u003e\n\u003cp class=\"sos-latin\"\u003eClematis vitalba\u003c\/p\u003e\n\u003cp\u003ePour ceux qui « s'évadent » mentalement. Ramène à l'instant présent avec douceur et clarté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e🌸 Prunier myrobolan\u003c\/h3\u003e\n\u003cp class=\"sos-latin\"\u003ePrunus cerasifera\u003c\/p\u003e\n\u003cp\u003eSoutient quand on a peur de perdre le contrôle. Apporte calme et maîtrise émotionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e⭐ Étoile de Bethléem\u003c\/h3\u003e\n\u003cp class=\"sos-latin\"\u003eOrnithogalum umbellatum\u003c\/p\u003e\n\u003cp\u003eRéconforte après un choc ou traumatisme. Aide à apaiser les blessures intérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"sos-composition-box\"\u003e\n\u003cdiv class=\"sos-composition-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Cognac bio*, eau de source, extraits aqueux de fleurs de Bach bio* (1\/240e) : Hélianthème, Impatiente, Clématite, Prunier myrobolan, Étoile de Bethléem.\u003c\/p\u003e\n\u003cp class=\"sos-bio-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n\u003cp\u003e20 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🍷 Alcool\u003c\/h3\u003e\n\u003cp\u003e~27% vol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComment utiliser le spray SOS Jour Serein ?\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eL'avantage du format spray : simplicité d'utilisation et action rapide.\u003c\/p\u003e\n\u003cdiv class=\"sos-timeline\"\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cdiv class=\"sos-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eUsage ponctuel\u003c\/h3\u003e\n\u003cp\u003eVaporisez 2 à 3 fois directement dans la bouche dès que vous ressentez le besoin de vous apaiser\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cdiv class=\"sos-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eStress intense\u003c\/h3\u003e\n\u003cp\u003eRenouvelez jusqu'à 6 fois par jour lors des pics émotionnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cdiv class=\"sos-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eUsage régulier\u003c\/h3\u003e\n\u003cp\u003ePour un accompagnement au quotidien, limitez-vous à 4 prises par jour\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-tip\"\u003e\n\u003cspan class=\"sos-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eFormat compact de 20 ml qui se glisse facilement dans un sac, une poche ou une trousse pour vous accompagner partout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eFleurs de Bach et ménopause : un soutien naturel\u003c\/h2\u003e\n\u003cdiv class=\"sos-testimonial\"\u003e\n\u003cp class=\"sos-testimonial-text\"\u003eLa ménopause s'accompagne souvent de bouleversements émotionnels : irritabilité, anxiété, sautes d'humeur, difficultés à gérer le stress... Les fleurs de Bach représentent une approche complémentaire appréciée par de nombreuses femmes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🔥 Bouffées de chaleur\u003c\/h3\u003e\n\u003cp\u003eApaise l'anxiété associée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😌 Transition sereine\u003c\/h3\u003e\n\u003cp\u003eÉquilibre émotionnel naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLa qualité Biofloral : un savoir-faire français\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eDepuis plus de 30 ans, Biofloral perpétue les méthodes traditionnelles du Dr Bach au cœur des montagnes du Forez, en Auvergne.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌾 Cueillette sauvage\u003c\/h3\u003e\n\u003cp\u003eDans des zones préservées de toute pollution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🏺 Préparation artisanale\u003c\/h3\u003e\n\u003cp\u003eMéthodes de solarisation et d'ébullition traditionnelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e✅ Certification bio\u003c\/h3\u003e\n\u003cp\u003eAbsence de pesticides et produits chimiques garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌍 Engagement environnemental\u003c\/h3\u003e\n\u003cp\u003eProfond respect de la biodiversité locale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sos-accordion\"\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e⚠️ Dosage recommandé\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce produit ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eDéconseillé aux personnes souffrant d'éthylisme, aux femmes enceintes et allaitantes en raison de la présence d'alcool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🧒 Sécurité enfants\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eTenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eConserver à l'abri de la chaleur, de la lumière et éloigné des appareils électroniques (micro-ondes, téléphones portables).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sos-disclaimer\"\u003eCe produit ne remplace pas un avis médical. En cas de troubles persistants, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"sos-section\"\u003e\n\u003ch2\u003eLes atouts du Spray SOS Jour Serein en résumé\u003c\/h2\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e⚡ Action rapide\u003c\/h3\u003e\n\u003cp\u003eFormat spray sublingual\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌸 5 fleurs synergiques\u003c\/h3\u003e\n\u003cp\u003eApaisement global\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n\u003cp\u003e100% naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eArtisanal \u0026amp; traditionnel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e✈️ Format nomade\u003c\/h3\u003e\n\u003cp\u003e20 ml à emporter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eUtilisation partagée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"sos-cta-box\"\u003e\n\u003cp\u003e🌸 Retrouvez votre sérénité en un instant avec le Spray SOS Jour Serein - votre compagnon naturel pour affronter chaque journée avec calme et confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sos-cream: #FDF8F3;\n --sos-white: #ffffff;\n --sos-primary: #8B5A2B;\n --sos-primary-dark: #5D3A1A;\n --sos-primary-light: #F5EDE6;\n --sos-secondary: #F5D547;\n --sos-accent: #E8A02E;\n --sos-text: #1a1a1a;\n --sos-text-light: #5a5a5a;\n --sos-border: #e8e0d8;\n --sos-shadow: 0 4px 24px rgba(139,90,43,.08);\n --sos-shadow-lg: 0 12px 48px rgba(139,90,43,.15);\n --sos-radius: 20px;\n --sos-radius-sm: 12px;\n}\n\n.sos-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sos-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sos-hero {\n position: relative;\n background: linear-gradient(135deg, #8B5A2B 0%, #A67C52 40%, #C9A66B 100%);\n border-radius: var(--sos-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(--sos-shadow-lg);\n}\n\n.sos-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c2 8 8 14 16 16-8 2-14 8-16 16-2-8-8-14-16-16 8-2 14-8 16-16z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.sos-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sos-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sos-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(--sos-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sos-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sos-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.sos-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.sos-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sos-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sos-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sos-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.sos-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(--sos-secondary), var(--sos-accent));\n border-radius: 2px;\n}\n\n.sos-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.sos-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sos-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sos-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sos-shadow-lg);\n border-color: var(--sos-secondary);\n}\n\n.sos-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sos-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sos-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sos-card-flower .sos-latin {\n font-style: italic;\n font-size: 12px;\n color: var(--sos-accent);\n margin-bottom: .5rem;\n}\n\n\/* === GRILLES === *\/\n.sos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sos-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sos-grid-compact .sos-card {\n padding: 1rem;\n}\n\n.sos-grid-compact .sos-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sos-grid-compact .sos-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sos-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sos-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sos-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sos-secondary), var(--sos-accent));\n color: var(--sos-primary-dark);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(245,213,71,.3);\n}\n\n.sos-timeline-content {\n flex: 1;\n background: var(--sos-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sos-radius-sm);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sos-timeline-content p {\n font-size: 14px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sos-testimonial {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sos-shadow);\n border-left: 4px solid var(--sos-secondary);\n}\n\n.sos-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sos-composition-box {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-composition-content {\n margin-bottom: 1.25rem;\n}\n\n.sos-composition-content p {\n font-size: 15px;\n color: var(--sos-text);\n line-height: 1.7;\n margin: 0 0 .5rem 0;\n}\n\n.sos-bio-note {\n font-size: 13px !important;\n color: var(--sos-accent) !important;\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.sos-accordion {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n box-shadow: var(--sos-shadow);\n overflow: hidden;\n}\n\n.sos-accordion-item {\n border-bottom: 1px solid var(--sos-border);\n margin: 0;\n padding: 0;\n}\n\n.sos-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sos-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sos-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.sos-accordion-header:hover {\n background: var(--sos-primary-light);\n}\n\n.sos-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sos-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sos-accent);\n transition: transform .2s ease;\n}\n\n.sos-accordion-item[open] .sos-accordion-header::after {\n content: '−';\n}\n\n.sos-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sos-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sos-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sos-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, rgba(245,213,71,.15), rgba(232,160,46,.1));\n border-radius: var(--sos-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid rgba(245,213,71,.3);\n}\n\n.sos-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sos-tip p {\n font-size: 14px;\n color: var(--sos-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sos-cta-box {\n background: linear-gradient(135deg, var(--sos-primary) 0%, var(--sos-primary-dark) 100%);\n border-radius: var(--sos-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sos-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%3Cpath d='M20 5c1.5 6 6 10.5 12 12-6 1.5-10.5 6-12 12-1.5-6-6-10.5-12-12 6-1.5 10.5-6 12-12z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.sos-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sos-disclaimer {\n font-size: 12px;\n color: var(--sos-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 .sos-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sos-card {\n padding: 1.125rem;\n }\n \n .sos-section {\n margin-bottom: 1.75rem;\n }\n \n .sos-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sos-radius-sm);\n }\n \n .sos-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sos-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sos-grid-compact {\n gap: .625rem;\n }\n \n .sos-grid-compact .sos-card {\n padding: .75rem;\n }\n \n .sos-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sos-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sos-timeline-content h3 {\n font-size: 14px;\n }\n \n .sos-timeline-content p {\n font-size: 13px;\n }\n \n .sos-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sos-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sos-testimonial {\n padding: 1.25rem;\n }\n \n .sos-testimonial-text {\n font-size: 14px;\n }\n \n .sos-composition-box {\n padding: 1.25rem;\n }\n \n .sos-tip {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sos-card {\n animation: sosCardFadeIn .5s ease backwards;\n }\n .sos-card:nth-child(1) { animation-delay: .05s; }\n .sos-card:nth-child(2) { animation-delay: .1s; }\n .sos-card:nth-child(3) { animation-delay: .15s; }\n .sos-card:nth-child(4) { animation-delay: .2s; }\n .sos-card:nth-child(5) { animation-delay: .25s; }\n .sos-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sosCardFadeIn {\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 .sos-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOFLORAL","offers":[{"title":"Default Title","offer_id":45755250671773,"sku":"BI0070","price":13.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-bio-aux-fleurs-de-bach-sos-jour-serein-20-ml-biofloral-packshothd.webp?v=1791477835"},{"product_id":"pastilles-de-secours-sos-nuit-paisible-fleurs-de-bach-50-g-biofloral","title":"Pastilles Fleurs de Bach Sommeil - SOS Nuit Paisible bio - 50 g - Biofloral","description":"\u003cdiv class=\"sos-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sos-hero\"\u003e\n\u003cdiv class=\"sos-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sos-hero-content\"\u003e\n\u003cdiv class=\"sos-badges-top\"\u003e\n\u003cspan class=\"sos-badge\"\u003e🌙 Nuit paisible\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🍊 Goût orange\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sos-hero-title\"\u003ePastilles SOS Nuit Paisible\u003c\/span\u003e\n\u003cp class=\"sos-subtitle\"\u003eFleurs de Bach authentiques par Biofloral\u003c\/p\u003e\n\u003cp class=\"sos-description\"\u003e8 fleurs de Bach synergiques pour un endormissement apaisé et un sommeil réparateur. Format familial 50g - environ 100 pastilles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePastilles SOS Nuit Paisible Biofloral : retrouvez enfin des nuits sereines grâce aux Fleurs de Bach\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eVous connaissez ces soirées où les pensées tournent en boucle, où le stress de la journée refuse de vous quitter ? Ces pastilles bio au délicieux goût d'orange deviennent votre rituel bien-être du soir.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😴 Endormissement apaisé\u003c\/h3\u003e\n\u003cp\u003eFacilite le lâcher-prise mental pour s'endormir sereinement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌟 Sommeil réparateur\u003c\/h3\u003e\n\u003cp\u003eFavorise des nuits complètes et régénératrices\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌸 Synergie florale\u003c\/h3\u003e\n\u003cp\u003e8 fleurs de Bach sélectionnées pour leur action apaisante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e👨👩👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eSans alcool, convient aux enfants dès 3 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePourquoi les fleurs de Bach favorisent-elles un meilleur sommeil ?\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eLes fleurs de Bach et sommeil forment une alliance reconnue depuis près d'un siècle. Le Dr Edward Bach a développé ces élixirs floraux dans les années 1930 pour harmoniser les états émotionnels qui perturbent notre équilibre intérieur.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🔄 Pensées envahissantes\u003c\/h3\u003e\n\u003cp\u003eCelles qui tournent en boucle au moment du coucher et empêchent le lâcher-prise\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😓 Stress accumulé\u003c\/h3\u003e\n\u003cp\u003eLes tensions de la journée qui restent ancrées dans le corps et l'esprit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😰 Anxiété anticipatoire\u003c\/h3\u003e\n\u003cp\u003eL'inquiétude concernant le lendemain qui maintient l'esprit en alerte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e⚡ Surexcitation mentale\u003c\/h3\u003e\n\u003cp\u003eCette agitation intérieure difficile à calmer malgré la fatigue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌃 Réveils nocturnes\u003c\/h3\u003e\n\u003cp\u003eLes interruptions de sommeil avec difficulté à se rendormir paisiblement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌿 Action douce\u003c\/h3\u003e\n\u003cp\u003eLes fleurs de Bach agissent sur ces aspects émotionnels sans accoutumance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLa formule exclusive SOS Nuit Paisible : 8 fleurs de Bach synergiques\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eBiofloral a élaboré cette formule en combinant les 5 fleurs du célèbre complexe Rescue avec 3 fleurs spécifiquement choisies pour leurs propriétés apaisantes sur le mental agité.\u003c\/p\u003e\n\u003cdiv class=\"sos-flowers-grid\"\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e🌻\u003c\/span\u003e\n\u003ch3\u003eHélianthème\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eRock Rose\u003c\/p\u003e\n\u003cp\u003eDissipe les peurs et les terreurs nocturnes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e💨\u003c\/span\u003e\n\u003ch3\u003eImpatiente\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eImpatiens\u003c\/p\u003e\n\u003cp\u003eCalme l'agitation et la tension intérieure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e🌸\u003c\/span\u003e\n\u003ch3\u003ePrunus\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eCherry Plum\u003c\/p\u003e\n\u003cp\u003eApaise le mental qui s'emballe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e☁️\u003c\/span\u003e\n\u003ch3\u003eClématite\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eClematis\u003c\/p\u003e\n\u003cp\u003eAncre dans le présent, facilite le lâcher-prise\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e⭐\u003c\/span\u003e\n\u003ch3\u003eDame d'onze heures\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eStar of Bethlehem\u003c\/p\u003e\n\u003cp\u003eRéconforte et libère des chocs émotionnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e🌰\u003c\/span\u003e\n\u003ch3\u003eMarronnier blanc\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eWhite Chestnut\u003c\/p\u003e\n\u003cp\u003eStoppe les pensées répétitives qui empêchent l'endormissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e🌱\u003c\/span\u003e\n\u003ch3\u003eBourgeon de marronnier\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eChestnut Bud\u003c\/p\u003e\n\u003cp\u003eAide à tirer les leçons de la journée pour s'en libérer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3\u003eVerveine\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eVervain\u003c\/p\u003e\n\u003cp\u003eRelâche la tension excessive et le surmenage mental\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComposition complète des pastilles\u003c\/h2\u003e\n\u003cdiv class=\"sos-composition-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Sucre de canne*, sirop de glucose (blé)*, gomme arabique*, arôme naturel d'orange, agents d'enrobage : cire de carnauba*, cire d'abeille*, fleurs de Bach* (Hélianthème, Impatiente, Prunus, Clématite, Dame d'onze heures, Marronnier blanc, Bourgeon de marronnier, Verveine).\u003c\/p\u003e\n\u003cp class=\"sos-bio-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n\u003cp\u003eConvient à toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🍊 Goût naturel\u003c\/h3\u003e\n\u003cp\u003eArôme orange agréable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e📦 Format 50g\u003c\/h3\u003e\n\u003cp\u003eEnviron 100 pastilles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComment utiliser les pastilles SOS Nuit Paisible ?\u003c\/h2\u003e\n\u003cdiv class=\"sos-timeline\"\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003e🌙 Rituel du soir\u003c\/h3\u003e\n\u003cp\u003eLaissez fondre \u003cstrong\u003e2 pastilles sous la langue\u003c\/strong\u003e environ 30 minutes avant le coucher. Prenez ce moment pour vous, dans le calme, comme un signal envoyé à votre corps qu'il est temps de ralentir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003e🌃 En cas de réveil nocturne\u003c\/h3\u003e\n\u003cp\u003eGardez la boîte sur votre table de nuit. Laissez fondre 1 à 2 pastilles pour retrouver rapidement le calme intérieur nécessaire au rendormissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003e😰 Périodes stressantes\u003c\/h3\u003e\n\u003cp\u003eVous pouvez prendre 2 pastilles supplémentaires dans la soirée, dès que vous sentez l'agitation monter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003e👶 Pour les enfants (dès 3 ans)\u003c\/h3\u003e\n\u003cp\u003e1 pastille suffit généralement. Les fleurs de Bach constituent une alternative douce aux solutions médicamenteuses, mais demandez toujours l'avis de votre pédiatre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eÀ qui s'adressent ces pastilles Rescue fleurs de Bach ?\u003c\/h2\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e💼 Professionnels débordés\u003c\/h3\u003e\n\u003cp\u003eVous avez du mal à \"débrancher\" le soir après une journée chargée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😓 Endormissement difficile\u003c\/h3\u003e\n\u003cp\u003eVous souffrez de difficultés d'endormissement liées au stress\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌙 Réveils nocturnes\u003c\/h3\u003e\n\u003cp\u003eVous vous réveillez en pleine nuit avec des pensées anxieuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌿 Amateurs de naturel\u003c\/h3\u003e\n\u003cp\u003eVous cherchez une alternative naturelle et sans dépendance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e✈️ Voyageurs fréquents\u003c\/h3\u003e\n\u003cp\u003eVous voyagez souvent et avez besoin d'un format pratique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e👨👩👧 Parents attentionnés\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez accompagner vos enfants vers un sommeil plus serein\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eL'engagement qualité Biofloral\u003c\/h2\u003e\n\u003cdiv class=\"sos-testimonial\"\u003e\n\u003cp class=\"sos-testimonial-text\"\u003e\"Depuis plus de 25 ans, Biofloral élabore ses élixirs floraux au cœur des montagnes d'Auvergne, dans un environnement préservé. Chaque étape de fabrication respecte la méthode originelle du Dr Bach.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌸 Cueillette manuelle\u003c\/h3\u003e\n\u003cp\u003eAu moment optimal de floraison\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e☀️ Méthode traditionnelle\u003c\/h3\u003e\n\u003cp\u003eSolarisation ou ébullition selon les préconisations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication en Auvergne, certifiée bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e✅ Contrôles rigoureux\u003c\/h3\u003e\n\u003cp\u003eQualité vérifiée à chaque étape\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eConseils complémentaires pour optimiser votre sommeil\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eLes pastilles SOS Nuit Paisible gagnent en efficacité lorsqu'elles s'inscrivent dans une hygiène de sommeil globale.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e⏰ Horaires réguliers\u003c\/h3\u003e\n\u003cp\u003eÉtablissez un horaire régulier de coucher et de lever pour synchroniser votre horloge biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e📱 Pas d'écrans\u003c\/h3\u003e\n\u003cp\u003eÉvitez les écrans au moins 1 heure avant le coucher pour préserver votre mélatonine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌡️ Atmosphère propice\u003c\/h3\u003e\n\u003cp\u003eTempérature fraîche (18°C), obscurité et calme pour un sommeil optimal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e☕ Limitez la caféine\u003c\/h3\u003e\n\u003cp\u003eÉvitez le café, thé et sodas après 14h pour ne pas perturber l'endormissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🧘 Respirations profondes\u003c\/h3\u003e\n\u003cp\u003ePratiquez quelques respirations calmes en laissant fondre votre pastille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌙 Rituel apaisant\u003c\/h3\u003e\n\u003cp\u003eCréez un rituel du soir qui signale à votre corps qu'il est temps de dormir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sos-accordion\"\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e⚕️ Usage complémentaire\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eCe produit ne remplace pas un traitement médical prescrit. En cas de troubles du sommeil persistants, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🍬 Contenu en sucre\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eContient du sucre : à prendre en compte pour les personnes diabétiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🌾 Présence de gluten\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eContient du gluten (sirop de glucose de blé). Déconseillé aux personnes intolérantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eDéconseillé aux enfants de moins de 3 ans. Pour les plus grands, demandez l'avis de votre pédiatre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité pour préserver toutes les propriétés des 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 class=\"sos-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"sos-cta-box\"\u003e\n\u003cp\u003e🌙 Offrez-vous enfin des nuits paisibles avec les \u003cstrong\u003ePastilles SOS Nuit Paisible Biofloral\u003c\/strong\u003e. Ce format familial de 50g vous accompagnera pendant plusieurs semaines, à la maison comme en déplacement. Parce qu'un sommeil de qualité est la base d'une journée réussie, faites confiance à la sagesse des \u003cstrong\u003efleurs de Bach\u003c\/strong\u003e pour retrouver naturellement votre sérénité nocturne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sos-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 --sos-cream: #FFFEF5;\n --sos-white: #ffffff;\n --sos-primary: #F7D716;\n --sos-primary-dark: #5B3A29;\n --sos-primary-light: #FFF9D6;\n --sos-secondary: #2E5B8A;\n --sos-accent: #E8A030;\n --sos-text: #1a1a1a;\n --sos-text-light: #5a5a5a;\n --sos-border: #e0e0e0;\n --sos-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sos-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sos-radius: 20px;\n --sos-radius-sm: 12px;\n}\n\n.sos-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sos-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sos-hero {\n position: relative;\n background: linear-gradient(135deg, #1a2a4a 0%, #2E5B8A 40%, #3a6d9e 100%);\n border-radius: var(--sos-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(--sos-shadow-lg);\n}\n\n.sos-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(247,215,22,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(232,160,48,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.sos-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sos-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sos-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(--sos-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sos-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sos-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,.3);\n}\n\n.sos-subtitle {\n color: var(--sos-primary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.sos-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.sos-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sos-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sos-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.sos-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(--sos-primary), var(--sos-accent));\n border-radius: 2px;\n}\n\n.sos-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.sos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sos-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.sos-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sos-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sos-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sos-shadow-lg);\n border-color: var(--sos-primary);\n}\n\n.sos-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sos-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sos-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sos-grid-compact .sos-card {\n padding: 1rem;\n}\n\n.sos-grid-compact .sos-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sos-grid-compact .sos-card p {\n font-size: 12px;\n}\n\n\/* === FLOWERS GRID (8 fleurs) === *\/\n.sos-flowers-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.sos-flower-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: 1.25rem;\n box-shadow: var(--sos-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sos-flower-card:hover {\n transform: translateY(-4px);\n border-color: var(--sos-secondary);\n box-shadow: var(--sos-shadow-lg);\n}\n\n.sos-flower-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.sos-flower-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sos-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sos-flower-latin {\n font-size: 12px;\n color: var(--sos-secondary);\n font-style: italic;\n margin: 0 0 .5rem 0;\n}\n\n.sos-flower-card p:last-child {\n font-size: 13px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sos-composition-box {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: 1.5rem;\n box-shadow: var(--sos-shadow);\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--sos-primary);\n}\n\n.sos-composition-box p {\n font-size: 14px;\n color: var(--sos-text);\n line-height: 1.7;\n margin: 0 0 .5rem 0;\n}\n\n.sos-bio-note {\n color: var(--sos-secondary);\n font-size: 13px !important;\n}\n\n\/* === TIMELINE === *\/\n.sos-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sos-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sos-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sos-secondary), #1a4a6a);\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(46,91,138,.3);\n}\n\n.sos-timeline-content {\n flex: 1;\n background: var(--sos-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sos-radius-sm);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sos-timeline-content p {\n font-size: 14px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sos-testimonial {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sos-shadow);\n border-left: 4px solid var(--sos-secondary);\n margin-bottom: 1.5rem;\n}\n\n.sos-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sos-accordion {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n box-shadow: var(--sos-shadow);\n overflow: hidden;\n}\n\n.sos-accordion-item {\n border-bottom: 1px solid var(--sos-border);\n margin: 0;\n padding: 0;\n}\n\n.sos-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sos-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sos-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.sos-accordion-header:hover {\n background: var(--sos-primary-light);\n}\n\n.sos-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sos-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sos-secondary);\n transition: transform .2s ease;\n}\n\n.sos-accordion-item[open] .sos-accordion-header::after {\n content: '−';\n}\n\n.sos-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sos-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sos-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.sos-cta-box {\n background: linear-gradient(135deg, #1a2a4a 0%, var(--sos-secondary) 100%);\n border-radius: var(--sos-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sos-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(247,215,22,.15) 0%, transparent 50%);\n}\n\n.sos-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sos-disclaimer {\n font-size: 12px;\n color: var(--sos-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 .sos-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sos-flowers-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .sos-flower-card {\n padding: 1rem;\n }\n \n .sos-flower-icon {\n font-size: 28px;\n }\n \n .sos-flower-card h3 {\n font-size: 14px;\n }\n \n .sos-flower-latin {\n font-size: 11px;\n }\n \n .sos-flower-card p:last-child {\n font-size: 12px;\n }\n \n .sos-card {\n padding: 1.125rem;\n }\n \n .sos-section {\n margin-bottom: 1.75rem;\n }\n \n .sos-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sos-radius-sm);\n }\n \n .sos-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sos-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sos-grid-compact {\n gap: .625rem;\n }\n \n .sos-grid-compact .sos-card {\n padding: .75rem;\n }\n \n .sos-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sos-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sos-timeline-content h3 {\n font-size: 14px;\n }\n \n .sos-timeline-content p {\n font-size: 13px;\n }\n \n .sos-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sos-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sos-testimonial {\n padding: 1.25rem;\n }\n \n .sos-testimonial-text {\n font-size: 14px;\n }\n \n .sos-composition-box {\n padding: 1.125rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sos-card,\n .sos-flower-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sos-card:nth-child(1), .sos-flower-card:nth-child(1) { animation-delay: .05s; }\n .sos-card:nth-child(2), .sos-flower-card:nth-child(2) { animation-delay: .1s; }\n .sos-card:nth-child(3), .sos-flower-card:nth-child(3) { animation-delay: .15s; }\n .sos-card:nth-child(4), .sos-flower-card:nth-child(4) { animation-delay: .2s; }\n .sos-card:nth-child(5), .sos-flower-card:nth-child(5) { animation-delay: .25s; }\n .sos-card:nth-child(6), .sos-flower-card:nth-child(6) { animation-delay: .3s; }\n .sos-flower-card:nth-child(7) { animation-delay: .35s; }\n .sos-flower-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sos-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOFLORAL","offers":[{"title":"Default Title","offer_id":45755292942493,"sku":"BI0085","price":13.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Pastilles-de-secours-nuit-paisible-fleurs-de-bach-1-475946.png?v=1732721401"},{"product_id":"pastilles-de-secours-sos-jour-serein-fleurs-de-bach-50-g-biofloral","title":"Pastilles aux Fleurs de Bach - SOS Jour Serein - 50g - Biofloral","description":"\u003cdiv class=\"sos-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sos-hero\"\u003e\n\u003cdiv class=\"sos-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sos-hero-content\"\u003e\n\u003cdiv class=\"sos-badges-top\"\u003e\n\u003cspan class=\"sos-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🍋 Goût citron\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sos-hero-title\"\u003ePastilles SOS Jour Serein\u003c\/span\u003e\n\u003cp class=\"sos-subtitle\"\u003eFleurs de Bach authentiques\u003c\/p\u003e\n\u003cp class=\"sos-description\"\u003eRetrouvez votre calme intérieur avec ces pastilles bio aux 5 quintessences florales. Une pause apaisante à glisser dans votre poche pour les journées intenses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePourquoi choisir les Pastilles SOS Jour Serein ?\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eLes fleurs de Bach sont reconnues depuis près d'un siècle pour leur capacité à accompagner l'équilibre émotionnel. Le Dr Edward Bach a mis au point ces élixirs floraux dans les années 1930 pour harmoniser les états émotionnels du quotidien.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😌 Sérénité retrouvée\u003c\/h3\u003e\n\u003cp\u003eRetrouvez votre calme lors de situations stressantes grâce à la synergie des 5 fleurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌸 Apaisement naturel\u003c\/h3\u003e\n\u003cp\u003eApaisez la nervosité passagère avec des quintessences florales authentiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e⚡ Retour au calme rapide\u003c\/h3\u003e\n\u003cp\u003eFavorisez un apaisement immédiat grâce au format pastille qui fond en bouche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🦋 Transitions en douceur\u003c\/h3\u003e\n\u003cp\u003eAccompagnez les périodes de transition émotionnelle avec bienveillance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLes Fleurs de Bach pour accompagner les moments de vie\u003c\/h2\u003e\n\u003cdiv class=\"sos-card-large\"\u003e\n\u003cp\u003eQue vous traversiez une période de changement professionnel, que vous viviez les bouleversements de la \u003cstrong\u003eménopause\u003c\/strong\u003e, ou simplement que vous ayez besoin d'un coup de pouce pour gérer le stress quotidien, les fleurs de Bach constituent une approche naturelle et douce.\u003c\/p\u003e\n\u003cp\u003eDe nombreuses femmes découvrent les bienfaits des fleurs de Bach pour la ménopause, cette période de transition où les émotions peuvent être particulièrement fluctuantes. Les pastilles SOS Jour Serein offrent un soutien précieux pour traverser ces moments avec plus de sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-tip\"\u003e\n\u003cspan class=\"sos-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCes pastilles peuvent accompagner une démarche globale de bien-être, notamment lors d'un rééquilibrage alimentaire où la gestion des émotions joue un rôle important.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLes cinq fleurs du complexe SOS\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eChaque pastille renferme l'essence de cinq fleurs de Bach aux propriétés complémentaires\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e🌼 Rock Rose\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eHélianthème\u003c\/em\u003e - Pour retrouver son courage face aux situations qui paralysent\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e💜 Impatiens\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eImpatiente\u003c\/em\u003e - Pour apaiser l'agitation et l'irritabilité du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e🌿 Clematis\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eClématite\u003c\/em\u003e - Pour rester ancré dans le présent et garder les pieds sur terre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e⭐ Star of Bethlehem\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eÉtoile de Bethléem\u003c\/em\u003e - Pour réconforter après un choc émotionnel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e🌸 Cherry Plum\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003ePrunier myrobolan\u003c\/em\u003e - Pour garder le contrôle de ses émotions\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"sos-composition\"\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🍬 Sucre de canne bio\u003c\/h3\u003e\n\u003cp\u003eBase naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🍯 Sirop de glucose bio\u003c\/h3\u003e\n\u003cp\u003eLiant naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌺 Fleurs de Bach bio\u003c\/h3\u003e\n\u003cp\u003e5 quintessences - 0,01%\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🍋 Arôme citron bio\u003c\/h3\u003e\n\u003cp\u003eGoût frais et agréable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-highlight-box\"\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Contenance :\u003c\/strong\u003e Boîte métallique de 50 g - Format nomade idéal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComment utiliser ces pastilles aux Fleurs de Bach ?\u003c\/h2\u003e\n\u003cdiv class=\"sos-timeline\"\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cdiv class=\"sos-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eLaissez fondre lentement\u003c\/h3\u003e\n\u003cp\u003ePlacez 1 à 2 pastilles dans votre bouche et laissez-les fondre doucement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cdiv class=\"sos-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n\u003cp\u003eVous pouvez prendre plusieurs pastilles par jour selon vos besoins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cdiv class=\"sos-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eChoisissez le bon moment\u003c\/h3\u003e\n\u003cp\u003eDès que vous ressentez une tension, avant un événement stressant, ou pour une pause bien-être\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-tip\"\u003e\n\u003cspan class=\"sos-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eLe goût citronné léger rend la prise agréable. Le format boîte métallique se glisse facilement dans un sac à main ou une poche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eL'engagement qualité Biofloral\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eBiofloral est un laboratoire français installé en Auvergne, au cœur d'un environnement préservé. Depuis plus de 25 ans, cette entreprise familiale élabore des fleurs de Bach authentiques.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🏅 Certifié Ecocert\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique contrôlée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌾 Cueillette sauvage\u003c\/h3\u003e\n\u003cp\u003eFleurs cueillies à la main\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e☀️ Méthode originale\u003c\/h3\u003e\n\u003cp\u003eSolarisation et ébullition\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🏔️ Made in Auvergne\u003c\/h3\u003e\n\u003cp\u003eFabrication 100% française\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePour qui sont destinées ces pastilles ?\u003c\/h2\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😰 Gestion du stress\u003c\/h3\u003e\n\u003cp\u003ePour gérer plus sereinement les situations de stress quotidien au travail ou à la maison\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌺 Périodes de transition\u003c\/h3\u003e\n\u003cp\u003eAccompagner naturellement les périodes comme la ménopause ou les changements de vie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🎒 Solution nomade\u003c\/h3\u003e\n\u003cp\u003eDisposer d'une solution pratique à emporter partout dans sa poche ou son sac\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🍬 Découverte gourmande\u003c\/h3\u003e\n\u003cp\u003eDécouvrir les fleurs de Bach sous une forme gourmande et accessible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"sos-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sos-accordion\"\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eCes pastilles contiennent du sucre de canne. Les personnes diabétiques doivent en tenir compte dans leur alimentation. Ce produit ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e👨⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eEn cas de troubles persistants, consultez un professionnel de santé.\u003c\/strong\u003e Les fleurs de Bach ne remplacent en aucun cas un traitement médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eConserver à l'abri de la chaleur et de l'humidité. À tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-cta-box\"\u003e\n\u003cp\u003e🌸 Offrez-vous une pause sérénité avec les Pastilles SOS Jour Serein - L'apaisement naturel au creux de votre poche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sos-disclaimer\"\u003eComplément alimentaire. Ne pas dépasser la dose journalière recommandée. À consommer dans le cadre d'un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sos-cream: #FDF6F0;\n --sos-white: #ffffff;\n --sos-primary: #F7D000;\n --sos-primary-dark: #5D3A1A;\n --sos-primary-light: #FFF8DC;\n --sos-secondary: #A67C52;\n --sos-accent: #E8B923;\n --sos-text: #1a1a1a;\n --sos-text-light: #5a5a5a;\n --sos-border: #e8ddd4;\n --sos-shadow: 0 4px 24px rgba(93,58,26,.08);\n --sos-shadow-lg: 0 12px 48px rgba(93,58,26,.15);\n --sos-radius: 20px;\n --sos-radius-sm: 12px;\n}\n\n.sos-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sos-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sos-hero {\n position: relative;\n background: linear-gradient(135deg, #F7D000 0%, #E8B923 50%, #5D3A1A 100%);\n border-radius: var(--sos-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(--sos-shadow-lg);\n}\n\n.sos-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%235D3A1A' fill-opacity='0.08'%3E%3Cpath d='M30 30c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zm-20 0c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.sos-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sos-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sos-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(--sos-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sos-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sos-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(93,58,26,.3);\n}\n\n.sos-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.sos-description {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(93,58,26,.2);\n}\n\n\/* === SECTIONS === *\/\n.sos-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sos-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sos-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.sos-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(--sos-primary), var(--sos-secondary));\n border-radius: 2px;\n}\n\n.sos-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-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.sos-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sos-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sos-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sos-shadow-lg);\n border-color: var(--sos-primary);\n}\n\n.sos-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sos-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sos-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sos-card-flower {\n border-left: 4px solid var(--sos-primary);\n}\n\n.sos-card-large {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sos-shadow);\n margin-bottom: 1rem;\n}\n\n.sos-card-large p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--sos-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.sos-card-large p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRILLES === *\/\n.sos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sos-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sos-grid-compact .sos-card {\n padding: 1rem;\n}\n\n.sos-grid-compact .sos-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sos-grid-compact .sos-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sos-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sos-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sos-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sos-primary), var(--sos-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(247,208,0,.3);\n}\n\n.sos-timeline-content {\n flex: 1;\n background: var(--sos-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sos-radius-sm);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sos-timeline-content p {\n font-size: 14px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sos-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sos-primary-light);\n border-radius: var(--sos-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--sos-primary);\n}\n\n.sos-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sos-tip p {\n font-size: 14px;\n color: var(--sos-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sos-highlight-box {\n display: flex;\n gap: 1rem;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--sos-primary-dark), var(--sos-secondary));\n border-radius: var(--sos-radius-sm);\n padding: 1rem 1.5rem;\n margin-top: 1.25rem;\n}\n\n.sos-highlight-icon {\n font-size: 28px;\n}\n\n.sos-highlight-box p {\n font-size: 15px;\n color: white;\n margin: 0;\n font-weight: 500;\n}\n\n\/* === ACCORDÉON === *\/\n.sos-accordion {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n box-shadow: var(--sos-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.sos-accordion-item {\n border-bottom: 1px solid var(--sos-border);\n margin: 0;\n padding: 0;\n}\n\n.sos-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sos-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sos-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.sos-accordion-header:hover {\n background: var(--sos-primary-light);\n}\n\n.sos-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sos-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sos-primary-dark);\n transition: transform .2s ease;\n}\n\n.sos-accordion-item[open] .sos-accordion-header::after {\n content: '−';\n}\n\n.sos-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sos-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sos-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sos-cta-box {\n background: linear-gradient(135deg, var(--sos-primary) 0%, var(--sos-accent) 100%);\n border-radius: var(--sos-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sos-cta-box p {\n color: var(--sos-primary-dark);\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 700;\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sos-disclaimer {\n font-size: 12px;\n color: var(--sos-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === COMPOSITION SECTION === *\/\n.sos-composition {\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sos-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sos-card {\n padding: 1.125rem;\n }\n \n .sos-section {\n margin-bottom: 1.75rem;\n }\n \n .sos-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sos-radius-sm);\n }\n \n .sos-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sos-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sos-grid-compact {\n gap: .625rem;\n }\n \n .sos-grid-compact .sos-card {\n padding: .75rem;\n }\n \n .sos-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sos-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sos-timeline-content h3 {\n font-size: 14px;\n }\n \n .sos-timeline-content p {\n font-size: 13px;\n }\n \n .sos-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sos-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sos-card-large {\n padding: 1.25rem;\n }\n \n .sos-card-large p {\n font-size: 14px;\n }\n \n .sos-tip {\n padding: .875rem 1rem;\n }\n \n .sos-highlight-box {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sos-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sos-card:nth-child(1) { animation-delay: .05s; }\n .sos-card:nth-child(2) { animation-delay: .1s; }\n .sos-card:nth-child(3) { animation-delay: .15s; }\n .sos-card:nth-child(4) { animation-delay: .2s; }\n .sos-card:nth-child(5) { animation-delay: .25s; }\n .sos-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 .sos-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOFLORAL","offers":[{"title":"Default Title","offer_id":45755349696669,"sku":"BI0065","price":14.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Pastilles-de-secours-fleurs-de-bach-50-g-PASTILLESSECO-1-1.png?v=1770041913"},{"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":"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) n°3 bio - 10 ml - Dioter","description":"\u003cdiv class=\"bch-premium\"\u003e\n\n \u003cdiv class=\"bch-hero\"\u003e\n \u003cdiv class=\"bch-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bch-hero-content\"\u003e\n \u003cdiv class=\"bch-badges-top\"\u003e\n \u003cspan class=\"bch-badge\"\u003e🌿 Certifié bio FR-BIO-01\u003c\/span\u003e\n \u003cspan class=\"bch-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"bch-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n \u003cspan class=\"bch-badge\"\u003e🌸 Méthode Dr Bach\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bch-hero-title\"\u003eCultiver la tolérance et la bienveillance\u003c\/span\u003e\n \u003cp class=\"bch-subtitle\"\u003eÉlixir floral bio Beech (Hêtre) – Dioter\u003c\/p\u003e\n \u003cp class=\"bch-description\"\u003eUn allié émotionnel doux pour apaiser le jugement, élargir son regard et retrouver une sérénité intérieure au contact des autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bch-section\"\u003e\n \u003ch2\u003eFleur de Bach Beech : signification et symbolique\u003c\/h2\u003e\n \u003cp class=\"bch-section-intro\"\u003eDans le système floral du Dr Bach, le Hêtre (Beech) est associé à l'état émotionnel de \u003cstrong\u003el'intolérance et du jugement\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"bch-grid-compact\"\u003e\n \u003cdiv class=\"bch-card\"\u003e\n \u003ch3\u003e🔍 Regard critique\u003c\/h3\u003e\n \u003cp\u003ePour les personnes qui voient d'abord les imperfections chez les autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bch-card\"\u003e\n \u003ch3\u003e⚡ Irritabilité\u003c\/h3\u003e\n \u003cp\u003eS'agacent facilement des comportements jugés inadaptés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bch-card\"\u003e\n \u003ch3\u003e🌳 Symbole du hêtre\u003c\/h3\u003e\n \u003cp\u003eComme l'arbre déploie son feuillage vers la lumière, l'élixir invite à élargir son regard.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bch-card\"\u003e\n \u003ch3\u003e💛 Vers la douceur\u003c\/h3\u003e\n \u003cp\u003eAccepter la diversité humaine avec plus de compréhension et de bienveillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bch-section\"\u003e\n \u003ch2\u003eBienfaits de la Fleur de Bach Beech\u003c\/h2\u003e\n \u003cp class=\"bch-section-intro\"\u003eTraditionnellement utilisée pour soutenir l'équilibre émotionnel dans les situations suivantes :\u003c\/p\u003e\n \u003cdiv class=\"bch-grid\"\u003e\n \u003cdiv class=\"bch-card\"\u003e\n \u003ch3\u003e⚖️ Apaiser le jugement\u003c\/h3\u003e\n \u003cp\u003eRéduit la tendance à juger ou à critiquer son entourage au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bch-card\"\u003e\n \u003ch3\u003e🕊️ Accueillir la différence\u003c\/h3\u003e\n \u003cp\u003eAide à mieux vivre les différences d'habitudes, d'opinions et de modes de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bch-card\"\u003e\n \u003ch3\u003e✨ Adoucir le perfectionnisme\u003c\/h3\u003e\n \u003cp\u003eAllège l'exigence excessive envers soi-même et envers les autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bch-card\"\u003e\n \u003ch3\u003e🌈 Accepter la diversité\u003c\/h3\u003e\n \u003cp\u003eFacilite l'acceptation de ce qui ne correspond pas à ses propres valeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bch-card\"\u003e\n \u003ch3\u003e💗 Ouverture d'esprit\u003c\/h3\u003e\n \u003cp\u003eFavorise l'empathie et la compréhension des autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bch-card\"\u003e\n \u003ch3\u003e🤝 Relations harmonieuses\u003c\/h3\u003e\n \u003cp\u003eEncourage une attitude tolérante et sereine, propice à des liens apaisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bch-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle et bio\u003c\/h2\u003e\n \u003cp class=\"bch-section-intro\"\u003eUn élixir fabriqué avec des ingrédients purs, issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"bch-grid\"\u003e\n \u003cdiv class=\"bch-card\"\u003e\n \u003ch3\u003e🌸 Fleurs de Hêtre sauvage\u003c\/h3\u003e\n \u003cp\u003eInfusion de \u003cem\u003eFagus sylvatica\u003c\/em\u003e récoltées en France selon la tradition florale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bch-card\"\u003e\n \u003ch3\u003e💧 Eau de source dynamisée\u003c\/h3\u003e\n \u003cp\u003eSolarisée selon la méthode originale du Dr Bach pour capter l'énergie de la fleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bch-card\"\u003e\n \u003ch3\u003e🍇 Cognac biologique\u003c\/h3\u003e\n \u003cp\u003eAlcool de raisin bio utilisé comme conservateur 100 % naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bch-tip\"\u003e\n \u003cspan class=\"bch-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eProduit certifié \u003cstrong\u003ebio par FR-BIO-01\u003c\/strong\u003e, sans additif, sans arôme artificiel et sans conservateur de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bch-section\"\u003e\n \u003ch2\u003eComment prendre la Fleur de Bach Beech ?\u003c\/h2\u003e\n \u003cp class=\"bch-section-intro\"\u003ePlusieurs modes d'utilisation sont possibles selon votre rythme de vie.\u003c\/p\u003e\n \u003cdiv class=\"bch-timeline\"\u003e\n \u003cdiv class=\"bch-timeline-item\"\u003e\n \u003cdiv class=\"bch-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bch-timeline-content\"\u003e\n \u003ch3\u003e💧 Prise directe\u003c\/h3\u003e\n \u003cp\u003e4 gouttes sous la langue, 4 fois par jour, en dehors des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bch-timeline-item\"\u003e\n \u003cdiv class=\"bch-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bch-timeline-content\"\u003e\n \u003ch3\u003e🥛 Dans un verre d'eau\u003c\/h3\u003e\n \u003cp\u003eDiluer 4 gouttes dans un fond d'eau et boire à petites gorgées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bch-timeline-item\"\u003e\n \u003cdiv class=\"bch-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bch-timeline-content\"\u003e\n \u003ch3\u003e🍶 En bouteille\u003c\/h3\u003e\n \u003cp\u003eAjouter 25 gouttes dans une bouteille de 500 ml d'eau minérale plate, à boire 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=\"bch-tip\"\u003e\n \u003cspan class=\"bch-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eL'élixir peut être pris seul ou associé à d'autres Fleurs de Bach (jusqu'à 6 ou 7 fleurs en mélange) selon vos besoins émotionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bch-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"bch-accordion\"\u003e\n \u003cdetails class=\"bch-accordion-item\"\u003e\n \u003csummary class=\"bch-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"bch-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Contient de l'alcool : déconseillé aux femmes enceintes, allaitantes et aux personnes souffrant d'alcoolo-dépendance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bch-accordion-item\"\u003e\n \u003csummary class=\"bch-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bch-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et des sources électromagnétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bch-accordion-item\"\u003e\n \u003csummary class=\"bch-accordion-header\"\u003e🩺 Beech et hémorroïdes : information importante\u003c\/summary\u003e\n \u003cdiv class=\"bch-accordion-content mt-3\"\u003e\n \u003cp\u003eConcernant les recherches associant Beech aux hémorroïdes, il convient de rappeler que les Fleurs de Bach agissent uniquement sur la sphère émotionnelle et ne traitent pas les pathologies physiques. \u003cstrong\u003eCet élixir ne remplace en aucun cas un traitement médical\u003c\/strong\u003e ni l'avis d'un professionnel de santé. En cas de symptômes persistants, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bch-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eAvis sur la Fleur de Bach Beech Dioter\u003c\/h2\u003e\n \u003cdiv class=\"bch-testimonial\"\u003e\n \u003cp class=\"bch-testimonial-text\"\u003e\"Apprécié pour sa qualité bio, son respect de la méthode originale et sa fabrication française, l'élixir Beech de Dioter est un allié précieux pour celles et ceux qui souhaitent cheminer vers plus d'acceptation et de paix intérieure.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bch-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🌸 Ouvrez votre cœur à la tolérance et cultivez la bienveillance au quotidien avec la Fleur de Bach Beech bio Dioter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bch-disclaimer\"\u003eLes Fleurs de Bach agissent sur la sphère émotionnelle et ne se substituent pas à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bch-cream: #faf6f2;\n --bch-white: #ffffff;\n --bch-primary: #d4a5a5;\n --bch-primary-dark: #8b5a5a;\n --bch-primary-light: #f5e6e6;\n --bch-secondary: #c9a687;\n --bch-accent: #a67b5b;\n --bch-text: #2a1f1f;\n --bch-text-light: #6b5555;\n --bch-border: #e8dcd0;\n --bch-shadow: 0 4px 24px rgba(139, 90, 90, .08);\n --bch-shadow-lg: 0 12px 48px rgba(139, 90, 90, .18);\n --bch-radius: 20px;\n --bch-radius-sm: 12px;\n}\n\n.bch-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bch-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--bch-text);\n}\n\n.bch-hero {\n position: relative;\n background: linear-gradient(135deg, #d4a5a5 0%, #c9a687 55%, #a67b5b 100%);\n border-radius: var(--bch-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(--bch-shadow-lg);\n}\n\n.bch-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .3;\n}\n\n.bch-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bch-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bch-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.bch-description {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n opacity: .95;\n}\n\n.bch-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bch-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(--bch-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bch-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bch-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bch-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bch-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.bch-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(--bch-primary), var(--bch-secondary));\n border-radius: 2px;\n}\n\n.bch-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bch-text-light);\n margin-bottom: 1.75rem;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.bch-card {\n background: var(--bch-white);\n border-radius: var(--bch-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bch-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bch-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bch-shadow-lg);\n border-color: var(--bch-primary);\n}\n\n.bch-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bch-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bch-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bch-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bch-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bch-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bch-grid-compact .bch-card {\n padding: 1rem;\n}\n\n.bch-grid-compact .bch-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bch-grid-compact .bch-card p {\n font-size: 12px;\n}\n\n.bch-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.bch-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bch-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bch-primary), var(--bch-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139, 90, 90, .25);\n}\n\n.bch-timeline-content {\n flex: 1;\n background: var(--bch-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bch-radius-sm);\n box-shadow: var(--bch-shadow);\n}\n\n.bch-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bch-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bch-timeline-content p {\n font-size: 14px;\n color: var(--bch-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bch-testimonial {\n background: var(--bch-white);\n border-radius: var(--bch-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bch-shadow);\n border-left: 4px solid var(--bch-primary);\n}\n\n.bch-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bch-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.bch-accordion {\n background: var(--bch-white);\n border-radius: var(--bch-radius);\n box-shadow: var(--bch-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.bch-accordion-item {\n border-bottom: 1px solid var(--bch-border);\n margin: 0;\n padding: 0;\n}\n\n.bch-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bch-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bch-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.bch-accordion-header:hover {\n background: var(--bch-primary-light);\n}\n\n.bch-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bch-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bch-primary);\n transition: transform .2s ease;\n}\n\n.bch-accordion-item[open] .bch-accordion-header::after {\n content: '−';\n}\n\n.bch-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bch-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bch-accordion-content p {\n margin: 0;\n}\n\n.bch-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bch-primary-light);\n border-radius: var(--bch-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.bch-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bch-tip p {\n font-size: 14px;\n color: var(--bch-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.bch-cta-box {\n background: linear-gradient(135deg, var(--bch-primary) 0%, var(--bch-primary-dark) 100%);\n border-radius: var(--bch-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--bch-shadow-lg);\n}\n\n.bch-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.bch-disclaimer {\n font-size: 12px;\n color: var(--bch-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .bch-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .bch-card {\n padding: 1.125rem;\n }\n .bch-section {\n margin-bottom: 1.75rem;\n }\n .bch-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bch-radius-sm);\n }\n .bch-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .bch-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .bch-grid-compact {\n gap: .625rem;\n }\n .bch-grid-compact .bch-card {\n padding: .75rem;\n }\n .bch-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .bch-timeline-content {\n padding: .875rem 1rem;\n }\n .bch-timeline-content h3 {\n font-size: 14px;\n }\n .bch-timeline-content p {\n font-size: 13px;\n }\n .bch-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .bch-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .bch-testimonial {\n padding: 1.25rem;\n }\n .bch-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bch-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bch-card:nth-child(1) { animation-delay: .05s; }\n .bch-card:nth-child(2) { animation-delay: .1s; }\n .bch-card:nth-child(3) { animation-delay: .15s; }\n .bch-card:nth-child(4) { animation-delay: .2s; }\n .bch-card:nth-child(5) { animation-delay: .25s; }\n .bch-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 .bch-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":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-10-ml-dioter-packshothd.webp?v=1790351996"},{"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 (Aigremoine) n°1 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 Crab Apple (Pommier Sauvage) n°10 bio - 10 ml - Dioter","description":"\u003cdiv class=\"cab-premium\"\u003e\n \u003cdiv class=\"cab-hero\"\u003e\n \u003cdiv class=\"cab-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cab-hero-content\"\u003e\n \u003cdiv class=\"cab-badges-top\"\u003e\n \u003cspan class=\"cab-badge\"\u003e🌸 Fleur n°10\u003c\/span\u003e\n \u003cspan class=\"cab-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"cab-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cab-badge\"\u003e✨ Méthode Dr. Bach\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cab-hero-title\"\u003eFleur de Bach Pommier Sauvage Bio\u003c\/span\u003e\n \u003cp class=\"cab-subtitle\"\u003eCrab Apple · Élixir floral purifiant · 10 ml\u003c\/p\u003e\n \u003cp class=\"cab-description\"\u003eLa \u003cstrong\u003eFleur de Bach Pommier Sauvage Bio\u003c\/strong\u003e (Crab Apple) de Dioter, laboratoire Auraflor, est un élixir floral purifiant élaboré selon la méthode originelle du Dr. Bach. Véritable \u003cstrong\u003e« nettoyeur émotionnel »\u003c\/strong\u003e, cette fleur de Bach n°10 accompagne en douceur vers un mieux-être intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cab-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse le Crab Apple ?\u003c\/h2\u003e\n \u003cp class=\"cab-section-intro\"\u003eIdentifiée par le Dr. Edward Bach comme la fleur de la \u003cstrong\u003epurification\u003c\/strong\u003e, Crab Apple est recommandée lorsque vous ressentez :\u003c\/p\u003e\n \u003cdiv class=\"cab-grid\"\u003e\n \u003cdiv class=\"cab-card\"\u003e\n \u003ch3\u003e💧 Sentiment d'impureté\u003c\/h3\u003e\n \u003cp\u003eUne impression d'impureté physique ou morale que vous souhaitez laisser derrière vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cab-card\"\u003e\n \u003ch3\u003e🪞 Gêne face à l'apparence\u003c\/h3\u003e\n \u003cp\u003eUn inconfort lié à votre image ou à de petits défauts perçus comme envahissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cab-card\"\u003e\n \u003ch3\u003e✨ Obsession du parfait\u003c\/h3\u003e\n \u003cp\u003eUn besoin excessif de propreté, d'ordre ou de perfection au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cab-card\"\u003e\n \u003ch3\u003e💭 Honte et culpabilité\u003c\/h3\u003e\n \u003cp\u003eDes sentiments de rejet de soi, de culpabilité ou de honte difficiles à apaiser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cab-card\"\u003e\n \u003ch3\u003e🍃 Besoin de tourner la page\u003c\/h3\u003e\n \u003cp\u003eL'envie de se libérer d'un événement difficile et de repartir du bon pied.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cab-card\"\u003e\n \u003ch3\u003e💗 Bienveillance retrouvée\u003c\/h3\u003e\n \u003cp\u003eElle aide à accepter ses imperfections et à retrouver une image de soi apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cab-section\"\u003e\n \u003ch2\u003eUne fabrication artisanale certifiée bio\u003c\/h2\u003e\n \u003cp class=\"cab-section-intro\"\u003eChaque flacon est préparé en France selon la \u003cstrong\u003eméthode de solarisation originelle du Dr. Bach\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"cab-grid-compact\"\u003e\n \u003cdiv class=\"cab-card\"\u003e\n \u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n \u003cp\u003eLes fleurs déposées sur une eau de source pure captent la signature vibratoire du soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cab-card\"\u003e\n \u003ch3\u003e🌼 Malus pumila\u003c\/h3\u003e\n \u003cp\u003eFleurs sauvages de pommier cueillies à la main, dans le respect de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cab-card\"\u003e\n \u003ch3\u003e🌱 FR-BIO-01\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique certifiée, pour une pureté garantie à chaque étape.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cab-card\"\u003e\n \u003ch3\u003e🇫🇷 Savoir-faire français\u003c\/h3\u003e\n \u003cp\u003eÉlaboré par le laboratoire Auraflor selon une tradition artisanale préservée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cab-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"cab-grid\"\u003e\n \u003cdiv class=\"cab-card\"\u003e\n \u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n \u003cp\u003eBase pure et naturelle, véritable vecteur de l'empreinte florale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cab-card\"\u003e\n \u003ch3\u003e🍇 Cognac biologique\u003c\/h3\u003e\n \u003cp\u003eConservateur naturel à environ \u003cstrong\u003e27 % vol.\u003c\/strong\u003e, issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cab-card\"\u003e\n \u003ch3\u003e🌸 Pommier Sauvage bio\u003c\/h3\u003e\n \u003cp\u003eInfusion solarisée de fleurs de \u003cstrong\u003eMalus pumila\u003c\/strong\u003e issues de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cab-tip\"\u003e\n \u003cspan class=\"cab-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans additif, sans colorant, sans arôme artificiel.\u003c\/strong\u003e Une formule pure, fidèle à l'esprit originel du Dr. Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cab-section\"\u003e\n \u003ch2\u003eComment utiliser la Fleur de Bach Pommier Sauvage ?\u003c\/h2\u003e\n \u003cp class=\"cab-section-intro\"\u003eDeux modes d'utilisation sont possibles selon vos préférences :\u003c\/p\u003e\n \u003cdiv class=\"cab-timeline\"\u003e\n \u003cdiv class=\"cab-timeline-item\"\u003e\n \u003cdiv class=\"cab-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cab-timeline-content\"\u003e\n \u003ch3\u003e👅 Voie directe\u003c\/h3\u003e\n \u003cp\u003eDéposez \u003cstrong\u003e4 gouttes sous la langue\u003c\/strong\u003e, 4 fois par jour, en dehors des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cab-timeline-item\"\u003e\n \u003cdiv class=\"cab-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cab-timeline-content\"\u003e\n \u003ch3\u003e🥛 En dilution (verre)\u003c\/h3\u003e\n \u003cp\u003eVersez \u003cstrong\u003e4 gouttes dans un verre d'eau\u003c\/strong\u003e à boire par petites gorgées tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cab-timeline-item\"\u003e\n \u003cdiv class=\"cab-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cab-timeline-content\"\u003e\n \u003ch3\u003e🍶 En dilution (bouteille)\u003c\/h3\u003e\n \u003cp\u003eOu \u003cstrong\u003e25 gouttes dans 1\/2 litre d'eau\u003c\/strong\u003e à siroter au fil de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cab-timeline-item\"\u003e\n \u003cdiv class=\"cab-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cab-timeline-content\"\u003e\n \u003ch3\u003e📅 Cure de 3 semaines\u003c\/h3\u003e\n \u003cp\u003eAgitez le flacon avant chaque prise. Une \u003cstrong\u003ecure de 3 semaines\u003c\/strong\u003e est conseillée pour ressentir pleinement les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cab-tip\"\u003e\n \u003cspan class=\"cab-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCrab Apple se marie très bien avec d'autres fleurs de Bach : vous pouvez associer \u003cstrong\u003ejusqu'à 6 ou 7 élixirs\u003c\/strong\u003e dans une même préparation personnalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cab-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur Crab Apple\u003c\/h2\u003e\n \u003cdiv class=\"cab-accordion\"\u003e\n \u003cdetails class=\"cab-accordion-item\"\u003e\n \u003csummary class=\"cab-accordion-header\"\u003e⚠️ Y a-t-il des effets secondaires ?\u003c\/summary\u003e\n \u003cdiv class=\"cab-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, les fleurs de Bach ne créent \u003cstrong\u003eni accoutumance ni effets secondaires\u003c\/strong\u003e. Elles peuvent être utilisées par toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cab-accordion-item\"\u003e\n \u003csummary class=\"cab-accordion-header\"\u003e🤰 Peut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n \u003cdiv class=\"cab-accordion-content mt-3\"\u003e\n \u003cp\u003eLa présence de cognac est très faible, mais nous vous recommandons de demander l'avis de votre médecin ou sage-femme avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cab-accordion-item\"\u003e\n \u003csummary class=\"cab-accordion-header\"\u003e⏳ Quand voit-on les premiers effets ?\u003c\/summary\u003e\n \u003cdiv class=\"cab-accordion-content mt-3\"\u003e\n \u003cp\u003eLes ressentis varient selon les personnes : certaines perçoivent un apaisement rapide, d'autres après plusieurs jours de prise régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cab-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn geste bien-être naturel et respectueux\u003c\/h2\u003e\n \u003cdiv class=\"cab-cta-box\"\u003e\n \u003cp\u003eEn choisissant cet \u003cstrong\u003eélixir floral bio Dioter\u003c\/strong\u003e, vous optez pour un accompagnement émotionnel doux, naturel et sans dépendance. Conservez votre flacon à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cab-disclaimer\"\u003eCe produit est un complément de bien-être qui ne se substitue en aucun cas à un traitement médical. En cas de doute ou de trouble persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cab-cream: #faf6f1;\n --cab-white: #ffffff;\n --cab-primary: #d4a5a5;\n --cab-primary-dark: #8c5a5a;\n --cab-primary-light: #f5e6e0;\n --cab-secondary: #c9a876;\n --cab-accent: #e8b4a0;\n --cab-text: #2a1f1a;\n --cab-text-light: #6b5a52;\n --cab-border: #e8ddd4;\n --cab-shadow: 0 4px 24px rgba(140, 90, 90, .08);\n --cab-shadow-lg: 0 12px 48px rgba(140, 90, 90, .18);\n --cab-radius: 20px;\n --cab-radius-sm: 12px;\n}\n\n.cab-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cab-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cab-text);\n}\n\n.cab-hero {\n position: relative;\n background: linear-gradient(135deg, #d4a5a5 0%, #e8b4a0 50%, #c9a876 100%);\n border-radius: var(--cab-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(--cab-shadow-lg);\n}\n\n.cab-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .3;\n}\n\n.cab-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cab-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\n line-height: 1.1;\n}\n\n.cab-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n letter-spacing: .02em;\n}\n\n.cab-description {\n color: white;\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n opacity: .95;\n}\n\n.cab-description strong {\n color: white;\n font-weight: 700;\n}\n\n.cab-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cab-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(--cab-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cab-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cab-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cab-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cab-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cab-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(--cab-primary), var(--cab-secondary));\n border-radius: 2px;\n}\n\n.cab-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cab-text-light);\n margin: 0 auto 1.5rem;\n max-width: 680px;\n line-height: 1.7;\n}\n\n.cab-card {\n background: var(--cab-white);\n border-radius: var(--cab-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cab-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cab-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cab-shadow-lg);\n border-color: var(--cab-primary);\n}\n\n.cab-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cab-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cab-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cab-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cab-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cab-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cab-grid-compact .cab-card {\n padding: 1rem;\n}\n\n.cab-grid-compact .cab-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cab-grid-compact .cab-card p {\n font-size: 12px;\n}\n\n.cab-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cab-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cab-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cab-primary), var(--cab-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(212, 165, 165, .4);\n}\n\n.cab-timeline-content {\n flex: 1;\n background: var(--cab-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cab-radius-sm);\n box-shadow: var(--cab-shadow);\n}\n\n.cab-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cab-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cab-timeline-content p {\n font-size: 14px;\n color: var(--cab-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cab-accordion {\n background: var(--cab-white);\n border-radius: var(--cab-radius);\n box-shadow: var(--cab-shadow);\n overflow: hidden;\n}\n\n.cab-accordion-item {\n border-bottom: 1px solid var(--cab-border);\n margin: 0;\n padding: 0;\n}\n\n.cab-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cab-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cab-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.cab-accordion-header:hover {\n background: var(--cab-primary-light);\n}\n\n.cab-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cab-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cab-primary);\n transition: transform .2s ease;\n}\n\n.cab-accordion-item[open] .cab-accordion-header::after {\n content: '−';\n}\n\n.cab-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cab-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cab-accordion-content p {\n margin: 0;\n}\n\n.cab-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cab-primary-light);\n border-radius: var(--cab-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cab-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cab-tip p {\n font-size: 14px;\n color: var(--cab-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cab-cta-box {\n background: linear-gradient(135deg, var(--cab-primary) 0%, var(--cab-primary-dark) 100%);\n border-radius: var(--cab-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cab-shadow-lg);\n}\n\n.cab-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.cab-disclaimer {\n font-size: 12px;\n color: var(--cab-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 .cab-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cab-card {\n padding: 1.125rem;\n }\n .cab-section {\n margin-bottom: 1.75rem;\n }\n .cab-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cab-radius-sm);\n }\n .cab-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cab-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cab-grid-compact {\n gap: .625rem;\n }\n .cab-grid-compact .cab-card {\n padding: .75rem;\n }\n .cab-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cab-timeline-content {\n padding: .875rem 1rem;\n }\n .cab-timeline-content h3 {\n font-size: 14px;\n }\n .cab-timeline-content p {\n font-size: 13px;\n }\n .cab-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cab-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cab-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cab-card:nth-child(1) { animation-delay: .05s; }\n .cab-card:nth-child(2) { animation-delay: .1s; }\n .cab-card:nth-child(3) { animation-delay: .15s; }\n .cab-card:nth-child(4) { animation-delay: .2s; }\n .cab-card:nth-child(5) { animation-delay: .25s; }\n .cab-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 .cab-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":55121107714425,"sku":"DI5040","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-pommier-sauvage-bio-10-ml-dioter-packshothd.webp?v=1789484683"},{"product_id":"fleur-de-bach-bourgeon-de-marronier-bio-10-ml-dioter","title":"Fleur de Bach Chestnut Bud (Bourgeon de Marronnier) n°7 bio - 10 ml - Dioter","description":"\u003cdiv class=\"cbud-premium\"\u003e\n \u003cdiv class=\"cbud-hero\"\u003e\n \u003cdiv class=\"cbud-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cbud-hero-content\"\u003e\n \u003cdiv class=\"cbud-badges-top\"\u003e\n \u003cspan class=\"cbud-badge\"\u003e🌸 Élixir floral Bio\u003c\/span\u003e\n \u003cspan class=\"cbud-badge\"\u003e🇫🇷 Méthode Dr. Bach\u003c\/span\u003e\n \u003cspan class=\"cbud-badge\"\u003e✅ Certifié FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cbud-hero-title\"\u003eApprendre de ses expériences, avancer en pleine conscience\u003c\/span\u003e\n \u003cp class=\"cbud-subtitle\"\u003eFleur de Bach Bourgeon de Marronnier Bio – 10 ml\u003c\/p\u003e\n \u003cp class=\"cbud-description\"\u003eUn élixir floral élaboré selon la méthode originale du Dr. Bach pour cultiver l'attention, la conscience de soi et sortir des schémas répétitifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cbud-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette fleur de Bach ?\u003c\/h2\u003e\n \u003cp class=\"cbud-section-intro\"\u003eLe Chestnut Bud est la fleur de Bach des \u003cstrong\u003eapprentissages répétés\u003c\/strong\u003e. Vous reproduisez les mêmes schémas amoureux, professionnels ou comportementaux ? Vous avez le sentiment de \"tourner en rond\" ou d'être souvent distrait, mentalement ailleurs ? Cet élixir floral vous accompagne pour \u003cstrong\u003evivre pleinement l'instant présent\u003c\/strong\u003e et tirer profit de chaque expérience.\u003c\/p\u003e\n \u003cdiv class=\"cbud-grid-compact\"\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e👥 Adultes \u0026amp; ados\u003c\/h3\u003e\n \u003cp\u003eAdapté à tous à partir de l'adolescence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e🔄 Schémas répétitifs\u003c\/h3\u003e\n \u003cp\u003ePour sortir des mêmes situations vécues\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e🌗 Transitions de vie\u003c\/h3\u003e\n \u003cp\u003eMénopause, changements, remises en question\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e🧠 Fatigue mentale\u003c\/h3\u003e\n \u003cp\u003eBesoin de recentrage et de clarté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cbud-section\"\u003e\n \u003ch2\u003eLes bienfaits du Bourgeon de Marronnier\u003c\/h2\u003e\n \u003cdiv class=\"cbud-grid\"\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e🧘 Pleine conscience\u003c\/h3\u003e\n \u003cp\u003eFavorise l'attention au quotidien et l'ancrage dans l'instant présent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e📖 Leçons du passé\u003c\/h3\u003e\n \u003cp\u003eAide à tirer les enseignements de ses expériences pour avancer sereinement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e🎯 Concentration\u003c\/h3\u003e\n \u003cp\u003eSoutient la concentration et limite la dispersion mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e🌱 Transitions douces\u003c\/h3\u003e\n \u003cp\u003eAccompagne les périodes de changement : vie pro, ménopause, stress quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-tip\"\u003e\n \u003cspan class=\"cbud-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement au \u003cstrong\u003eRescue Fleur de Bach\u003c\/strong\u003e destiné aux situations d'urgence émotionnelle, le Chestnut Bud agit sur le long terme, dans une démarche de développement personnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cbud-section\"\u003e\n \u003ch2\u003eUne composition 100 % bio et artisanale\u003c\/h2\u003e\n \u003cp class=\"cbud-section-intro\"\u003eChaque flacon de 10 ml est élaboré à partir de \u003cstrong\u003ebourgeons de marronnier sauvage\u003c\/strong\u003e, cueillis à la main en France, puis solarisés selon la méthode originelle du Dr. Bach.\u003c\/p\u003e\n \u003cdiv class=\"cbud-grid\"\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n \u003cp\u003eBase pure et vivante pour capter l'essence florale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e🍇 Cognac biologique\u003c\/h3\u003e\n \u003cp\u003eConservateur naturel issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e🌰 Bourgeons de marronnier\u003c\/h3\u003e\n \u003cp\u003eAesculus hippocastanum bio, solarisés selon la méthode Dr. Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-tip\"\u003e\n \u003cspan class=\"cbud-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eCertifié \u003cstrong\u003eAgriculture Biologique – FR-BIO-01\u003c\/strong\u003e, sans arômes ni additifs de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cbud-section\"\u003e\n \u003ch2\u003eComment prendre la Fleur de Bach Chestnut Bud ?\u003c\/h2\u003e\n \u003cdiv class=\"cbud-timeline\"\u003e\n \u003cdiv class=\"cbud-timeline-item\"\u003e\n \u003cdiv class=\"cbud-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cbud-timeline-content\"\u003e\n \u003ch3\u003eUsage ponctuel\u003c\/h3\u003e\n \u003cp\u003e5 gouttes directement sous la langue ou diluées dans un fond de verre d'eau, jusqu'à 4 fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-timeline-item\"\u003e\n \u003cdiv class=\"cbud-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cbud-timeline-content\"\u003e\n \u003ch3\u003eUsage prolongé\u003c\/h3\u003e\n \u003cp\u003eDiluer 25 gouttes dans ½ litre d'eau minérale non gazeuse, à consommer en 4 à 5 prises réparties dans la journée. Bien agiter avant chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-timeline-item\"\u003e\n \u003cdiv class=\"cbud-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cbud-timeline-content\"\u003e\n \u003ch3\u003eSynergie personnalisée\u003c\/h3\u003e\n \u003cp\u003ePeut être associé à d'autres fleurs de Bach (jusqu'à 6 ou 7), notamment en cas de \u003cstrong\u003efleur de Bach stress\u003c\/strong\u003e ou de période de remise en question.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-timeline-item\"\u003e\n \u003cdiv class=\"cbud-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cbud-timeline-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de 3 semaines minimum est recommandée pour observer des effets durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cbud-section\"\u003e\n \u003ch2\u003eCaractéristiques produit\u003c\/h2\u003e\n \u003cdiv class=\"cbud-grid-compact\"\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e🧴 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml, flacon compte-gouttes en verre teinté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eDioter (Auraflor)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eBio FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance, méthode originale du Dr. Bach\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e👤 Convient\u003c\/h3\u003e\n \u003cp\u003eAux adultes et adolescents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cbud-card\"\u003e\n \u003ch3\u003e🌸 Type\u003c\/h3\u003e\n \u003cp\u003eÉlixir floral naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cbud-section\"\u003e\n \u003ch2\u003eAvis et conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"cbud-testimonial\"\u003e\n \u003cp class=\"cbud-testimonial-text\"\u003e\"Les utilisateurs apprécient la douceur d'action des fleurs de Bach Dioter, leur authenticité et leur certification biologique. Pour optimiser les résultats, intégrez la prise dans une routine régulière : matin au réveil, avant un moment important, ou le soir avant de dormir.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cbud-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cbud-accordion\"\u003e\n \u003cdetails class=\"cbud-accordion-item\"\u003e\n \u003csummary class=\"cbud-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"cbud-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est un complément alimentaire et ne se substitue pas à une alimentation variée, équilibrée, ni à un traitement médical. \u003cstrong\u003eNe pas dépasser la dose journalière recommandée.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cbud-accordion-item\"\u003e\n \u003csummary class=\"cbud-accordion-header\"\u003e🤰 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"cbud-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes et aux personnes intolérantes à l'alcool en raison de la présence de cognac.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cbud-accordion-item\"\u003e\n \u003csummary class=\"cbud-accordion-header\"\u003e👶 Conservation \u0026amp; stockage\u003c\/summary\u003e\n \u003cdiv class=\"cbud-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. En cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cbud-cream: #faf6f1;\n --cbud-white: #ffffff;\n --cbud-primary: #c9a084;\n --cbud-primary-dark: #8b5e3c;\n --cbud-primary-light: #f4e8de;\n --cbud-secondary: #e8b4a0;\n --cbud-accent: #d4a373;\n --cbud-text: #3d2b1f;\n --cbud-text-light: #6b5544;\n --cbud-border: #e8ddd0;\n --cbud-shadow: 0 4px 24px rgba(139,94,60,.08);\n --cbud-shadow-lg: 0 12px 48px rgba(139,94,60,.15);\n --cbud-radius: 20px;\n --cbud-radius-sm: 12px;\n}\n\n.cbud-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cbud-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cbud-text);\n}\n\n.cbud-hero {\n position: relative;\n background: linear-gradient(135deg, #d4a373 0%, #c9a084 50%, #e8b4a0 100%);\n border-radius: var(--cbud-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(--cbud-shadow-lg);\n}\n\n.cbud-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .3;\n}\n\n.cbud-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cbud-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.cbud-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.cbud-description {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n opacity: .95;\n}\n\n.cbud-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cbud-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(--cbud-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cbud-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cbud-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cbud-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cbud-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cbud-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(--cbud-primary), var(--cbud-secondary));\n border-radius: 2px;\n}\n\n.cbud-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cbud-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cbud-card {\n background: var(--cbud-white);\n border-radius: var(--cbud-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cbud-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cbud-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cbud-shadow-lg);\n border-color: var(--cbud-primary);\n}\n\n.cbud-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cbud-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cbud-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cbud-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cbud-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cbud-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cbud-grid-compact .cbud-card {\n padding: 1rem;\n}\n\n.cbud-grid-compact .cbud-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cbud-grid-compact .cbud-card p {\n font-size: 12px;\n}\n\n.cbud-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cbud-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cbud-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cbud-primary), var(--cbud-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(139,94,60,.25);\n}\n\n.cbud-timeline-content {\n flex: 1;\n background: var(--cbud-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cbud-radius-sm);\n box-shadow: var(--cbud-shadow);\n}\n\n.cbud-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cbud-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cbud-timeline-content p {\n font-size: 14px;\n color: var(--cbud-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cbud-testimonial {\n background: var(--cbud-white);\n border-radius: var(--cbud-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cbud-shadow);\n border-left: 4px solid var(--cbud-primary);\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cbud-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cbud-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cbud-accordion {\n background: var(--cbud-white);\n border-radius: var(--cbud-radius);\n box-shadow: var(--cbud-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cbud-accordion-item {\n border-bottom: 1px solid var(--cbud-border);\n margin: 0;\n padding: 0;\n}\n\n.cbud-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cbud-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cbud-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.cbud-accordion-header:hover {\n background: var(--cbud-primary-light);\n}\n\n.cbud-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cbud-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cbud-primary);\n transition: transform .2s ease;\n}\n\n.cbud-accordion-item[open] .cbud-accordion-header::after {\n content: '−';\n}\n\n.cbud-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cbud-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cbud-accordion-content p {\n margin: 0;\n}\n\n.cbud-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cbud-primary-light);\n border-radius: var(--cbud-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.cbud-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cbud-tip p {\n font-size: 14px;\n color: var(--cbud-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .cbud-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cbud-card {\n padding: 1.125rem;\n }\n\n .cbud-section {\n margin-bottom: 1.75rem;\n }\n\n .cbud-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cbud-radius-sm);\n }\n\n .cbud-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cbud-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cbud-grid-compact {\n gap: .625rem;\n }\n\n .cbud-grid-compact .cbud-card {\n padding: .75rem;\n }\n\n .cbud-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cbud-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cbud-timeline-content h3 {\n font-size: 14px;\n }\n\n .cbud-timeline-content p {\n font-size: 13px;\n }\n\n .cbud-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cbud-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cbud-testimonial {\n padding: 1.25rem;\n }\n\n .cbud-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cbud-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cbud-card:nth-child(1) { animation-delay: .05s; }\n .cbud-card:nth-child(2) { animation-delay: .1s; }\n .cbud-card:nth-child(3) { animation-delay: .15s; }\n .cbud-card:nth-child(4) { animation-delay: .2s; }\n .cbud-card:nth-child(5) { animation-delay: .25s; }\n .cbud-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 .cbud-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":55121188061561,"sku":"DI5037","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-bourgeon-de-marronnier-bio-10-ml-dioter-packshothd.webp?v=1789913154"},{"product_id":"fleur-de-bach-moutarde-bio-10-ml-dioter","title":"Fleur de Bach Moutarde (Mustard) n°21 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 Water Violet (Violette d'eau) n°34 bio - 10 ml - Dioter","description":"\u003cdiv class=\"wv-premium\"\u003e\n \u003cdiv class=\"wv-hero\"\u003e\n \u003cdiv class=\"wv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"wv-hero-content\"\u003e\n \u003cdiv class=\"wv-badges-top\"\u003e\n \u003cspan class=\"wv-badge\"\u003e🌸 Certifié Bio FR-BIO-01\u003c\/span\u003e\n \u003cspan class=\"wv-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"wv-badge\"\u003e✋ Cueillette à la main\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"wv-hero-title\"\u003eFleur de Bach Violette d'eau Bio\u003c\/span\u003e\n \u003cp class=\"wv-subtitle\"\u003eÉlixir floral Water Violet — 10 ml — Dioter\u003c\/p\u003e\n \u003cp class=\"wv-description\"\u003eUn élixir floral biologique élaboré selon la méthode originelle du Dr Edward Bach, à partir de fleurs sauvages françaises. L'allié en douceur des tempéraments réservés, pour retrouver équilibre émotionnel et relations harmonieuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"wv-section\"\u003e\n \u003ch2\u003eWater Violet : pour qui ?\u003c\/h2\u003e\n \u003cp class=\"wv-section-intro\"\u003eLa \u003cstrong\u003eHottonie des marais\u003c\/strong\u003e (\u003cem\u003eWater Violet\u003c\/em\u003e) est traditionnellement recommandée aux personnalités calmes, discrètes, dotées d'une grande force intérieure, mais qui ont tendance à se replier sur elles-mêmes.\u003c\/p\u003e\n \u003cdiv class=\"wv-grid\"\u003e\n \u003cdiv class=\"wv-card\"\u003e\n \u003ch3\u003e💬 Expression émotionnelle\u003c\/h3\u003e\n \u003cp\u003eFacilite l'expression de vos émotions et de vos ressentis les plus profonds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wv-card\"\u003e\n \u003ch3\u003e🤝 Ouverture aux autres\u003c\/h3\u003e\n \u003cp\u003eEncourage une ouverture bienveillante et chaleureuse envers votre entourage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wv-card\"\u003e\n \u003ch3\u003e🌿 Moins d'isolement\u003c\/h3\u003e\n \u003cp\u003eAtténue le sentiment d'isolement ou de solitude intérieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wv-card\"\u003e\n \u003ch3\u003e✨ Sagesse \u0026amp; partage\u003c\/h3\u003e\n \u003cp\u003eFavorise humilité, sagesse et partage dans toutes vos relations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wv-tip\"\u003e\n \u003cspan class=\"wv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eComme l'ensemble des \u003cstrong\u003efleurs de Bach\u003c\/strong\u003e, cet élixir agit sur le plan émotionnel. Il peut se combiner à d'autres élixirs (comme le célèbre \u003cstrong\u003eRescue\u003c\/strong\u003e pour le stress intense) ou s'intégrer à une routine bien-être, notamment pendant la \u003cstrong\u003eménopause\u003c\/strong\u003e, période marquée par des émotions fluctuantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"wv-section\"\u003e\n \u003ch2\u003eUne élaboration artisanale et 100 % bio\u003c\/h2\u003e\n \u003cp class=\"wv-section-intro\"\u003eFidèle à la méthode du Dr Bach, cet élixir est préparé par \u003cstrong\u003esolarisation\u003c\/strong\u003e : les fleurs fraîchement cueillies reposent dans une eau de source exposée au soleil, afin d'en capter la vibration subtile.\u003c\/p\u003e\n \u003cdiv class=\"wv-grid-compact\"\u003e\n \u003cdiv class=\"wv-card\"\u003e\n \u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n \u003cp\u003eBase pure et naturelle de l'élixir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wv-card\"\u003e\n \u003ch3\u003e🥃 Cognac bio*\u003c\/h3\u003e\n \u003cp\u003eAgent de conservation naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wv-card\"\u003e\n \u003ch3\u003e🌸 Hottonia palustris*\u003c\/h3\u003e\n \u003cp\u003eExtrait floral de Hottonie des marais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wv-card\"\u003e\n \u003ch3\u003e🏅 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique FR-BIO-01.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"wv-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"wv-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"wv-section-intro\"\u003eDeux modes de prise sont possibles selon vos préférences et votre rythme de vie.\u003c\/p\u003e\n \u003cdiv class=\"wv-timeline\"\u003e\n \u003cdiv class=\"wv-timeline-item\"\u003e\n \u003cdiv class=\"wv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"wv-timeline-content\"\u003e\n \u003ch3\u003eUsage ponctuel\u003c\/h3\u003e\n \u003cp\u003eDéposez \u003cstrong\u003e4 gouttes sous la langue\u003c\/strong\u003e, 4 fois par jour, de préférence en dehors des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wv-timeline-item\"\u003e\n \u003cdiv class=\"wv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"wv-timeline-content\"\u003e\n \u003ch3\u003eUsage prolongé\u003c\/h3\u003e\n \u003cp\u003eDiluez \u003cstrong\u003e2 gouttes dans un verre d'eau\u003c\/strong\u003e ou dans une bouteille de 50 cl d'eau minérale non gazeuse, à consommer en plusieurs prises dans la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wv-timeline-item\"\u003e\n \u003cdiv class=\"wv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"wv-timeline-content\"\u003e\n \u003ch3\u003ePour de meilleurs résultats\u003c\/h3\u003e\n \u003cp\u003eGardez quelques secondes le liquide en bouche avant d'avaler. Une cure de \u003cstrong\u003e3 semaines\u003c\/strong\u003e est généralement conseillée, à renouveler si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"wv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations produit\u003c\/h2\u003e\n \u003cdiv class=\"wv-accordion\"\u003e\n \u003cdetails class=\"wv-accordion-item\" open\u003e\n \u003csummary class=\"wv-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"wv-accordion-content mt-3\"\u003e\n \u003cp\u003eFlacon compte-gouttes en verre ambré de \u003cstrong\u003e10 ml\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"wv-accordion-item\"\u003e\n \u003csummary class=\"wv-accordion-header\"\u003e🏅 Certification\u003c\/summary\u003e\n \u003cdiv class=\"wv-accordion-content mt-3\"\u003e\n \u003cp\u003eAgriculture Biologique – \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"wv-accordion-item\"\u003e\n \u003csummary class=\"wv-accordion-header\"\u003e🇫🇷 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"wv-accordion-content mt-3\"\u003e\n \u003cp\u003eArtisanale, en France, selon la méthode originelle du Dr Edward Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"wv-accordion-item\"\u003e\n \u003csummary class=\"wv-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"wv-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Déconseillé aux femmes enceintes et allaitantes en raison de la présence d'alcool. Ne dépassez pas la dose recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"wv-disclaimer\"\u003eCet élixir floral ne se substitue pas à une alimentation variée, à un mode de vie sain ni à un avis ou traitement médical. En cas de doute, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --wv-cream: #faf6f1;\n --wv-white: #ffffff;\n --wv-primary: #b8869a;\n --wv-primary-dark: #6d4656;\n --wv-primary-light: #f4e8ed;\n --wv-secondary: #d4a574;\n --wv-accent: #8a6b8a;\n --wv-text: #2a1f24;\n --wv-text-light: #6a5a60;\n --wv-border: #e8dcd5;\n --wv-shadow: 0 4px 24px rgba(109, 70, 86, .08);\n --wv-shadow-lg: 0 12px 48px rgba(109, 70, 86, .15);\n --wv-radius: 20px;\n --wv-radius-sm: 12px;\n}\n\n.wv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--wv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--wv-text);\n line-height: 1.6;\n}\n\n.wv-premium *, .wv-premium *::before, .wv-premium *::after {\n box-sizing: border-box;\n}\n\n.wv-hero {\n position: relative;\n background: linear-gradient(135deg, #b8869a 0%, #8a6b8a 50%, #6d4656 100%);\n border-radius: var(--wv-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(--wv-shadow-lg);\n}\n\n.wv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .15;\n}\n\n.wv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.wv-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.wv-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.wv-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.wv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.wv-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(--wv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.wv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.wv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.wv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--wv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.wv-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(--wv-primary), var(--wv-secondary));\n border-radius: 2px;\n}\n\n.wv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--wv-text-light);\n margin: 0 auto 1.75rem auto;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.wv-card {\n background: var(--wv-white);\n border-radius: var(--wv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--wv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.wv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--wv-shadow-lg);\n border-color: var(--wv-primary);\n}\n\n.wv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--wv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.wv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--wv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.wv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.wv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.wv-grid-compact .wv-card {\n padding: 1rem;\n}\n\n.wv-grid-compact .wv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.wv-grid-compact .wv-card p {\n font-size: 12px;\n}\n\n.wv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.wv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.wv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--wv-primary), var(--wv-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(184, 134, 154, .35);\n}\n\n.wv-timeline-content {\n flex: 1;\n background: var(--wv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--wv-radius-sm);\n box-shadow: var(--wv-shadow);\n}\n\n.wv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--wv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.wv-timeline-content p {\n font-size: 14px;\n color: var(--wv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.wv-accordion {\n background: var(--wv-white);\n border-radius: var(--wv-radius);\n box-shadow: var(--wv-shadow);\n overflow: hidden;\n}\n\n.wv-accordion-item {\n border-bottom: 1px solid var(--wv-border);\n margin: 0;\n padding: 0;\n}\n\n.wv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.wv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--wv-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.wv-accordion-header:hover {\n background: var(--wv-primary-light);\n}\n\n.wv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.wv-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--wv-primary);\n transition: transform .2s ease;\n margin-left: 12px;\n}\n\n.wv-accordion-item[open] .wv-accordion-header::after {\n content: '−';\n}\n\n.wv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--wv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.wv-accordion-content p {\n margin: 0;\n}\n\n.wv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--wv-primary-light);\n border-radius: var(--wv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--wv-primary);\n}\n\n.wv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.2;\n}\n\n.wv-tip p {\n font-size: 14px;\n color: var(--wv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.wv-disclaimer {\n font-size: 12px;\n color: var(--wv-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 .wv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .wv-card {\n padding: 1.125rem;\n }\n .wv-section {\n margin-bottom: 1.75rem;\n }\n .wv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--wv-radius-sm);\n }\n .wv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .wv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .wv-grid-compact {\n gap: .625rem;\n }\n .wv-grid-compact .wv-card {\n padding: .75rem;\n }\n .wv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .wv-timeline-content {\n padding: .875rem 1rem;\n }\n .wv-timeline-content h3 {\n font-size: 14px;\n }\n .wv-timeline-content p {\n font-size: 13px;\n }\n .wv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .wv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .wv-card {\n animation: fadeInUp .5s ease backwards;\n }\n .wv-card:nth-child(1) { animation-delay: .05s; }\n .wv-card:nth-child(2) { animation-delay: .1s; }\n .wv-card:nth-child(3) { animation-delay: .15s; }\n .wv-card:nth-child(4) { animation-delay: .2s; }\n .wv-card:nth-child(5) { animation-delay: .25s; }\n .wv-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 .wv-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":55121295475065,"sku":"DI5064","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-violette-deau-bio-10-ml-dioter-packshothd.webp?v=1789026730"},{"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 Hornbeam (Charme) n°17 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 Églantier (Wild Rose) n°37 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":false}],"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 Rock Water (Eau de Roche) n°27 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 Willow (Saule) n°38 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) n°31 bio - 10 ml - Dioter","description":"\u003cdiv class=\"vv-premium\"\u003e\n \u003cdiv class=\"vv-hero\"\u003e\n \u003cdiv class=\"vv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vv-hero-content\"\u003e\n \u003cdiv class=\"vv-badges-top\"\u003e\n \u003cspan class=\"vv-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"vv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"vv-badge\"\u003e💧 Élixir n°31\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vv-hero-title\"\u003eFleur de Bach Verveine Bio\u003c\/span\u003e\n \u003cp class=\"vv-subtitle\"\u003eL'élixir floral de la modération \u0026amp; du lâcher-prise\u003c\/p\u003e\n \u003cp class=\"vv-description\"\u003eIssue de la sagesse du \u003cstrong\u003eDr Edward Bach\u003c\/strong\u003e, la Fleur de Bach Verveine (Vervain) bio de Dioter est l'élixir floral n°31, spécialement conçu pour les personnes animées par une grande ferveur intérieure. Élaboré en France selon la méthode originelle de solarisation, il accompagne en douceur le retour à l'équilibre émotionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"vv-section\"\u003e\n \u003ch2\u003eSignification de la Fleur de Bach Verveine\u003c\/h2\u003e\n \u003cp class=\"vv-section-intro\"\u003eDans la classification du Dr Bach, la \u003cstrong\u003everveine (fleur de Bach n°31)\u003c\/strong\u003e est l'élixir des convictions profondes. Elle s'adresse aux personnes enthousiastes, passionnées, animées d'un fort désir de convaincre les autres du bien-fondé de leurs idées.\u003c\/p\u003e\n \u003cdiv class=\"vv-testimonial\"\u003e\n \u003cp class=\"vv-testimonial-text\"\u003e\"Ces tempéraments entiers peuvent s'épuiser nerveusement à force de vouloir défendre leurs principes. La signification de la fleur de Bach verveine tient en un mot : \u003cstrong\u003emodération\u003c\/strong\u003e. Elle aide à canaliser cette énergie débordante sans l'éteindre.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vv-section\"\u003e\n \u003ch2\u003eLes bienfaits et vertus de la Fleur de Bach Verveine\u003c\/h2\u003e\n \u003cdiv class=\"vv-grid\"\u003e\n \u003cdiv class=\"vv-card\"\u003e\n \u003ch3\u003e🧘 Apaise le mental\u003c\/h3\u003e\n \u003cp\u003eCalme un mental trop actif et les pensées envahissantes qui tournent en boucle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vv-card\"\u003e\n \u003ch3\u003e🕊️ Favorise le lâcher-prise\u003c\/h3\u003e\n \u003cp\u003eEncourage l'ouverture d'esprit et la capacité à relâcher la pression.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vv-card\"\u003e\n \u003ch3\u003e🔥 Tempère l'enthousiasme\u003c\/h3\u003e\n \u003cp\u003eAide à modérer un enthousiasme excessif et prévient le surmenage nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vv-card\"\u003e\n \u003ch3\u003e💆 Soutien nerveux\u003c\/h3\u003e\n \u003cp\u003eAccompagne en cas de tensions liées au militantisme ou au perfectionnisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vv-card\"\u003e\n \u003ch3\u003e👂 Ouverture aux autres\u003c\/h3\u003e\n \u003cp\u003eEncourage l'écoute active et l'accueil des autres points de vue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vv-card\"\u003e\n \u003ch3\u003e✨ Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eIdéal pour celles et ceux qui se sentent « sur tous les fronts » et peinent à se reposer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vv-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cet élixir floral ?\u003c\/h2\u003e\n \u003cp class=\"vv-section-intro\"\u003eLa \u003cstrong\u003everveine fleur de Bach\u003c\/strong\u003e convient aux tempéraments intenses, engagés, parfois rigides dans leurs idées. Si vous reconnaissez en vous cette soif de justice, cette difficulté à relâcher la pression ou à vous arrêter, cet élixir vous accompagnera pour retrouver souplesse et sérénité.\u003c\/p\u003e\n \u003cdiv class=\"vv-grid-compact\"\u003e\n \u003cdiv class=\"vv-card\"\u003e\n \u003ch3\u003e🎯 Tempéraments engagés\u003c\/h3\u003e\n \u003cp\u003ePersonnes passionnées, militantes, animées par des convictions fortes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vv-card\"\u003e\n \u003ch3\u003e⚡ Hyperactifs mentaux\u003c\/h3\u003e\n \u003cp\u003eEsprits qui peinent à s'arrêter, à ralentir et à se reposer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vv-card\"\u003e\n \u003ch3\u003e🏆 Perfectionnistes\u003c\/h3\u003e\n \u003cp\u003eCeux qui exigent beaucoup d'eux-mêmes et des autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vv-card\"\u003e\n \u003ch3\u003e💬 Convainqueurs\u003c\/h3\u003e\n \u003cp\u003eProfils qui cherchent à rallier les autres à leurs idées avec ferveur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vv-section\"\u003e\n \u003ch2\u003eFleur de Bach Verveine pour chien et chat ?\u003c\/h2\u003e\n \u003cp class=\"vv-section-intro\"\u003eLa \u003cstrong\u003efleur de Bach verveine pour chien\u003c\/strong\u003e ou \u003cstrong\u003epour chat\u003c\/strong\u003e peut être proposée aux animaux très actifs, excités ou qui semblent incapables de se reposer.\u003c\/p\u003e\n \u003cdiv class=\"vv-tip\"\u003e\n \u003cspan class=\"vv-tip-icon\"\u003e🐾\u003c\/span\u003e\n \u003cp\u003eDéposez \u003cstrong\u003e2 à 4 gouttes\u003c\/strong\u003e dans la gamelle d'eau ou directement sur la truffe. Pour toute pathologie, consultez un vétérinaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vv-section\"\u003e\n \u003ch2\u003eConseils d'utilisation de la Fleur de Bach Verveine\u003c\/h2\u003e\n \u003cdiv class=\"vv-timeline\"\u003e\n \u003cdiv class=\"vv-timeline-item\"\u003e\n \u003cdiv class=\"vv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"vv-timeline-content\"\u003e\n \u003ch3\u003e💧 Utilisation classique\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, \u003cstrong\u003e4 fois par jour\u003c\/strong\u003e, de préférence loin des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vv-timeline-item\"\u003e\n \u003cdiv class=\"vv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"vv-timeline-content\"\u003e\n \u003ch3\u003e🍶 En dilution\u003c\/h3\u003e\n \u003cp\u003eVersez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans une bouteille de 500 ml d'eau minérale non gazeuse. Buvez par petites gorgées tout au long de la journée, en agitant avant chaque prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vv-timeline-item\"\u003e\n \u003cdiv class=\"vv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"vv-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée de la cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e3 semaines minimum\u003c\/strong\u003e est recommandée pour observer des effets durables sur le terrain émotionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vv-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"vv-testimonial\"\u003e\n \u003cp class=\"vv-testimonial-text\"\u003eEau, \u003cstrong\u003eCognac biologique\u003c\/strong\u003e, solarisation de fleur de Bach Verveine (\u003cem\u003eVerbena officinalis\u003c\/em\u003e).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vv-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"vv-card\"\u003e\n \u003ch3\u003e🌿 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique certifiée FR-BIO-01.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vv-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eFlacon compte-gouttes en verre ambré de 10 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"vv-accordion\"\u003e\n \u003cdetails class=\"vv-accordion-item\"\u003e\n \u003csummary class=\"vv-accordion-header\"\u003e🍷 Présence d'alcool\u003c\/summary\u003e\n \u003cdiv class=\"vv-accordion-content mt-3\"\u003e\n \u003cp\u003eContient de l'alcool : déconseillé aux femmes enceintes, allaitantes et aux jeunes enfants sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vv-accordion-item\"\u003e\n \u003csummary class=\"vv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"vv-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vv-accordion-item\"\u003e\n \u003csummary class=\"vv-accordion-header\"\u003e⚠️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"vv-accordion-content mt-3\"\u003e\n \u003cp\u003eNe se substitue pas à une alimentation variée ni à un mode de vie sain. Cet élixir floral ne remplace en aucun cas un traitement médical. En cas de troubles persistants, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"vv-disclaimer\"\u003eLes fleurs de Bach sont des élixirs floraux à visée d'accompagnement émotionnel.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --vv-cream: #faf6f0;\n --vv-white: #ffffff;\n --vv-primary: #d4a59a;\n --vv-primary-dark: #8b5a4f;\n --vv-primary-light: #f5e6e0;\n --vv-secondary: #c4a573;\n --vv-accent: #e8b4a8;\n --vv-text: #3a2a25;\n --vv-text-light: #6b5b56;\n --vv-border: #e8dcd4;\n --vv-shadow: 0 4px 24px rgba(139,90,79,.08);\n --vv-shadow-lg: 0 12px 48px rgba(139,90,79,.18);\n --vv-radius: 20px;\n --vv-radius-sm: 12px;\n}\n\n.vv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--vv-text);\n line-height: 1.6;\n}\n\n.vv-hero {\n position: relative;\n background: linear-gradient(135deg, #d4a59a 0%, #c4a573 50%, #8b5a4f 100%);\n border-radius: var(--vv-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(--vv-shadow-lg);\n}\n\n.vv-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: .6;\n}\n\n.vv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vv-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.vv-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n}\n\n.vv-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 720px;\n}\n\n.vv-description strong {\n color: white;\n}\n\n.vv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.vv-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(--vv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.vv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.vv-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(--vv-primary), var(--vv-secondary));\n border-radius: 2px;\n}\n\n.vv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vv-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.vv-card {\n background: var(--vv-white);\n border-radius: var(--vv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vv-shadow-lg);\n border-color: var(--vv-primary);\n}\n\n.vv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.vv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.vv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vv-grid-compact .vv-card {\n padding: 1rem;\n}\n\n.vv-grid-compact .vv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vv-grid-compact .vv-card p {\n font-size: 12px;\n}\n\n.vv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.vv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vv-primary), var(--vv-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139,90,79,.25);\n}\n\n.vv-timeline-content {\n flex: 1;\n background: var(--vv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--vv-radius-sm);\n box-shadow: var(--vv-shadow);\n}\n\n.vv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--vv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vv-timeline-content p {\n font-size: 14px;\n color: var(--vv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.vv-testimonial {\n background: var(--vv-white);\n border-radius: var(--vv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vv-shadow);\n border-left: 4px solid var(--vv-primary);\n}\n\n.vv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.vv-accordion {\n background: var(--vv-white);\n border-radius: var(--vv-radius);\n box-shadow: var(--vv-shadow);\n overflow: hidden;\n}\n\n.vv-accordion-item {\n border-bottom: 1px solid var(--vv-border);\n margin: 0;\n padding: 0;\n}\n\n.vv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vv-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.vv-accordion-header:hover {\n background: var(--vv-primary-light);\n}\n\n.vv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vv-primary);\n transition: transform .2s ease;\n}\n\n.vv-accordion-item[open] .vv-accordion-header::after {\n content: '−';\n}\n\n.vv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.vv-accordion-content p {\n margin: 0;\n}\n\n.vv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--vv-primary-light);\n border-radius: var(--vv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.vv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.vv-tip p {\n font-size: 14px;\n color: var(--vv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.vv-disclaimer {\n font-size: 12px;\n color: var(--vv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .vv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .vv-card {\n padding: 1.125rem;\n }\n .vv-section {\n margin-bottom: 1.75rem;\n }\n .vv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vv-radius-sm);\n }\n .vv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .vv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .vv-grid-compact {\n gap: .625rem;\n }\n .vv-grid-compact .vv-card {\n padding: .75rem;\n }\n .vv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .vv-timeline-content {\n padding: .875rem 1rem;\n }\n .vv-timeline-content h3 {\n font-size: 14px;\n }\n .vv-timeline-content p {\n font-size: 13px;\n }\n .vv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .vv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .vv-testimonial {\n padding: 1.25rem;\n }\n .vv-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .vv-card {\n animation: fadeInUp .5s ease backwards;\n }\n .vv-card:nth-child(1) { animation-delay: .05s; }\n .vv-card:nth-child(2) { animation-delay: .1s; }\n .vv-card:nth-child(3) { animation-delay: .15s; }\n .vv-card:nth-child(4) { animation-delay: .2s; }\n .vv-card:nth-child(5) { animation-delay: .25s; }\n .vv-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 .vv-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":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-vervain-bio-10-ml-dioter-packshothd.webp?v=1789026902"},{"product_id":"fleur-de-bach-impatiente-bio-10-ml-dioter","title":"Fleur de Bach Impatiens (Impatiente) n°18 bio - 10 ml - Dioter","description":"\u003cdiv class=\"imp-premium\"\u003e\n \u003cdiv class=\"imp-hero\"\u003e\n \u003cdiv class=\"imp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"imp-hero-content\"\u003e\n \u003cdiv class=\"imp-badges-top\"\u003e\n \u003cspan class=\"imp-badge\"\u003e🌸 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"imp-badge\"\u003e💧 Méthode Dr Bach\u003c\/span\u003e\n \u003cspan class=\"imp-badge\"\u003e🇫🇷 Cueillette France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"imp-hero-title\" style=\"font-weight:bold;\"\u003eRetrouvez patience et sérénité au quotidien\u003c\/span\u003e\n \u003cp class=\"imp-subtitle\"\u003eÉlixir floral authentique selon la méthode du Dr Edward Bach\u003c\/p\u003e\n \u003cp class=\"imp-description\"\u003eUne essence subtile obtenue par solarisation, pour apaiser l'agitation intérieure et cultiver la tolérance envers soi et les autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"imp-section\"\u003e\n \u003ch2\u003eImpatiens, la fleur de Bach des personnes pressées\u003c\/h2\u003e\n \u003cp class=\"imp-section-intro\"\u003eDans la classification du Dr Bach, l'\u003cstrong\u003eImpatiens\u003c\/strong\u003e (Impatiente glanduleuse) appartient au groupe des fleurs liées à la \u003cstrong\u003esolitude intérieure\u003c\/strong\u003e. Elle s'adresse à celles et ceux qui vivent à cent à l'heure, supportent mal la lenteur des autres et ressentent une \u003cstrong\u003eagitation mentale\u003c\/strong\u003e permanente.\u003c\/p\u003e\n \u003cp style=\"text-align:center;font-weight:600;margin-bottom:1.5rem;\"\u003eVous reconnaissez-vous dans ces situations ?\u003c\/p\u003e\n \u003cdiv class=\"imp-grid-compact\"\u003e\n \u003cdiv class=\"imp-card\"\u003e\n \u003ch3\u003e💬 Anticipation\u003c\/h3\u003e\n \u003cp\u003eVous terminez les phrases de vos interlocuteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imp-card\"\u003e\n \u003ch3\u003e⏳ Attente pénible\u003c\/h3\u003e\n \u003cp\u003eFiles, embouteillages et réunions vous exaspèrent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imp-card\"\u003e\n \u003ch3\u003e🏃 Solo par efficacité\u003c\/h3\u003e\n \u003cp\u003eVous préférez travailler seul pour aller plus vite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imp-card\"\u003e\n \u003ch3\u003e💢 Tensions physiques\u003c\/h3\u003e\n \u003cp\u003eÉpaules et nuque contractées, corps sous pression.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imp-tip\"\u003e\n \u003cspan class=\"imp-tip-icon\"\u003e🌸\u003c\/span\u003e\n \u003cp\u003eSi oui, l'\u003cstrong\u003eImpatiens fleur de Bach\u003c\/strong\u003e pourrait devenir votre alliée du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"imp-section\"\u003e\n \u003ch2\u003eLes bienfaits de la Fleur de Bach Impatiens\u003c\/h2\u003e\n \u003cp class=\"imp-section-intro\"\u003eConsidérée comme une \u003cstrong\u003efleur de Bach anti-stress\u003c\/strong\u003e par excellence, elle agit sur un travail émotionnel en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"imp-grid\"\u003e\n \u003cdiv class=\"imp-card\"\u003e\n \u003ch3\u003e😌 Apaise l'irritabilité\u003c\/h3\u003e\n \u003cp\u003eDiminue la nervosité et les réactions vives face aux contrariétés du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imp-card\"\u003e\n \u003ch3\u003e🕊️ Favorise la patience\u003c\/h3\u003e\n \u003cp\u003eCultive la tolérance et l'indulgence envers soi-même et les autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imp-card\"\u003e\n \u003ch3\u003e💞 Communication sereine\u003c\/h3\u003e\n \u003cp\u003eEncourage des échanges plus doux dans la sphère familiale et professionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imp-card\"\u003e\n \u003ch3\u003e🧘 Relâchement nerveux\u003c\/h3\u003e\n \u003cp\u003eAide à dénouer les tensions liées à un rythme de vie effréné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imp-testimonial\"\u003e\n \u003cp class=\"imp-testimonial-text\"\u003e\"Le Dr Bach voyait dans l'Impatiens la fleur de celles et ceux qui, libérés de leur impatience, deviennent des êtres décidés, vifs et spontanés, capables d'évoluer à leur rythme sans irritation.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"imp-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"imp-timeline\"\u003e\n \u003cdiv class=\"imp-timeline-item\"\u003e\n \u003cdiv class=\"imp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"imp-timeline-content\"\u003e\n \u003ch3\u003e💧 Méthode classique\u003c\/h3\u003e\n \u003cp\u003e2 à 5 gouttes directement sous la langue ou diluées dans un verre d'eau, à prendre \u003cstrong\u003e4 fois par jour\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imp-timeline-item\"\u003e\n \u003cdiv class=\"imp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"imp-timeline-content\"\u003e\n \u003ch3\u003e🥛 Méthode en cure\u003c\/h3\u003e\n \u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans ½ litre d'eau minérale non gazeuse, à boire en 4 à 5 prises réparties dans la journée. Agitez avant chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imp-timeline-item\"\u003e\n \u003cdiv class=\"imp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"imp-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée recommandée\u003c\/h3\u003e\n \u003cp\u003e3 semaines à 1 mois pour une action durable, ou ponctuellement lors d'un pic de tension.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imp-tip\"\u003e\n \u003cspan class=\"imp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePrenez l'élixir de préférence \u003cstrong\u003eà distance des repas\u003c\/strong\u003e, du café et de la menthe pour préserver toute son action.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"imp-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"imp-grid-compact\"\u003e\n \u003cdiv class=\"imp-card\"\u003e\n \u003ch3\u003e💧 Eau pure\u003c\/h3\u003e\n \u003cp\u003eSupport neutre de l'élixir floral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imp-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 \u003cdiv class=\"imp-card\"\u003e\n \u003ch3\u003e🌸 Impatiens bio\u003c\/h3\u003e\n \u003cp\u003eSolarisation de fleur sauvage cueillie en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imp-card\"\u003e\n \u003ch3\u003e✅ FR-BIO-01\u003c\/h3\u003e\n \u003cp\u003eFlacon compte-gouttes de 10 ml certifié Agriculture Biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"imp-section\"\u003e\n \u003ch2\u003eVos interrogations\u003c\/h2\u003e\n \u003cdiv class=\"imp-accordion\"\u003e\n \u003cdetails class=\"imp-accordion-item\"\u003e\n \u003csummary class=\"imp-accordion-header\"\u003e⭐ Quel est l'avis sur la fleur de Bach Impatiens ?\u003c\/summary\u003e\n \u003cdiv class=\"imp-accordion-content mt-3\"\u003e\n \u003cp\u003eTrès appréciée des personnes hyperactives, elle est souvent citée parmi les élixirs incontournables de la gamme du Dr Bach pour retrouver calme et patience.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"imp-accordion-item\"\u003e\n \u003csummary class=\"imp-accordion-header\"\u003e🌼 Peut-on l'associer à d'autres fleurs ?\u003c\/summary\u003e\n \u003cdiv class=\"imp-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, jusqu'à 7 élixirs peuvent être combinés. Impatiens est l'un des cinq composants du célèbre Rescue, le mélange d'urgence du Dr Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"imp-accordion-item\"\u003e\n \u003csummary class=\"imp-accordion-header\"\u003e💊 Existe-t-il une version pastille fleur de Bach anti-stress ?\u003c\/summary\u003e\n \u003cdiv class=\"imp-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, mais cette présentation est uniquement disponible en flacon liquide pour une assimilation rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"imp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"imp-cta-box\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical ni à une alimentation variée et équilibrée. Demandez l'avis de votre médecin en cas de doute, notamment pour les femmes enceintes, allaitantes ou les personnes sensibles à l'alcool. Tenir hors de portée des enfants. Ne pas dépasser la dose recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --imp-cream: #faf6f2;\n --imp-white: #ffffff;\n --imp-primary: #e8a5a5;\n --imp-primary-dark: #a86868;\n --imp-primary-light: #f7e8e8;\n --imp-secondary: #d4a373;\n --imp-accent: #c17b7b;\n --imp-text: #1a1a1a;\n --imp-text-light: #5a5a5a;\n --imp-font-title: \"Tenor Sans\", sans-serif;\n --imp-font-text: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n --imp-border: #ecdcdc;\n --imp-shadow: 0 4px 24px rgba(168,104,104,.08);\n --imp-shadow-lg: 0 12px 48px rgba(168,104,104,.15);\n --imp-radius: 20px;\n --imp-radius-sm: 12px;\n}\n\n.imp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--imp-cream);\n font-family: var(--imp-font-text);\n color: var(--imp-text);\n}\n\n.imp-hero {\n position: relative;\n background: linear-gradient(135deg, #e8a5a5 0%, #d4a373 50%, #a86868 100%);\n border-radius: var(--imp-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(--imp-shadow-lg);\n}\n\n.imp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 3px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 3px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\n background-size: 80px 80px, 100px 100px, 60px 60px;\n}\n\n.imp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.imp-hero-title {\n display: block;\n color: white;\n font-family: var(--imp-font-title);\n font-size: clamp(26px, 3.2vw, 36px);\n font-weight: 400;\n line-height: 1.25;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-wrap: balance;\n text-shadow: 0 2px 12px rgba(0,0,0,.25);\n}\n\n.imp-subtitle {\n font-family: var(--imp-font-title);\n font-size: 18px;\n line-height: 1.6;\n letter-spacing: .02em;\n color: white;\n margin: 0 0 1rem 0;\n}\n\n.imp-description {\n color: rgba(255,255,255,.95);\n font-size: 15px;\n line-height: 1.65;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.imp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.imp-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-family: var(--imp-font-title);\n font-size: 12px;\n font-weight: 400;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--imp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.imp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.imp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.imp-premium h2 {\n font-family: var(--imp-font-title);\n font-size: clamp(24px, 3vw, 30px);\n font-weight: 400;\n line-height: 1.25;\n color: var(--imp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: .5px;\n text-wrap: balance;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.imp-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(--imp-primary), var(--imp-secondary));\n border-radius: 2px;\n}\n\n.imp-section :where(p, li) {\n font-size: 15px;\n line-height: 1.65;\n}\n\n.imp-premium strong {\n font-weight: 600;\n}\n\n.imp-card {\n background: var(--imp-white);\n border-radius: var(--imp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--imp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.imp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--imp-shadow-lg);\n border-color: var(--imp-primary);\n}\n\n.imp-card h3 {\n font-family: var(--imp-font-title);\n font-size: 17px;\n font-weight: 400;\n letter-spacing: .3px;\n color: var(--imp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.35;\n}\n\n.imp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--imp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.imp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.imp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.imp-grid-compact .imp-card {\n padding: 1rem;\n}\n\n.imp-grid-compact .imp-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n}\n\n.imp-grid-compact .imp-card p {\n font-size: 12px;\n}\n\n.imp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.imp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.imp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--imp-primary), var(--imp-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.imp-timeline-content {\n flex: 1;\n background: var(--imp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--imp-radius-sm);\n box-shadow: var(--imp-shadow);\n}\n\n.imp-timeline-content h3 {\n font-family: var(--imp-font-title);\n font-size: 17px;\n font-weight: 400;\n letter-spacing: .3px;\n line-height: 1.35;\n color: var(--imp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.imp-timeline-content p {\n font-size: 14px;\n color: var(--imp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.imp-testimonial {\n background: var(--imp-white);\n border-radius: var(--imp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--imp-shadow);\n border-left: 4px solid var(--imp-primary);\n margin-top: 1.5rem;\n}\n\n.imp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--imp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.imp-accordion {\n background: var(--imp-white);\n border-radius: var(--imp-radius);\n box-shadow: var(--imp-shadow);\n overflow: hidden;\n}\n\n.imp-accordion-item {\n border-bottom: 1px solid var(--imp-border);\n margin: 0;\n padding: 0;\n}\n\n.imp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.imp-accordion-header {\n padding: 1rem 1.25rem;\n font-family: var(--imp-font-title);\n font-weight: 400;\n font-size: 16px;\n letter-spacing: .3px;\n color: var(--imp-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.imp-accordion-header:hover {\n background: var(--imp-primary-light);\n}\n\n.imp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.imp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--imp-primary);\n transition: transform .2s ease;\n}\n\n.imp-accordion-item[open] .imp-accordion-header::after {\n content: '−';\n}\n\n.imp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--imp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.imp-accordion-content p {\n margin: 0;\n}\n\n.imp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--imp-primary-light);\n border-radius: var(--imp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.imp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.imp-tip p {\n font-size: 14px;\n color: var(--imp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.imp-cta-box {\n background: linear-gradient(135deg, var(--imp-primary) 0%, var(--imp-primary-dark) 100%);\n border-radius: var(--imp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.imp-cta-box p {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.imp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--imp-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .imp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .imp-card {\n padding: 1.125rem;\n }\n\n .imp-card h3 {\n font-size: 16px;\n }\n\n .imp-section {\n margin-bottom: 1.75rem;\n }\n\n .imp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--imp-radius-sm);\n }\n\n .imp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .imp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .imp-grid-compact {\n gap: .625rem;\n }\n\n .imp-grid-compact .imp-card {\n padding: .75rem;\n }\n\n .imp-grid-compact .imp-card h3 {\n font-size: 14px;\n }\n\n .imp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .imp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .imp-timeline-content h3 {\n font-size: 16px;\n }\n\n .imp-timeline-content p {\n font-size: 13px;\n }\n\n .imp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .imp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .imp-testimonial {\n padding: 1.25rem;\n }\n\n .imp-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .imp-card {\n animation: fadeInUp .5s ease backwards;\n }\n .imp-card:nth-child(1) { animation-delay: .05s; }\n .imp-card:nth-child(2) { animation-delay: .1s; }\n .imp-card:nth-child(3) { animation-delay: .15s; }\n .imp-card:nth-child(4) { animation-delay: .2s; }\n .imp-card:nth-child(5) { animation-delay: .25s; }\n .imp-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 .imp-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":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-impatiens-bio-10-ml-dioter-packshothd_fdc19118-88e3-4716-88e2-586a77c8d1ee.webp?v=1789912237"},{"product_id":"fleur-de-bach-marronnier-blanc-bio-10-ml-dioter","title":"Fleur de Bach White Chestnut (Marronnier Blanc) n°35 bio - 10 ml - Dioter","description":"\u003cdiv class=\"wc-premium\"\u003e\n \u003cdiv class=\"wc-hero\"\u003e\n \u003cdiv class=\"wc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"wc-hero-content\"\u003e\n \u003cdiv class=\"wc-badges-top\"\u003e\n \u003cspan class=\"wc-badge\"\u003e🌸 100% Bio\u003c\/span\u003e\n \u003cspan class=\"wc-badge\"\u003e🇫🇷 Fleurs françaises\u003c\/span\u003e\n \u003cspan class=\"wc-badge\"\u003e☀️ Méthode Dr. Bach\u003c\/span\u003e\n \u003cspan class=\"wc-badge\"\u003e💧 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"wc-hero-title\"\u003eApaisez enfin votre mental qui tourne en boucle\u003c\/span\u003e\n \u003cp class=\"wc-subtitle\"\u003eL'élixir floral du calme intérieur\u003c\/p\u003e\n \u003cp class=\"wc-description\"\u003eÉlaboré selon la méthode originelle du Dr. Bach à partir de fleurs sauvages cueillies à la main, le Marronnier Blanc bio Dioter apaise les pensées obsédantes et vous rend un esprit clair et disponible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"wc-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse la Fleur de Bach White Chestnut ?\u003c\/h2\u003e\n \u003cp class=\"wc-section-intro\"\u003eParmi les 38 élixirs floraux du Dr. Bach, le Marronnier Blanc correspond à un état émotionnel bien précis : celui d'un mental qui ne se met jamais en pause.\u003c\/p\u003e\n \u003cdiv class=\"wc-grid\"\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e🧠 Pensées obsédantes\u003c\/h3\u003e\n \u003cp\u003eVous êtes sujet(te) aux ruminations et aux scénarios mentaux répétitifs qui reviennent sans cesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e💭 Ruminations mentales\u003c\/h3\u003e\n \u003cp\u003eVous ressassez les conversations passées ou anticipez celles à venir en boucle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e🌙 Sommeil difficile\u003c\/h3\u003e\n \u003cp\u003eVous peinez à trouver le sommeil à cause d'un cerveau « qui ne s'arrête pas » le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e😮‍💨 Fatigue mentale\u003c\/h3\u003e\n \u003cp\u003eVous ressentez un épuisement lié à un flot ininterrompu de pensées incontrôlables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e🧘 Méditation apaisée\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez pratiquer la méditation ou la pleine conscience plus sereinement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e✨ Clarté d'esprit\u003c\/h3\u003e\n \u003cp\u003eVous aspirez à retrouver un esprit disponible pour profiter pleinement du présent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"wc-section\"\u003e\n \u003ch2\u003eLes bienfaits du Marronnier Blanc bio\u003c\/h2\u003e\n \u003cp class=\"wc-section-intro\"\u003eContrairement au Rescue fleur de Bach conçu pour les situations d'urgence émotionnelle, le White Chestnut agit en profondeur sur la sphère mentale.\u003c\/p\u003e\n \u003cdiv class=\"wc-grid-compact\"\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e🕊️ Calme intérieur\u003c\/h3\u003e\n \u003cp\u003eUn apaisement profond du flot des pensées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e🎯 Concentration\u003c\/h3\u003e\n \u003cp\u003eUn esprit plus disponible et focalisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e💡 Clarté mentale\u003c\/h3\u003e\n \u003cp\u003eVoir les choses avec plus d'objectivité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e🌿 Sérénité\u003c\/h3\u003e\n \u003cp\u003eGestion douce du stress et de l'anxiété.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wc-tip\"\u003e\n \u003cspan class=\"wc-tip-icon\"\u003e🌷\u003c\/span\u003e\n \u003cp\u003eCet élixir floral s'intègre parfaitement à une démarche globale de bien-être. Il peut accompagner les périodes de transition de vie, comme la \u003cstrong\u003eménopause\u003c\/strong\u003e, durant lesquelles les émotions et pensées peuvent être plus intenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"wc-section\"\u003e\n \u003ch2\u003eUne qualité biologique authentique\u003c\/h2\u003e\n \u003cdiv class=\"wc-grid\"\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e🌼 Fleurs sauvages françaises\u003c\/h3\u003e\n \u003cp\u003eCueillies à la main au moment optimal de leur floraison, dans le respect de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e☀️ Solarisation traditionnelle\u003c\/h3\u003e\n \u003cp\u003eLes fleurs sont exposées au soleil dans une eau de source pure pour extraire leur empreinte vibratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e🌱 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eAucun additif synthétique ni colorant. Un produit qui respecte l'environnement et la vitalité de la plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"wc-section\"\u003e\n \u003ch2\u003eComposition complète (10 ml)\u003c\/h2\u003e\n \u003cdiv class=\"wc-grid\"\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n \u003cp\u003ePure et vivante, elle sert de support à l'infusion solaire des fleurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e🥃 Cognac biologique\u003c\/h3\u003e\n \u003cp\u003eUtilisé comme conservateur naturel pour préserver toute l'efficacité de l'élixir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wc-card\"\u003e\n \u003ch3\u003e🌸 Marronnier Blanc bio\u003c\/h3\u003e\n \u003cp\u003eInfusion solaire de fleur de \u003cem\u003eAesculus hippocastanum\u003c\/em\u003e, l'ingrédient actif emblématique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"wc-section\"\u003e\n \u003ch2\u003eComment utiliser la Fleur de Bach Marronnier Blanc ?\u003c\/h2\u003e\n \u003cdiv class=\"wc-timeline\"\u003e\n \u003cdiv class=\"wc-timeline-item\"\u003e\n \u003cdiv class=\"wc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"wc-timeline-content\"\u003e\n \u003ch3\u003eMéthode directe\u003c\/h3\u003e\n \u003cp\u003e5 gouttes sous la langue ou dans un peu d'eau, 4 fois par jour, notamment au coucher pour apaiser les pensées du soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wc-timeline-item\"\u003e\n \u003cdiv class=\"wc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"wc-timeline-content\"\u003e\n \u003ch3\u003eMéthode diluée\u003c\/h3\u003e\n \u003cp\u003e25 gouttes dans 1\/2 litre d'eau minérale non gazeuse, à boire en 4 à 5 prises réparties dans la journée. Agitez avant chaque prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wc-timeline-item\"\u003e\n \u003cdiv class=\"wc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"wc-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de 3 semaines est généralement recommandée, à renouveler si besoin selon votre ressenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"wc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"wc-accordion\"\u003e\n \u003cdetails class=\"wc-accordion-item\"\u003e\n \u003csummary class=\"wc-accordion-header\"\u003e👶 Public sensible\u003c\/summary\u003e\n \u003cdiv class=\"wc-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants de moins de 3 ans. En raison de la présence d'alcool, déconseillé aux femmes enceintes et aux personnes sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"wc-accordion-item\"\u003e\n \u003csummary class=\"wc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"wc-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et des sources électromagnétiques pour préserver l'empreinte vibratoire de l'élixir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"wc-accordion-item\"\u003e\n \u003csummary class=\"wc-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"wc-accordion-content mt-3\"\u003e\n \u003cp\u003eLes fleurs de Bach sont un complément au bien-être émotionnel et \u003cstrong\u003ene remplacent en aucun cas un avis ou un traitement médical\u003c\/strong\u003e. En cas de troubles persistants, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"wc-disclaimer\"\u003eCe produit est un complément au bien-être émotionnel et ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --wc-cream: #f7f3ec;\n --wc-white: #ffffff;\n --wc-primary: #8b7cb8;\n --wc-primary-dark: #4a3f6b;\n --wc-primary-light: #ede8f5;\n --wc-secondary: #d4a5a5;\n --wc-accent: #e8c4a0;\n --wc-text: #2a2438;\n --wc-text-light: #6b6478;\n --wc-border: #e0dae8;\n --wc-shadow: 0 4px 24px rgba(74,63,107,.08);\n --wc-shadow-lg: 0 12px 48px rgba(74,63,107,.18);\n --wc-radius: 20px;\n --wc-radius-sm: 12px;\n}\n\n.wc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--wc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--wc-text);\n line-height: 1.6;\n}\n\n.wc-hero {\n position: relative;\n background: linear-gradient(135deg, #b8a9d6 0%, #8b7cb8 50%, #6a5a94 100%);\n border-radius: var(--wc-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(--wc-shadow-lg);\n}\n\n.wc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 3px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 3px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\n background-size: 80px 80px, 60px 60px, 40px 40px;\n}\n\n.wc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.wc-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.wc-subtitle {\n color: rgba(255,255,255,.95);\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.wc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.wc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.wc-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(--wc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.wc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.wc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.wc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--wc-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.wc-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(--wc-primary), var(--wc-secondary));\n border-radius: 2px;\n}\n\n.wc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--wc-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.wc-card {\n background: var(--wc-white);\n border-radius: var(--wc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--wc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.wc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--wc-shadow-lg);\n border-color: var(--wc-primary);\n}\n\n.wc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--wc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.wc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--wc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.wc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.wc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.wc-grid-compact .wc-card {\n padding: 1rem;\n}\n\n.wc-grid-compact .wc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.wc-grid-compact .wc-card p {\n font-size: 12px;\n}\n\n.wc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.wc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.wc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--wc-primary), var(--wc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139,124,184,.3);\n}\n\n.wc-timeline-content {\n flex: 1;\n background: var(--wc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--wc-radius-sm);\n box-shadow: var(--wc-shadow);\n}\n\n.wc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--wc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.wc-timeline-content p {\n font-size: 14px;\n color: var(--wc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.wc-accordion {\n background: var(--wc-white);\n border-radius: var(--wc-radius);\n box-shadow: var(--wc-shadow);\n overflow: hidden;\n}\n\n.wc-accordion-item {\n border-bottom: 1px solid var(--wc-border);\n margin: 0;\n padding: 0;\n}\n\n.wc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.wc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--wc-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.wc-accordion-header:hover {\n background: var(--wc-primary-light);\n}\n\n.wc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.wc-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--wc-primary);\n transition: transform .2s ease;\n}\n\n.wc-accordion-item[open] .wc-accordion-header::after {\n content: '−';\n}\n\n.wc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--wc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.wc-accordion-content p {\n margin: 0;\n}\n\n.wc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--wc-primary-light);\n border-radius: var(--wc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.wc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.wc-tip p {\n font-size: 14px;\n color: var(--wc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.wc-disclaimer {\n font-size: 12px;\n color: var(--wc-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .wc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .wc-card {\n padding: 1.125rem;\n }\n .wc-section {\n margin-bottom: 1.75rem;\n }\n .wc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--wc-radius-sm);\n }\n .wc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .wc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .wc-grid-compact {\n gap: .625rem;\n }\n .wc-grid-compact .wc-card {\n padding: .75rem;\n }\n .wc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .wc-timeline-content {\n padding: .875rem 1rem;\n }\n .wc-timeline-content h3 {\n font-size: 14px;\n }\n .wc-timeline-content p {\n font-size: 13px;\n }\n .wc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .wc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .wc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .wc-card:nth-child(1) { animation-delay: .05s; }\n .wc-card:nth-child(2) { animation-delay: .1s; }\n .wc-card:nth-child(3) { animation-delay: .15s; }\n .wc-card:nth-child(4) { animation-delay: .2s; }\n .wc-card:nth-child(5) { animation-delay: .25s; }\n .wc-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 .wc-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":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-marronnier-blanc-white-chesnut-bio-10-ml-diote-packshothd_ae0e4c6b-3f2e-48f6-a64b-500b502c8389.webp?v=1789910548"},{"product_id":"fleur-de-bach-heliantheme-bio-10-ml-dioter","title":"Fleur de Bach Rock Rose (Hélianthème) n°26 bio - 10 ml - Dioter","description":"\u003cdiv class=\"rr-premium\"\u003e\n \u003cdiv class=\"rr-hero\"\u003e\n \u003cdiv class=\"rr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rr-hero-content\"\u003e\n \u003cdiv class=\"rr-badges-top\"\u003e\n \u003cspan class=\"rr-badge\"\u003e🌸 Bio certifié\u003c\/span\u003e\n \u003cspan class=\"rr-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"rr-badge\"\u003e💧 10 ml\u003c\/span\u003e\n \u003cspan class=\"rr-badge\"\u003e✋ Artisanal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rr-hero-title\"\u003eRock Rose — l'élixir floral du courage\u003c\/span\u003e\n \u003cp class=\"rr-description\"\u003eÉlaboré artisanalement par Dioter selon la méthode originelle du Dr Bach, cet élixir floral traditionnel accompagne les états de peur intense, de panique et de terreur soudaine pour retrouver sang-froid et courage intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rr-section\"\u003e\n \u003ch2\u003eFleur de Bach Hélianthème : retrouver le courage face à la peur\u003c\/h2\u003e\n \u003cp class=\"rr-section-intro\"\u003eLa \u003cstrong\u003eFleur de Bach Hélianthème Bio\u003c\/strong\u003e, aussi appelée \u003cem\u003eRock Rose\u003c\/em\u003e, est l'un des 38 élixirs floraux mis au point par le Dr Edward Bach au début du XXe siècle. Élaborée artisanalement par \u003cstrong\u003eDioter\u003c\/strong\u003e, cette préparation naturelle est traditionnellement utilisée pour accompagner les états de \u003cstrong\u003epeur intense\u003c\/strong\u003e, de panique ou de terreur soudaine. Si vous traversez un moment de grande vulnérabilité émotionnelle, cet élixir peut vous aider à retrouver votre sang-froid et votre courage intérieur.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rr-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse l'Hélianthème (Rock Rose) ?\u003c\/h2\u003e\n \u003cp class=\"rr-section-intro\"\u003eL'Hélianthème est la \u003cstrong\u003efleur de Bach des grandes frayeurs\u003c\/strong\u003e. Elle s'adresse aux personnes confrontées à :\u003c\/p\u003e\n \u003cdiv class=\"rr-grid\"\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e😰 Panique paralysante\u003c\/h3\u003e\n \u003cp\u003eÉpisodes de panique ou de terreur qui figent et empêchent de réagir face à l'imprévu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e💥 Choc émotionnel\u003c\/h3\u003e\n \u003cp\u003eSuite à un événement traumatisant récent ou une situation de grande vulnérabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e🌙 Terreurs nocturnes\u003c\/h3\u003e\n \u003cp\u003eCauchemars répétitifs ou terreurs nocturnes, notamment chez l'enfant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e⚡ Peur aiguë\u003c\/h3\u003e\n \u003cp\u003ePeur intense et soudaine face à une situation perçue comme menaçante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-tip\"\u003e\n \u003cspan class=\"rr-tip-icon\"\u003e🆘\u003c\/span\u003e\n \u003cp\u003eRock Rose est l'un des composants emblématiques du célèbre \u003cstrong\u003eRescue\u003c\/strong\u003e, la formule d'urgence du Dr Bach. Contrairement aux idées reçues, cette fleur n'est pas indiquée pour la \u003cem\u003efleur de Bach perte de poids\u003c\/em\u003e, la \u003cem\u003efleur de Bach ménopause\u003c\/em\u003e ou la \u003cem\u003efleur de Bach stress\u003c\/em\u003e du quotidien : pour ces problématiques, d'autres élixirs comme ceux proposés par \u003cem\u003eAzur fleur de Bach\u003c\/em\u003e ou \u003cem\u003eFlorna fleur de Bach\u003c\/em\u003e seront plus adaptés. L'Hélianthème agit spécifiquement sur les \u003cstrong\u003epeurs aiguës et soudaines\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rr-section\"\u003e\n \u003ch2\u003eUne fabrication artisanale et 100 % biologique\u003c\/h2\u003e\n \u003cp class=\"rr-section-intro\"\u003eDioter élabore ses élixirs selon la \u003cstrong\u003eméthode originelle du Dr Bach\u003c\/strong\u003e : les fleurs sauvages d'Hélianthème sont cueillies à la main en France, puis exposées au soleil dans une eau de source pure (solarisation). Cette extraction douce préserve l'\u003cstrong\u003eempreinte vibratoire\u003c\/strong\u003e de la plante. L'élixir est ensuite stabilisé dans un \u003cstrong\u003ecognac biologique\u003c\/strong\u003e, garantissant un produit pur, naturel et respectueux de la tradition. Certification \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"rr-grid-compact\"\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e🌼 Cueillette manuelle\u003c\/h3\u003e\n \u003cp\u003eFleurs sauvages récoltées à la main en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n \u003cp\u003eInfusion solaire dans une eau de source pure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e🍇 Cognac bio\u003c\/h3\u003e\n \u003cp\u003eStabilisation naturelle dans un cognac biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-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\n \u003csection class=\"rr-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"rr-timeline\"\u003e\n \u003cdiv class=\"rr-timeline-item\"\u003e\n \u003cdiv class=\"rr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rr-timeline-content\"\u003e\n \u003ch3\u003eUsage ponctuel\u003c\/h3\u003e\n \u003cp\u003eDéposez \u003cstrong\u003e4 gouttes directement sous la langue\u003c\/strong\u003e, à renouveler aussi souvent que nécessaire en cas de besoin urgent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-timeline-item\"\u003e\n \u003cdiv class=\"rr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rr-timeline-content\"\u003e\n \u003ch3\u003eCure de fond\u003c\/h3\u003e\n \u003cp\u003eDiluez \u003cstrong\u003e4 gouttes dans un verre d'eau\u003c\/strong\u003e, à boire en plusieurs petites gorgées, \u003cstrong\u003e4 fois par jour\u003c\/strong\u003e avant les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-timeline-item\"\u003e\n \u003cdiv class=\"rr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rr-timeline-content\"\u003e\n \u003ch3\u003ePréparation longue durée\u003c\/h3\u003e\n \u003cp\u003eAjoutez \u003cstrong\u003e16 gouttes dans une bouteille d'eau minérale de 75 cl\u003c\/strong\u003e, à consommer dans la journée en agitant légèrement avant chaque prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-tip\"\u003e\n \u003cspan class=\"rr-tip-icon\"\u003e⏳\u003c\/span\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e3 semaines\u003c\/strong\u003e est généralement conseillée pour ressentir les bienfaits sur le long terme. L'Hélianthème peut être associé à d'autres fleurs de Bach selon votre ressenti émotionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rr-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rr-testimonial\"\u003e\n \u003cp class=\"rr-testimonial-text\"\u003eEau, cognac biologique*, infusion solarisée de fleurs d'Hélianthème (\u003cem\u003eHelianthemum nummularium\u003c\/em\u003e)*.\u003cbr\u003e\u003cbr\u003e*Ingrédients issus de l'agriculture biologique – Certifié \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e.\u003cbr\u003eContenance : \u003cstrong\u003e10 ml\u003c\/strong\u003e avec compte-gouttes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rr-section\"\u003e\n \u003ch2\u003eAvis et questions fréquentes sur la Fleur de Bach Hélianthème\u003c\/h2\u003e\n \u003cdiv class=\"rr-accordion\"\u003e\n \u003cdetails class=\"rr-accordion-item\"\u003e\n \u003csummary class=\"rr-accordion-header\"\u003e👶 Peut-on la donner aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"rr-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, en diluant les gouttes dans de l'eau pour éviter l'alcool. Très utile en cas de cauchemars.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rr-accordion-item\"\u003e\n \u003csummary class=\"rr-accordion-header\"\u003e⏱️ Combien de temps avant de ressentir les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"rr-accordion-content mt-3\"\u003e\n \u003cp\u003eLes premiers ressentis apparaissent souvent en quelques jours, mais une cure complète est recommandée pour un effet en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rr-accordion-item\"\u003e\n \u003csummary class=\"rr-accordion-header\"\u003e🆘 Peut-on l'associer au Rescue ?\u003c\/summary\u003e\n \u003cdiv class=\"rr-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, les fleurs de Bach se combinent très bien entre elles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rr-cta-box\"\u003e\n \u003cp\u003eCe produit ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain. Il \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e ou un suivi thérapeutique. Déconseillé aux femmes enceintes et allaitantes en raison de la présence d'alcool. Tenir hors de portée des jeunes enfants. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rr-disclaimer\"\u003eÉlixir floral traditionnel — usage de bien-être émotionnel.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rr-cream: #fdf8f4;\n --rr-white: #ffffff;\n --rr-primary: #d99a92;\n --rr-primary-dark: #a85e54;\n --rr-primary-light: #f7e6e1;\n --rr-secondary: #c8a87a;\n --rr-accent: #e8b4a8;\n --rr-text: #2a1f1c;\n --rr-text-light: #6b5550;\n --rr-border: #ead9d2;\n --rr-shadow: 0 4px 24px rgba(168, 94, 84, .08);\n --rr-shadow-lg: 0 12px 48px rgba(168, 94, 84, .18);\n --rr-radius: 20px;\n --rr-radius-sm: 12px;\n}\n\n.rr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rr-text);\n line-height: 1.6;\n}\n\n.rr-hero {\n position: relative;\n background: linear-gradient(135deg, #d99a92 0%, #c87f74 50%, #a85e54 100%);\n border-radius: var(--rr-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(--rr-shadow-lg);\n}\n\n.rr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .15;\n}\n\n.rr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rr-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.rr-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.8vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.rr-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n margin: 0 auto;\n max-width: 680px;\n line-height: 1.7;\n}\n\n.rr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rr-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(--rr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.rr-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(--rr-primary), var(--rr-secondary));\n border-radius: 2px;\n}\n\n.rr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rr-text-light);\n margin-bottom: 1.75rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n.rr-section-intro strong { color: var(--rr-text); }\n\n.rr-card {\n background: var(--rr-white);\n border-radius: var(--rr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rr-shadow-lg);\n border-color: var(--rr-primary);\n}\n\n.rr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.rr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rr-grid-compact .rr-card { padding: 1rem; }\n.rr-grid-compact .rr-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.rr-grid-compact .rr-card p { font-size: 12px; }\n\n.rr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.rr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rr-primary), var(--rr-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(168, 94, 84, .25);\n}\n\n.rr-timeline-content {\n flex: 1;\n background: var(--rr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rr-radius-sm);\n box-shadow: var(--rr-shadow);\n}\n\n.rr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rr-timeline-content p {\n font-size: 14px;\n color: var(--rr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rr-timeline-content strong { color: var(--rr-text); }\n\n.rr-testimonial {\n background: var(--rr-white);\n border-radius: var(--rr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rr-shadow);\n border-left: 4px solid var(--rr-primary);\n max-width: 760px;\n margin: 0 auto;\n}\n\n.rr-testimonial-text {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--rr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.rr-accordion {\n background: var(--rr-white);\n border-radius: var(--rr-radius);\n box-shadow: var(--rr-shadow);\n overflow: hidden;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.rr-accordion-item {\n border-bottom: 1px solid var(--rr-border);\n}\n\n.rr-accordion-item:last-child { border-bottom: none; }\n\n.rr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rr-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.rr-accordion-header:hover { background: var(--rr-primary-light); }\n.rr-accordion-header::-webkit-details-marker { display: none; }\n\n.rr-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--rr-primary);\n transition: transform .2s ease;\n}\n\n.rr-accordion-item[open] .rr-accordion-header::after { content: '−'; }\n\n.rr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rr-accordion-content p { margin: 0; }\n\n.rr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rr-primary-light);\n border-radius: var(--rr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.rr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.2;\n}\n\n.rr-tip p {\n font-size: 14px;\n color: var(--rr-text);\n margin: 0;\n line-height: 1.65;\n}\n\n.rr-cta-box {\n background: linear-gradient(135deg, var(--rr-primary) 0%, var(--rr-primary-dark) 100%);\n border-radius: var(--rr-radius);\n padding: clamp(1.75rem, 4vw, 2.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rr-cta-box p {\n color: white;\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.75;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.rr-cta-box strong { color: #fff5e6; }\n\n.rr-disclaimer {\n font-size: 12px;\n color: var(--rr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .rr-grid { grid-template-columns: 1fr; gap: 1rem; }\n .rr-card { padding: 1.125rem; }\n .rr-section { margin-bottom: 1.75rem; }\n .rr-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--rr-radius-sm); }\n .rr-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .rr-premium h2::after { width: 40px; height: 3px; }\n .rr-grid-compact { gap: .625rem; }\n .rr-grid-compact .rr-card { padding: .75rem; }\n .rr-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .rr-timeline-content { padding: .875rem 1rem; }\n .rr-timeline-content h3 { font-size: 14px; }\n .rr-timeline-content p { font-size: 13px; }\n .rr-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .rr-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .rr-testimonial { padding: 1.25rem; }\n .rr-testimonial-text { font-size: 14px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .rr-card { animation: fadeInUp .5s ease backwards; }\n .rr-card:nth-child(1) { animation-delay: .05s; }\n .rr-card:nth-child(2) { animation-delay: .1s; }\n .rr-card:nth-child(3) { animation-delay: .15s; }\n .rr-card:nth-child(4) { animation-delay: .2s; }\n .rr-card:nth-child(5) { animation-delay: .25s; }\n .rr-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 .rr-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":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-bio-10-ml-dioter-packshothd.webp?v=1789483501"},{"product_id":"fleur-de-bach-pin-sylvestre-bio-10-ml-dioter","title":"Fleur de Bach Pine (Pin Sylvestre) n°24 bio - 10 ml - Dioter","description":"\u003cdiv class=\"pine-premium\"\u003e\n \u003cdiv class=\"pine-hero\"\u003e\n \u003cdiv class=\"pine-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pine-hero-content\"\u003e\n \u003cdiv class=\"pine-badges-top\"\u003e\n \u003cspan class=\"pine-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"pine-badge\"\u003e🇫🇷 Fleurs françaises\u003c\/span\u003e\n \u003cspan class=\"pine-badge\"\u003e💧 10 ml\u003c\/span\u003e\n \u003cspan class=\"pine-badge\"\u003e✨ Méthode Dr Bach\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pine-hero-title\"\u003eL'élixir floral du pardon de soi\u003c\/span\u003e\n \u003cp class=\"pine-description\"\u003eÉlaborée selon la méthode authentique du Dr Edward Bach, cette fleur de Bach Pine bio accompagne en douceur les personnes envahies par la culpabilité, le remords ou l'autocritique permanente. En quelques gouttes, retrouvez indulgence et paix intérieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pine-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse la Fleur de Bach Pin Sylvestre ?\u003c\/h2\u003e\n \u003cp class=\"pine-section-intro\"\u003eVous vous reprochez sans cesse vos erreurs ? Vous vous excusez même lorsque vous n'êtes pas en cause ? Vous portez le poids des fautes des autres ? L'élixir floral \u003cstrong\u003ePine\u003c\/strong\u003e est la fleur de Bach du pardon de soi, particulièrement recommandée aux personnes perfectionnistes qui se jugent avec une grande sévérité.\u003c\/p\u003e\n \u003cdiv class=\"pine-grid\"\u003e\n \u003cdiv class=\"pine-card\"\u003e\n \u003ch3\u003e💭 Culpabilité chronique\u003c\/h3\u003e\n \u003cp\u003ePour apaiser les sentiments de culpabilité persistants, même lorsqu'ils sont injustifiés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pine-card\"\u003e\n \u003ch3\u003e🔍 Autocritique excessive\u003c\/h3\u003e\n \u003cp\u003eAccompagne ceux qui se jugent durement et peinent à s'accorder du repos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pine-card\"\u003e\n \u003ch3\u003e🙏 Besoin de se justifier\u003c\/h3\u003e\n \u003cp\u003ePour les personnes qui ressentent le besoin constant de s'excuser ou de se justifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pine-card\"\u003e\n \u003ch3\u003e💞 Responsabilité des autres\u003c\/h3\u003e\n \u003cp\u003eAide ceux qui se sentent responsables du malheur ou des erreurs d'autrui.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pine-section\"\u003e\n \u003ch2\u003eLes bienfaits du Pin Sylvestre selon la méthode du Dr Bach\u003c\/h2\u003e\n \u003cp class=\"pine-section-intro\"\u003eComme la \u003cstrong\u003eRescue Fleur de Bach\u003c\/strong\u003e, cet élixir agit sur la sphère émotionnelle sans effet sédatif. Il aide en douceur à retrouver un équilibre intérieur durable.\u003c\/p\u003e\n \u003cdiv class=\"pine-grid\"\u003e\n \u003cdiv class=\"pine-card\"\u003e\n \u003ch3\u003e🕊️ Apaiser la culpabilité\u003c\/h3\u003e\n \u003cp\u003eLibère l'esprit des pensées envahissantes et des ruminations négatives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pine-card\"\u003e\n \u003ch3\u003e💛 Pardon de soi\u003c\/h3\u003e\n \u003cp\u003eFavorise l'acceptation et la bienveillance envers soi-même.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pine-card\"\u003e\n \u003ch3\u003e⚖️ Vision plus juste\u003c\/h3\u003e\n \u003cp\u003eCultive un regard équilibré et indulgent sur ses propres actes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pine-card\"\u003e\n \u003ch3\u003e🌸 Paix intérieure\u003c\/h3\u003e\n \u003cp\u003eRetrouvez un équilibre émotionnel stable et une sérénité durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pine-tip\"\u003e\n \u003cspan class=\"pine-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eDe nombreux utilisateurs intègrent les fleurs de Bach dans leur quotidien pour accompagner les périodes de transition : \u003cstrong\u003estress\u003c\/strong\u003e, \u003cstrong\u003eménopause\u003c\/strong\u003e, changement de mode de vie ou démarche de \u003cstrong\u003eperte de poids\u003c\/strong\u003e, où la culpabilité alimentaire peut peser lourd.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pine-section\"\u003e\n \u003ch2\u003eUn élixir floral 100 % naturel et certifié bio\u003c\/h2\u003e\n \u003cdiv class=\"pine-grid-compact\"\u003e\n \u003cdiv class=\"pine-card\"\u003e\n \u003ch3\u003e🌼 Fleurs sauvages\u003c\/h3\u003e\n \u003cp\u003eCueillies à la main en France selon la tradition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pine-card\"\u003e\n \u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n \u003cp\u003eSelon les principes originaux du Dr Edward Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pine-card\"\u003e\n \u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eSans additif ni traitement chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pine-card\"\u003e\n \u003ch3\u003e✅ FR-BIO-01\u003c\/h3\u003e\n \u003cp\u003eCertification Agriculture Biologique garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pine-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"pine-section-intro\"\u003ePour profiter pleinement des bienfaits de cet élixir floral, deux modes d'utilisation selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"pine-timeline\"\u003e\n \u003cdiv class=\"pine-timeline-item\"\u003e\n \u003cdiv class=\"pine-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pine-timeline-content\"\u003e\n \u003ch3\u003e💧 Usage ponctuel\u003c\/h3\u003e\n \u003cp\u003e5 gouttes pures sous la langue ou diluées dans un peu d'eau, à renouveler plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pine-timeline-item\"\u003e\n \u003cdiv class=\"pine-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pine-timeline-content\"\u003e\n \u003ch3\u003e🥃 Usage prolongé\u003c\/h3\u003e\n \u003cp\u003eDiluer 25 gouttes dans 500 ml d'eau minérale non gazeuse, à boire en 4 à 5 prises dans la journée. Agiter avant chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pine-timeline-item\"\u003e\n \u003cdiv class=\"pine-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pine-timeline-content\"\u003e\n \u003ch3\u003e🌸 Mélange personnalisé\u003c\/h3\u003e\n \u003cp\u003eL'élixir peut être associé à d'autres fleurs de Bach pour créer une synergie adaptée à votre état émotionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pine-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"pine-testimonial\"\u003e\n \u003cp class=\"pine-testimonial-text\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau, Cognac* biologique, Solarisation de fleur de Pin sylvestre* (\u003cem\u003ePinus sylvestris\u003c\/em\u003e). \u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e flacon compte-gouttes de 10 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pine-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pine-accordion\"\u003e\n \u003cdetails class=\"pine-accordion-item\"\u003e\n \u003csummary class=\"pine-accordion-header\"\u003e⚠️ Mises en garde\u003c\/summary\u003e\n \u003cdiv class=\"pine-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Contient de l'alcool : déconseillé aux femmes enceintes, allaitantes et aux personnes sensibles. Ne pas dépasser les doses conseillées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pine-accordion-item\"\u003e\n \u003csummary class=\"pine-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"pine-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace en aucun cas un avis médical ni un traitement prescrit par un professionnel de santé. En cas de doute, demandez conseil à votre médecin ou à votre pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pine-accordion-item\"\u003e\n \u003csummary class=\"pine-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pine-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver le flacon à l'abri de la lumière directe et de la chaleur, dans un endroit sec. Bien refermer après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pine-cream: #fdf9f3;\n --pine-white: #ffffff;\n --pine-primary: #d4a574;\n --pine-primary-dark: #8b5e3c;\n --pine-primary-light: #f5ead8;\n --pine-secondary: #e8a89a;\n --pine-accent: #b8826a;\n --pine-text: #1a1a1a;\n --pine-text-light: #6a5544;\n --pine-border: #e8dcc6;\n --pine-shadow: 0 4px 24px rgba(139, 94, 60, .08);\n --pine-shadow-lg: 0 12px 48px rgba(139, 94, 60, .18);\n --pine-radius: 20px;\n --pine-radius-sm: 12px;\n}\n\n.pine-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pine-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--pine-text);\n line-height: 1.6;\n}\n\n.pine-hero {\n position: relative;\n background: linear-gradient(135deg, #d4a574 0%, #b8826a 50%, #8b5e3c 100%);\n border-radius: var(--pine-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(--pine-shadow-lg);\n}\n\n.pine-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .15;\n}\n\n.pine-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pine-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.pine-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n}\n\n.pine-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.pine-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pine-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(--pine-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pine-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pine-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pine-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pine-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.pine-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(--pine-primary), var(--pine-secondary));\n border-radius: 2px;\n}\n\n.pine-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pine-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pine-card {\n background: var(--pine-white);\n border-radius: var(--pine-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pine-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pine-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pine-shadow-lg);\n border-color: var(--pine-primary);\n}\n\n.pine-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pine-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pine-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pine-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pine-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pine-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pine-grid-compact .pine-card {\n padding: 1rem;\n}\n\n.pine-grid-compact .pine-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pine-grid-compact .pine-card p {\n font-size: 12px;\n}\n\n.pine-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pine-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pine-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pine-primary), var(--pine-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139, 94, 60, .25);\n}\n\n.pine-timeline-content {\n flex: 1;\n background: var(--pine-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pine-radius-sm);\n box-shadow: var(--pine-shadow);\n}\n\n.pine-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pine-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pine-timeline-content p {\n font-size: 14px;\n color: var(--pine-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pine-testimonial {\n background: var(--pine-white);\n border-radius: var(--pine-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pine-shadow);\n border-left: 4px solid var(--pine-primary);\n}\n\n.pine-testimonial-text {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--pine-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.pine-accordion {\n background: var(--pine-white);\n border-radius: var(--pine-radius);\n box-shadow: var(--pine-shadow);\n overflow: hidden;\n}\n\n.pine-accordion-item {\n border-bottom: 1px solid var(--pine-border);\n margin: 0;\n padding: 0;\n}\n\n.pine-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pine-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pine-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n}\n\n.pine-accordion-header:hover {\n background: var(--pine-primary-light);\n}\n\n.pine-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pine-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--pine-primary);\n transition: transform .2s ease;\n}\n\n.pine-accordion-item[open] .pine-accordion-header::after {\n content: '−';\n}\n\n.pine-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pine-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pine-accordion-content p {\n margin: 0;\n}\n\n.pine-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pine-primary-light);\n border-radius: var(--pine-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 3px solid var(--pine-primary);\n}\n\n.pine-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.pine-tip p {\n font-size: 14px;\n color: var(--pine-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .pine-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .pine-card {\n padding: 1.125rem;\n }\n \n .pine-section {\n margin-bottom: 1.75rem;\n }\n \n .pine-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pine-radius-sm);\n }\n \n .pine-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .pine-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .pine-grid-compact {\n gap: .625rem;\n }\n \n .pine-grid-compact .pine-card {\n padding: .75rem;\n }\n \n .pine-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .pine-timeline-content {\n padding: .875rem 1rem;\n }\n \n .pine-timeline-content h3 {\n font-size: 14px;\n }\n \n .pine-timeline-content p {\n font-size: 13px;\n }\n \n .pine-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .pine-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .pine-testimonial {\n padding: 1.25rem;\n }\n \n .pine-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .pine-card {\n animation: pineFadeInUp .5s ease backwards;\n }\n .pine-card:nth-child(1) { animation-delay: .05s; }\n .pine-card:nth-child(2) { animation-delay: .1s; }\n .pine-card:nth-child(3) { animation-delay: .15s; }\n .pine-card:nth-child(4) { animation-delay: .2s; }\n .pine-card:nth-child(5) { animation-delay: .25s; }\n .pine-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pineFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .pine-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":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-sylvestre-bio-10-ml-dioter-packshothd.webp?v=1785841493"},{"product_id":"fleur-de-bach-urgence-et-stress-bio-spray-de-20-ml-dioter","title":"Fleur de Bach Stress \u0026 Urgence bio - 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":"Fleur de Bach Urgence bio (Remède d'Urgence) - 10 ml - Dioter","description":"\u003cdiv class=\"rmu-premium\"\u003e\n \u003cdiv class=\"rmu-hero\"\u003e\n \u003cdiv class=\"rmu-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rmu-hero-content\"\u003e\n \u003cdiv class=\"rmu-badges-top\"\u003e\n \u003cspan class=\"rmu-badge\"\u003e🌸 Fleurs de Bach\u003c\/span\u003e\n \u003cspan class=\"rmu-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"rmu-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"rmu-badge\"\u003e💧 10 ml nomade\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rmu-hero-title\"\u003eL'élixir floral de secours pour retrouver votre sérénité\u003c\/span\u003e\n \u003cp class=\"rmu-subtitle\"\u003eRemède d'Urgence Bio Dioter — 10 ml\u003c\/p\u003e\n \u003cp class=\"rmu-description\"\u003e5 Fleurs de Bach en synergie, élaborées selon la méthode authentique du Dr Bach pour accompagner vos émotions fortes, sans accoutumance ni effet sédatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rmu-section\"\u003e\n \u003ch2\u003eRemède d'Urgence Bio Dioter : l'élixir floral de secours aux Fleurs de Bach\u003c\/h2\u003e\n \u003cp class=\"rmu-section-intro\"\u003eCoup de stress avant un examen, choc émotionnel, trac avant une prise de parole, nuit agitée… Le \u003cstrong\u003eRemède d'Urgence Bio de Dioter\u003c\/strong\u003e est un élixir floral conçu pour vous accompagner dans toutes les situations où vos émotions débordent.\u003c\/p\u003e\n \u003cp class=\"rmu-section-intro\"\u003eÉlaboré selon la méthode authentique du \u003cstrong\u003eDr Bach\u003c\/strong\u003e, ce concentré naturel associe 5 \u003cstrong\u003eFleurs de Bach\u003c\/strong\u003e emblématiques (le célèbre \u003cstrong\u003eFleurs de Bach Rescue\u003c\/strong\u003e) pour vous aider à retrouver calme, recentrage et sérénité, sans accoutumance ni effet sédatif.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rmu-section\"\u003e\n \u003ch2\u003eLes 5 fleurs de Bach qui composent ce remède d'urgence\u003c\/h2\u003e\n \u003cp class=\"rmu-section-intro\"\u003eChaque fleur joue un rôle précis et complémentaire dans la régulation émotionnelle.\u003c\/p\u003e\n \u003cdiv class=\"rmu-grid\"\u003e\n \u003cdiv class=\"rmu-card\"\u003e\n \u003ch3\u003e🌼 Clematis (Clématite)\u003c\/h3\u003e\n \u003cp\u003eAide à rester ancré et présent, évite la sensation d'être « ailleurs ».\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-card\"\u003e\n \u003ch3\u003e🌸 Cherry Plum (Prunier myrobolan)\u003c\/h3\u003e\n \u003cp\u003eApaise la peur de perdre le contrôle, soutient un mental stable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-card\"\u003e\n \u003ch3\u003e🌺 Impatiens (Impatiente)\u003c\/h3\u003e\n \u003cp\u003eFavorise la patience et relâche les tensions liées à l'agitation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-card\"\u003e\n \u003ch3\u003e⭐ Star of Bethlehem (Étoile de Bethléem)\u003c\/h3\u003e\n \u003cp\u003eRéconforte après un choc émotionnel ou une mauvaise nouvelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-card\"\u003e\n \u003ch3\u003e🌷 Rock Rose (Hélianthème)\u003c\/h3\u003e\n \u003cp\u003eApaise les peurs intenses et la panique soudaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-card rmu-card-highlight\"\u003e\n \u003ch3\u003e✨ Une synergie précieuse\u003c\/h3\u003e\n \u003cp\u003eUn allié naturel pour \u003cstrong\u003eréduire la nervosité, calmer le trac et accompagner les émotions fortes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rmu-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce remède aux Fleurs de Bach ?\u003c\/h2\u003e\n \u003cp class=\"rmu-section-intro\"\u003eLe Remède d'Urgence convient à toute la famille — adultes, adolescents, seniors — lors de moments éprouvants : examens, entretiens, deuil, déménagement, conflits, peur de l'avion…\u003c\/p\u003e\n \u003cdiv class=\"rmu-grid-compact\"\u003e\n \u003cdiv class=\"rmu-card\"\u003e\n \u003ch3\u003e📚 Examens \u0026amp; entretiens\u003c\/h3\u003e\n \u003cp\u003ePour apaiser le trac et rester concentré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-card\"\u003e\n \u003ch3\u003e✈️ Peurs \u0026amp; phobies\u003c\/h3\u003e\n \u003cp\u003eUn soutien avant l'avion ou un moment redouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-card\"\u003e\n \u003ch3\u003e🌷 Ménopause\u003c\/h3\u003e\n \u003cp\u003eAccompagne les variations émotionnelles, l'irritabilité et les baisses de moral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-card\"\u003e\n \u003ch3\u003e🍽️ Grignotages émotionnels\u003c\/h3\u003e\n \u003cp\u003eCertains associent les Fleurs de Bach à un meilleur contrôle du stress alimentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-tip\"\u003e\n \u003cspan class=\"rmu-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCes usages restent un soutien naturel et ne remplacent en aucun cas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rmu-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"rmu-timeline\"\u003e\n \u003cdiv class=\"rmu-timeline-item\"\u003e\n \u003cdiv class=\"rmu-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rmu-timeline-content\"\u003e\n \u003ch3\u003e💧 Usage ponctuel\u003c\/h3\u003e\n \u003cp\u003e5 gouttes sous la langue ou dans un fond de verre d'eau, à renouveler plusieurs fois par jour selon besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-timeline-item\"\u003e\n \u003cdiv class=\"rmu-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rmu-timeline-content\"\u003e\n \u003ch3\u003e🥤 Usage prolongé\u003c\/h3\u003e\n \u003cp\u003e25 gouttes dans 500 ml d'eau minérale, à boire en 4 à 5 prises réparties dans la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-timeline-item\"\u003e\n \u003cdiv class=\"rmu-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rmu-timeline-content\"\u003e\n \u003ch3\u003e🌀 Agitez avant emploi\u003c\/h3\u003e\n \u003cp\u003eAgitez le flacon avant chaque utilisation pour réactiver les principes floraux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-tip\"\u003e\n \u003cspan class=\"rmu-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eNe dépassez pas la dose conseillée. Demandez l'avis d'un professionnel de santé en cas de grossesse, d'allaitement ou de traitement médical en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rmu-section\"\u003e\n \u003ch2\u003eComposition INCI complète\u003c\/h2\u003e\n \u003cdiv class=\"rmu-accordion\"\u003e\n \u003cdetails class=\"rmu-accordion-item\" open\u003e\n \u003csummary class=\"rmu-accordion-header\"\u003e💧 Base du flacon\u003c\/summary\u003e\n \u003cdiv class=\"rmu-accordion-content mt-3\"\u003e\n \u003cp\u003eEau de source, Cognac biologique (conservateur naturel).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rmu-accordion-item\" open\u003e\n \u003csummary class=\"rmu-accordion-header\"\u003e🌸 Extraits solaires de fleurs bio\u003c\/summary\u003e\n \u003cdiv class=\"rmu-accordion-content mt-3\"\u003e\n \u003cp\u003eIssus de l'Agriculture Biologique :\u003c\/p\u003e\n \u003cul style=\"margin:.5rem 0 0 1.25rem; padding:0;\"\u003e\n \u003cli\u003eClematis vitalba\u003c\/li\u003e\n \u003cli\u003ePrunus cerasifera\u003c\/li\u003e\n \u003cli\u003eImpatiens glandulifera\u003c\/li\u003e\n \u003cli\u003eHelianthemum nummularium\u003c\/li\u003e\n \u003cli\u003eOrnithogalum umbellatum\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rmu-accordion-item\"\u003e\n \u003csummary class=\"rmu-accordion-header\"\u003e🌄 Origine \u0026amp; récolte\u003c\/summary\u003e\n \u003cdiv class=\"rmu-accordion-content mt-3\"\u003e\n \u003cp\u003eLes fleurs sont cueillies à la main dans les \u003cstrong\u003ePyrénées et l'Ardèche\u003c\/strong\u003e, puis macérées au soleil selon la méthode originelle du Dr Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rmu-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le Remède d'Urgence Bio Dioter ?\u003c\/h2\u003e\n \u003cdiv class=\"rmu-grid-compact\"\u003e\n \u003cdiv class=\"rmu-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eCertifiée \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-card\"\u003e\n \u003ch3\u003e🌿 Méthode Dr Bach\u003c\/h3\u003e\n \u003cp\u003eRespectée à chaque étape de la fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eSans accoutumance, sans effet sédatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-card\"\u003e\n \u003ch3\u003e👜 Format nomade\u003c\/h3\u003e\n \u003cp\u003eFlacon compact de 10 ml, facile à glisser dans un sac.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rmu-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🌸 Retrouvez calme et sérénité au creux de votre main, à chaque instant du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rmu-disclaimer\"\u003eCe produit est un complément alimentaire et ne se substitue pas à une alimentation équilibrée, à un mode de vie sain, ni à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rmu-cream: #fbf6f0;\n --rmu-white: #ffffff;\n --rmu-primary: #e8a598;\n --rmu-primary-dark: #a85a4c;\n --rmu-primary-light: #fbeae4;\n --rmu-secondary: #c9a876;\n --rmu-accent: #d4846f;\n --rmu-text: #2a1f1c;\n --rmu-text-light: #6b5a54;\n --rmu-border: #ecdfd6;\n --rmu-shadow: 0 4px 24px rgba(168, 90, 76, .08);\n --rmu-shadow-lg: 0 12px 48px rgba(168, 90, 76, .15);\n --rmu-radius: 20px;\n --rmu-radius-sm: 12px;\n}\n\n.rmu-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rmu-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rmu-text);\n line-height: 1.6;\n}\n\n.rmu-premium *,\n.rmu-premium *::before,\n.rmu-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.rmu-hero {\n position: relative;\n background: linear-gradient(135deg, #e8a598 0%, #d4846f 50%, #a85a4c 100%);\n border-radius: var(--rmu-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(--rmu-shadow-lg);\n}\n\n.rmu-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .3;\n}\n\n.rmu-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rmu-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n line-height: 1.15;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rmu-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.rmu-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.rmu-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rmu-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(--rmu-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rmu-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rmu-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rmu-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--rmu-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n line-height: 1.25;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rmu-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(--rmu-primary), var(--rmu-secondary));\n border-radius: 2px;\n}\n\n.rmu-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--rmu-text-light);\n margin: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.rmu-section-intro strong {\n color: var(--rmu-primary-dark);\n}\n\n\/* === CARDS === *\/\n.rmu-card {\n background: var(--rmu-white);\n border-radius: var(--rmu-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--rmu-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rmu-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rmu-shadow-lg);\n border-color: var(--rmu-primary);\n}\n\n.rmu-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--rmu-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rmu-card p {\n font-size: clamp(13px, 2vw, 14.5px);\n color: var(--rmu-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rmu-card-highlight {\n background: linear-gradient(135deg, var(--rmu-primary-light) 0%, #f7d9cf 100%);\n border-color: var(--rmu-primary);\n}\n\n.rmu-card-highlight p {\n color: var(--rmu-text);\n}\n\n\/* === GRILLES === *\/\n.rmu-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rmu-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rmu-grid-compact .rmu-card {\n padding: 1rem;\n}\n\n.rmu-grid-compact .rmu-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rmu-grid-compact .rmu-card p {\n font-size: 12.5px;\n}\n\n\/* === TIMELINE === *\/\n.rmu-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.rmu-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rmu-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rmu-primary), var(--rmu-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(168, 90, 76, .25);\n}\n\n.rmu-timeline-content {\n flex: 1;\n background: var(--rmu-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rmu-radius-sm);\n box-shadow: var(--rmu-shadow);\n}\n\n.rmu-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rmu-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rmu-timeline-content p {\n font-size: 14px;\n color: var(--rmu-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.rmu-accordion {\n background: var(--rmu-white);\n border-radius: var(--rmu-radius);\n box-shadow: var(--rmu-shadow);\n overflow: hidden;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.rmu-accordion-item {\n border-bottom: 1px solid var(--rmu-border);\n margin: 0;\n padding: 0;\n}\n\n.rmu-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rmu-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rmu-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.rmu-accordion-header:hover {\n background: var(--rmu-primary-light);\n}\n\n.rmu-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rmu-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--rmu-primary);\n transition: transform .2s ease;\n}\n\n.rmu-accordion-item[open] .rmu-accordion-header::after {\n content: '−';\n}\n\n.rmu-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rmu-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.rmu-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rmu-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rmu-primary-light);\n border-radius: var(--rmu-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--rmu-primary);\n}\n\n.rmu-tip-icon {\n font-size: 22px;\n flex-shrink: 0;\n line-height: 1.4;\n}\n\n.rmu-tip p {\n font-size: 14px;\n color: var(--rmu-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.rmu-cta-box {\n background: linear-gradient(135deg, var(--rmu-primary) 0%, var(--rmu-primary-dark) 100%);\n border-radius: var(--rmu-radius);\n padding: clamp(1.5rem, 4vw, 2.25rem);\n text-align: center;\n box-shadow: var(--rmu-shadow-lg);\n}\n\n.rmu-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.rmu-disclaimer {\n font-size: 12px;\n color: var(--rmu-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rmu-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rmu-card {\n padding: 1.125rem;\n }\n\n .rmu-section {\n margin-bottom: 1.75rem;\n }\n\n .rmu-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rmu-radius-sm);\n }\n\n .rmu-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rmu-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rmu-grid-compact {\n gap: .625rem;\n }\n\n .rmu-grid-compact .rmu-card {\n padding: .75rem;\n }\n\n .rmu-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rmu-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rmu-timeline-content h3 {\n font-size: 14px;\n }\n\n .rmu-timeline-content p {\n font-size: 13px;\n }\n\n .rmu-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rmu-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rmu-card {\n animation: rmuFadeInUp .5s ease backwards;\n }\n .rmu-card:nth-child(1) { animation-delay: .05s; }\n .rmu-card:nth-child(2) { animation-delay: .1s; }\n .rmu-card:nth-child(3) { animation-delay: .15s; }\n .rmu-card:nth-child(4) { animation-delay: .2s; }\n .rmu-card:nth-child(5) { animation-delay: .25s; }\n .rmu-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rmuFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rmu-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":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-durgence-bio-10-ml-dioter-packshothd.webp?v=1787411332"},{"product_id":"fleur-de-bach-gentiane-12-bio-20ml-saint-hilaire","title":"Fleur de Bach Gentiane (Gentian) n°12 bio - 20 ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Gentiane n°12 bio - 20ml - Saint-Hilaire\nPalette détectée:\n - Primaire: #8B6914 (doré\/ocre du packaging et numéro N°12)\n - Secondaire: #5B7C3D (vert sauge des feuilles de gentiane)\n - Accent: #6B5BA7 (violet-bleu des fleurs de gentiane)\n - Fond: #F5F3EC (crème chaud de l'étiquette)\nAmbiance: Naturel\/botanique, authentique, artisanal français, bien-être émotionnel, élégance apothicaire\nPréfixe CSS: gent\n--\u003e\n\n\u003cdiv class=\"gent-premium\"\u003e\n \n \u003cdiv class=\"gent-hero\"\u003e\n \u003cdiv class=\"gent-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gent-hero-content\"\u003e\n \u003cdiv class=\"gent-badges-top\"\u003e\n \u003cspan class=\"gent-badge\"\u003e🌿 Biologique\u003c\/span\u003e\n \u003cspan class=\"gent-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"gent-badge\"\u003e💧 N°12\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gent-hero-title\"\u003eFleur de Bach Gentiane\u003c\/span\u003e\n \u003cp class=\"gent-subtitle\"\u003eL'élixir du renouveau face au découragement\u003c\/p\u003e\n \u003cp class=\"gent-description\"\u003eRetrouvez confiance et persévérance après chaque épreuve grâce à cet élixir floral préparé selon la méthode originale du Dr Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gent-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits de la Gentiane\u003c\/h2\u003e\n \u003cdiv class=\"gent-grid\"\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e💪 Persévérance renforcée\u003c\/h3\u003e\n \u003cp\u003eRetrouvez l'énergie de continuer votre chemin après un échec ou une déception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🧠 Dissipation des doutes\u003c\/h3\u003e\n \u003cp\u003eLibérez-vous des pensées négatives qui paralysent votre avancée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e☀️ Retour à l'optimisme\u003c\/h3\u003e\n \u003cp\u003eDéveloppez votre capacité à percevoir le positif dans chaque situation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🎯 Confiance restaurée\u003c\/h3\u003e\n \u003cp\u003eCroyez à nouveau en vos projets et en votre potentiel personnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🔄 Meilleure gestion des obstacles\u003c\/h3\u003e\n \u003cp\u003eAcceptez les contretemps comme des étapes normales de votre parcours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🌱 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eTransformez le pessimisme passager en une nouvelle détermination.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gent-section\"\u003e\n \u003ch2\u003e👤 Pour qui est cet élixir ?\u003c\/h2\u003e\n \u003cdiv class=\"gent-grid\"\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e😔 Vous vous découragez facilement\u003c\/h3\u003e\n \u003cp\u003eAprès un revers professionnel, un entretien raté ou une difficulté relationnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🌧️ Le pessimisme vous envahit\u003c\/h3\u003e\n \u003cp\u003eDès que les choses ne se déroulent pas comme prévu dans votre vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e❓ Vous perdez confiance\u003c\/h3\u003e\n \u003cp\u003eAprès une déception, même mineure, vous remettez tout en question.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🔁 Vous avez du mal à rebondir\u003c\/h3\u003e\n \u003cp\u003eLa remotivation face aux obstacles du quotidien vous semble difficile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-info-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e💡 Point essentiel :\u003c\/strong\u003e La Gentiane agit sur un découragement dont vous identifiez clairement la cause. Pour un abattement profond sans raison apparente, la fleur Gorse serait plus adaptée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gent-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gent-steps\"\u003e\n \u003cdiv class=\"gent-step\"\u003e\n \u003cdiv class=\"gent-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gent-step-content\"\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e4 gouttes\u003c\/strong\u003e par prise, directement sous la langue ou diluées dans un verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-step\"\u003e\n \u003cdiv class=\"gent-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gent-step-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e4 fois par jour :\u003c\/strong\u003e au réveil, en milieu de matinée, en milieu d'après-midi et au coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-step\"\u003e\n \u003cdiv class=\"gent-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gent-step-content\"\u003e\n \u003ch3\u003eAbsorption\u003c\/h3\u003e\n \u003cp\u003eGardez le liquide quelques secondes en bouche avant d'avaler pour une meilleure efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-step\"\u003e\n \u003cdiv class=\"gent-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gent-step-content\"\u003e\n \u003ch3\u003eAssociation\u003c\/h3\u003e\n \u003cp\u003eAssociable jusqu'à \u003cstrong\u003e7 élixirs différents\u003c\/strong\u003e selon vos besoins émotionnels (ex: Larch, Hornbeam).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gent-section\"\u003e\n \u003ch2\u003e🧪 Composition certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"gent-grid\"\u003e\n \u003cdiv class=\"gent-card gent-card-ingredient\"\u003e\n \u003ch3\u003e🍇 Brandy biologique\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e40% vol.\u003c\/strong\u003e – Alcool de raisin servant de conservateur naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card gent-card-ingredient\"\u003e\n \u003ch3\u003e🌸 Gentianella amarella bio\u003c\/h3\u003e\n \u003cp\u003eExtrait aqueux préparé selon la \u003cstrong\u003eméthode solaire originale\u003c\/strong\u003e du Dr Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card gent-card-ingredient\"\u003e\n \u003ch3\u003e⚗️ Dilution 1\/250ème\u003c\/h3\u003e\n \u003cp\u003eConcentration traditionnelle respectant le protocole établi dans les \u003cstrong\u003eannées 1930\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gent-section\"\u003e\n \u003ch2\u003e🏔️ La qualité Saint-Hilaire\u003c\/h2\u003e\n \u003cdiv class=\"gent-grid-compact\"\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e📜 Méthode originale\u003c\/h3\u003e\n \u003cp\u003eProtocole du Dr Edward Bach respecté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🇫🇷 100% français\u003c\/h3\u003e\n \u003cp\u003eDe la cueillette au conditionnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eContrôles rigoureux garantis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gent-card\"\u003e\n \u003ch3\u003e🫙 Flacon ambré\u003c\/h3\u003e\n \u003cp\u003eProtection optimale de l'élixir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gent-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"gent-accordion\"\u003e\n \u003cdetails class=\"gent-accordion-item\"\u003e\n \u003csummary class=\"gent-accordion-header\"\u003e🔀 Puis-je l'associer à d'autres fleurs de Bach ?\u003c\/summary\u003e\n \u003cdiv class=\"gent-accordion-content\"\u003e\n \u003cp\u003eOui, vous pouvez associer la Gentiane à d'autres élixirs floraux. Ne dépassez pas 7 fleurs différentes dans un mélange. La Gentiane se combine bien avec Larch (confiance en soi) ou Hornbeam (motivation).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gent-accordion-item\"\u003e\n \u003csummary class=\"gent-accordion-header\"\u003e⏱️ Combien de temps avant de ressentir les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"gent-accordion-content\"\u003e\n \u003cp\u003eChaque personne réagit différemment. Certains ressentent un changement dès les premiers jours, d'autres après plusieurs semaines. La régularité des prises est essentielle. Un flacon de 20 ml permet environ 3 semaines d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gent-accordion-item\"\u003e\n \u003csummary class=\"gent-accordion-header\"\u003e👶 Convient-elle aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"gent-accordion-content\"\u003e\n \u003cp\u003eLes fleurs de Bach sont traditionnellement utilisées pour toute la famille. Ce produit contient du brandy (40% vol.). Pour les enfants ou les personnes évitant l'alcool, diluez les gouttes dans une boisson chaude pour permettre l'évaporation partielle de l'alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gent-accordion-item\"\u003e\n \u003csummary class=\"gent-accordion-header\"\u003e🌼 Quelle différence avec la fleur Gorse ?\u003c\/summary\u003e\n \u003cdiv class=\"gent-accordion-content\"\u003e\n \u003cp\u003eLa Gentiane s'adresse au découragement lié à une cause identifiable (échec, refus, obstacle précis). La fleur Gorse convient à un désespoir profond, sans cause apparente, où la personne a perdu tout espoir d'amélioration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gent-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"gent-accordion\"\u003e\n \u003cdetails class=\"gent-accordion-item\"\u003e\n \u003csummary class=\"gent-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gent-accordion-content\"\u003e\n \u003cp\u003eRefermez soigneusement le flacon après chaque utilisation. Conservez à température ambiante, à l'abri des sources de chaleur et de la lumière directe du soleil. Gardez à l'écart des appareils électromagnétiques (téléphone, ordinateur).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gent-accordion-item\"\u003e\n \u003csummary class=\"gent-accordion-header\"\u003e📊 Fiche technique\u003c\/summary\u003e\n \u003cdiv class=\"gent-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 20 ml\u003cbr\u003e\n \u003cstrong\u003eNuméro Bach :\u003c\/strong\u003e n°12\u003cbr\u003e\n \u003cstrong\u003eNom latin :\u003c\/strong\u003e Gentiana amarella (Gentianella amarella)\u003cbr\u003e\n \u003cstrong\u003eGroupe émotionnel :\u003c\/strong\u003e Incertitude\u003cbr\u003e\n \u003cstrong\u003eCertification :\u003c\/strong\u003e Agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gent-accordion-item\"\u003e\n \u003csummary class=\"gent-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"gent-accordion-content\"\u003e\n \u003cp\u003eLes fleurs de Bach sont des compléments alimentaires destinés à accompagner votre équilibre émotionnel. Elles ne remplacent en aucun cas un traitement médical ni l'avis d'un professionnel de santé. En cas de troubles persistants, consultez votre médecin. Contient de l'alcool (40% vol.).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gent-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gent-cta-box\"\u003e\n \u003cp\u003e🌸 Transformez chaque obstacle en opportunité de rebondir.\u003cbr\u003eLa Gentiane vous accompagne vers un nouvel élan de confiance et de détermination.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gent-cream: #F8F6F1;\n --gent-white: #ffffff;\n --gent-primary: #8B6914;\n --gent-primary-dark: #6B5010;\n --gent-primary-light: #F5EFE0;\n --gent-secondary: #5B7C3D;\n --gent-accent: #6B5BA7;\n --gent-text: #1a1a1a;\n --gent-text-light: #5a5a5a;\n --gent-border: #e0e0e0;\n --gent-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gent-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gent-radius: 20px;\n --gent-radius-sm: 12px;\n}\n\n.gent-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gent-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.gent-hero {\n position: relative;\n background: linear-gradient(135deg, #5B7C3D 0%, #8B6914 50%, #6B5BA7 100%);\n border-radius: var(--gent-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gent-shadow-lg);\n}\n\n.gent-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c1.5 0 2.5 3 2.5 6s-1 6-2.5 6-2.5-3-2.5-6 1-6 2.5-6zm10 20c0 1.5-3 2.5-6 2.5s-6-1-6-2.5 3-2.5 6-2.5 6 1 6 2.5zm-20 0c0 1.5-3 2.5-6 2.5s-6-1-6-2.5 3-2.5 6-2.5 6 1 6 2.5zm10 20c1.5 0 2.5 3 2.5 6s-1 6-2.5 6-2.5-3-2.5-6 1-6 2.5-6z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.gent-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gent-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.gent-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gent-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gent-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gent-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gent-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.gent-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.gent-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gent-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gent-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gent-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gent-secondary), var(--gent-primary));\n border-radius: 2px;\n}\n\n.gent-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gent-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gent-card {\n background: var(--gent-white);\n border-radius: var(--gent-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gent-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gent-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gent-shadow-lg);\n border-color: var(--gent-primary);\n}\n\n.gent-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gent-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gent-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gent-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gent-card-ingredient {\n border-left: 4px solid var(--gent-secondary);\n}\n\n.gent-grid-compact .gent-card {\n padding: 1rem;\n}\n\n.gent-grid-compact .gent-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gent-grid-compact .gent-card p {\n font-size: 12px;\n}\n\n.gent-info-box {\n background: linear-gradient(135deg, var(--gent-primary-light) 0%, #EAF0E4 100%);\n border-radius: var(--gent-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-top: 1.5rem;\n border-left: 4px solid var(--gent-secondary);\n}\n\n.gent-info-box p {\n margin: 0;\n font-size: clamp(14px, 2vw, 16px);\n color: var(--gent-text);\n line-height: 1.7;\n}\n\n.gent-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gent-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--gent-white);\n border-radius: var(--gent-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--gent-shadow);\n transition: all .3s ease;\n}\n\n.gent-step:hover {\n transform: translateX(8px);\n box-shadow: var(--gent-shadow-lg);\n}\n\n.gent-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--gent-primary) 0%, var(--gent-secondary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(139,105,20,.3);\n}\n\n.gent-step-content h3 {\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gent-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.gent-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gent-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gent-accordion {\n background: var(--gent-white);\n border-radius: var(--gent-radius);\n box-shadow: var(--gent-shadow);\n overflow: hidden;\n}\n\n.gent-accordion-item {\n border-bottom: 1px solid var(--gent-border);\n margin: 0;\n padding: 0;\n}\n\n.gent-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gent-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gent-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gent-accordion-header:hover {\n background: var(--gent-primary-light);\n}\n\n.gent-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gent-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gent-primary);\n transition: transform .2s ease;\n}\n\n.gent-accordion-item[open] .gent-accordion-header::after {\n content: '−';\n}\n\n.gent-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gent-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.gent-accordion-content p {\n margin: 0;\n}\n\n.gent-cta-box {\n background: linear-gradient(135deg, var(--gent-secondary) 0%, var(--gent-primary-dark) 100%);\n border-radius: var(--gent-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gent-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.gent-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n@media (max-width: 767px) {\n .gent-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .gent-card {\n padding: 1.125rem;\n }\n \n .gent-section {\n margin-bottom: 1.75rem;\n }\n \n .gent-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gent-radius-sm);\n }\n \n .gent-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .gent-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .gent-grid-compact {\n gap: .625rem;\n }\n \n .gent-grid-compact .gent-card {\n padding: .75rem;\n }\n \n .gent-step {\n padding: 1rem;\n gap: 1rem;\n }\n \n .gent-step-number {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n \n .gent-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .gent-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .gent-info-box {\n padding: 1rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gent-card {\n animation: fadeInUp .5s ease backwards;\n }\n .gent-card:nth-child(1) { animation-delay: .05s; }\n .gent-card:nth-child(2) { animation-delay: .1s; }\n .gent-card:nth-child(3) { animation-delay: .15s; }\n .gent-card:nth-child(4) { animation-delay: .2s; }\n .gent-card:nth-child(5) { animation-delay: .25s; }\n .gent-card:nth-child(6) { animation-delay: .3s; }\n \n .gent-step {\n animation: fadeInUp .5s ease backwards;\n }\n .gent-step:nth-child(1) { animation-delay: .05s; }\n .gent-step:nth-child(2) { animation-delay: .1s; }\n .gent-step:nth-child(3) { animation-delay: .15s; }\n .gent-step:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gent-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56419674849657,"sku":"NBAIDSH0102","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-gentiane-n12-bio-20ml-saint-hilaire-lifestyle_7e7f3f47-e799-4249-bd7f-2f97a2516a61.webp?v=1768478202"},{"product_id":"fleur-de-bach-impatiente-n-18-20ml-saint-hilaire","title":"Fleur de Bach Impatiens (Impatiente) n°18 bio - 20 ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Impatiente n°18 - Saint-Hilaire\nPalette détectée:\n - Primaire: #5B7C4A (vert olive\/sauge du texte packaging)\n - Secondaire: #C4A962 (doré\/ocre du numéro N°18)\n - Accent: #8B4513 (ambre du flacon en verre)\n - Background: #F5F3ED (crème naturel de l'étiquette)\nAmbiance: Naturel, authentique, apothicaire traditionnel, bien-être holistique, artisanal français\nPréfixe CSS: fb\n--\u003e\n\n\u003cdiv class=\"fb-premium\"\u003e\n \n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🇫🇷 Made in Auvergne\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e✨ Méthode Dr. Bach\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eFleur de Bach Impatiente n°18\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eL'élixir naturel pour retrouver calme et patience\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003eVous vivez à cent à l'heure et l'attente vous exaspère ? Cet élixir floral vous accompagne pour cultiver la sérénité et développer une patience bienveillante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🎯 À qui s'adresse cet élixir ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e⚡ Vous vivez à cent à l'heure\u003c\/h3\u003e\n \u003cp\u003eNaturellement vif et efficace, la lenteur des autres vous agace profondément au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e😤 Vous vous irritez facilement\u003c\/h3\u003e\n \u003cp\u003eLes petits retards, files d'attente ou hésitations déclenchent une nervosité difficile à contrôler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🧑‍💼 Vous préférez travailler seul(e)\u003c\/h3\u003e\n \u003cp\u003eVous constatez que vous avancez plus vite sans avoir à attendre ou expliquer aux autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💬 Vous terminez les phrases des autres\u003c\/h3\u003e\n \u003cp\u003eLeur rythme de parole vous semble insupportablement lent, vous anticipez constamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e😰 Vous ressentez une tension constante\u003c\/h3\u003e\n \u003cp\u003eCette agitation permanente engendre stress et angoisse au quotidien, épuisant votre énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔄 Vous faites tout vous-même\u003c\/h3\u003e\n \u003cp\u003ePour aller plus vite, vous prenez en charge ce que les autres font \"trop lentement\".\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de l'Impatiente\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card fb-card-benefit\"\u003e\n \u003ch3\u003e🧘 Patience naturelle\u003c\/h3\u003e\n \u003cp\u003eVous acceptez progressivement que chacun évolue à son propre rythme, sans frustration ni agacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-benefit\"\u003e\n \u003ch3\u003e🌊 Apaisement intérieur\u003c\/h3\u003e\n \u003cp\u003eAide à relâcher les tensions accumulées par l'impatience chronique et la nervosité quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-benefit\"\u003e\n \u003ch3\u003e💚 Tolérance accrue\u003c\/h3\u003e\n \u003cp\u003eUn regard plus indulgent sur les différences de tempo des personnes qui vous entourent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-benefit\"\u003e\n \u003ch3\u003e🤝 Relations harmonieuses\u003c\/h3\u003e\n \u003cp\u003eEn étant moins pressant avec les autres, vous créez des échanges plus détendus et bienveillants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-benefit\"\u003e\n \u003ch3\u003e😌 Irritabilité réduite\u003c\/h3\u003e\n \u003cp\u003eLes petits désagréments du quotidien ne déclenchent plus de réactions disproportionnées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-benefit\"\u003e\n \u003ch3\u003e⏳ Sérénité retrouvée\u003c\/h3\u003e\n \u003cp\u003eCultivez un état d'esprit calme qui transforme votre rapport au temps et aux autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🌱 Une composition bio et authentique\u003c\/h2\u003e\n \u003cdiv class=\"fb-composition\"\u003e\n \u003cdiv class=\"fb-composition-item\"\u003e\n \u003cdiv class=\"fb-composition-icon\"\u003e🍇\u003c\/div\u003e\n \u003cdiv class=\"fb-composition-content\"\u003e\n \u003ch3\u003eBrandy biologique\u003c\/h3\u003e\n \u003cp class=\"fb-composition-dose\"\u003e40% vol.\u003c\/p\u003e\n \u003cp\u003eSupport de conservation traditionnel garantissant la stabilité optimale de l'élixir floral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-composition-item\"\u003e\n \u003cdiv class=\"fb-composition-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"fb-composition-content\"\u003e\n \u003ch3\u003eImpatiens glandulifera bio\u003c\/h3\u003e\n \u003cp class=\"fb-composition-dose\"\u003eDilution 1\/250ème\u003c\/p\u003e\n \u003cp\u003eExtrait aqueux préparé selon la méthode solaire originale du Dr. Edward Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-certification-box\"\u003e\n \u003cp\u003e🏆 La certification biologique assure une qualité irréprochable, sans pesticides ni substances indésirables. Le flacon ambré de 20 ml protège l'élixir de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e📋 Comment utiliser cet élixir ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-usage\"\u003e\n \u003cdiv class=\"fb-usage-main\"\u003e\n \u003cdiv class=\"fb-dosage-highlight\"\u003e\n \u003cspan class=\"fb-dosage-number\"\u003e4\u003c\/span\u003e\n \u003cspan class=\"fb-dosage-text\"\u003egouttes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-dosage-times\"\u003e\n \u003cspan\u003e×\u003c\/span\u003e\n \u003cspan class=\"fb-dosage-number\"\u003e4\u003c\/span\u003e\n \u003cspan class=\"fb-dosage-text\"\u003efois\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e👅 Sous la langue\u003c\/h3\u003e\n \u003cp\u003eMéthode la plus efficace pour une absorption optimale et rapide de l'élixir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💧 Dans un verre d'eau\u003c\/h3\u003e\n \u003cp\u003eAlternative idéale si vous préférez atténuer le goût de l'alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e⏰ 4 moments clés\u003c\/h3\u003e\n \u003cp\u003eMatin au réveil, milieu de matinée, milieu d'après-midi et avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-duration-box\"\u003e\n \u003ch3\u003e⏳ Durée recommandée\u003c\/h3\u003e\n \u003cp\u003ePoursuivez la prise pendant \u003cstrong\u003eau moins 3 semaines\u003c\/strong\u003e pour observer des changements durables. Peut être utilisée seule ou associée à d'autres élixirs (jusqu'à 7 fleurs simultanément).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e💡 Associations recommandées\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card fb-card-asso\"\u003e\n \u003ch3\u003e🔥 Impatiente + Vervain\u003c\/h3\u003e\n \u003cp\u003ePour les personnes surmenées qui s'épuisent à vouloir tout faire rapidement et intensément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-asso\"\u003e\n \u003ch3\u003e🌀 Impatiente + White Chestnut\u003c\/h3\u003e\n \u003cp\u003eIdéale si l'impatience s'accompagne de pensées obsédantes et d'un mental qui tourne en boucle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-asso\"\u003e\n \u003ch3\u003e🌟 Impatiente + Rescue\u003c\/h3\u003e\n \u003cp\u003eEn situation de stress aigu où l'impatience amplifie l'anxiété et la tension nerveuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"fb-accordion\"\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003eL'Impatiente est-elle efficace contre le stress ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eL'Impatiente agit spécifiquement sur l'impatience et l'irritabilité, deux facteurs qui alimentent le stress et l'angoisse au quotidien. En vous aidant à ralentir intérieurement, elle contribue à réduire la tension nerveuse globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003eCombien de temps pour ressentir les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eLes premiers effets peuvent apparaître dès les premiers jours, mais une cure de 3 à 4 semaines permet d'ancrer durablement les changements émotionnels et comportementaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003ePeut-on l'associer à d'autres fleurs de Bach ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eAbsolument. Vous pouvez combiner jusqu'à 7 élixirs différents selon vos besoins émotionnels. L'Impatiente s'associe particulièrement bien avec Vervain (surmenage) ou White Chestnut (pensées obsédantes).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"fb-accordion\"\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eRefermez soigneusement le flacon après chaque utilisation. Conservez à température ambiante, à l'abri de la chaleur excessive et des sources de lumière directe. Éloignez des appareils électroniques. Ne touchez pas la pipette avec les doigts ou la bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée. Contient de l'alcool (40% vol.) : déconseillé aux personnes en sevrage alcoolique. À tenir hors de portée des enfants. Consultez votre médecin si vous êtes enceinte ou allaitante. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-1\"\u003e\n \u003cp\u003eÉlaboré par la Distillerie Saint-Hilaire au cœur de l'Auvergne, selon un savoir-faire artisanal exigeant. Chaque élixir respecte scrupuleusement les méthodes traditionnelles établies par le Dr Edward Bach dans les années 1930, avec des ingrédients biologiques soigneusement sélectionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e📏 20 ml\u003c\/h3\u003e\n \u003cp\u003eContenance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔢 N°18\u003c\/h3\u003e\n \u003cp\u003eClassification Bach\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌿 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💜 Solitude\u003c\/h3\u003e\n \u003cp\u003eGroupe émotionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cp\u003e🌸 Retrouvez votre sérénité naturelle avec l'élixir Impatiente n°18. Laissez la patience s'installer doucement et transformez votre rapport au temps et aux autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #F8F6F1;\n --fb-white: #ffffff;\n --fb-primary: #5B7C4A;\n --fb-primary-dark: #3D5432;\n --fb-primary-light: #E8EFE4;\n --fb-secondary: #C4A962;\n --fb-accent: #8B5A2B;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e0e0e0;\n --fb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #5B7C4A 0%, #3D5432 50%, #2A3B23 100%);\n border-radius: var(--fb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(196,169,98,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.fb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n.fb-card-benefit {\n border-left: 4px solid var(--fb-secondary);\n}\n\n.fb-card-asso {\n background: linear-gradient(135deg, var(--fb-white) 0%, var(--fb-primary-light) 100%);\n}\n\n.fb-composition {\n display: grid;\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.fb-composition-item {\n display: flex;\n gap: 1.25rem;\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n align-items: flex-start;\n}\n\n.fb-composition-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.fb-composition-content h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-composition-dose {\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-secondary);\n margin: 0 0 .5rem 0 !important;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.fb-composition-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-certification-box {\n background: linear-gradient(135deg, var(--fb-primary-light) 0%, #d4e4cc 100%);\n border-radius: var(--fb-radius);\n padding: 1.5rem;\n text-align: center;\n border: 2px solid var(--fb-primary);\n}\n\n.fb-certification-box p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-primary-dark);\n margin: 0;\n line-height: 1.7;\n font-weight: 500;\n}\n\n.fb-usage-main {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n margin-bottom: 2rem;\n flex-wrap: wrap;\n}\n\n.fb-dosage-highlight, .fb-dosage-times {\n display: flex;\n align-items: baseline;\n gap: .5rem;\n background: var(--fb-white);\n padding: 1.5rem 2rem;\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-dosage-number {\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n color: var(--fb-primary);\n line-height: 1;\n}\n\n.fb-dosage-text {\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 700;\n color: var(--fb-text-light);\n}\n\n.fb-dosage-times span:first-child {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 300;\n color: var(--fb-text-light);\n}\n\n.fb-duration-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: 1.5rem 2rem;\n margin-top: 1.5rem;\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-secondary);\n}\n\n.fb-duration-box h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.fb-duration-box p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.fb-duration-box strong {\n color: var(--fb-primary-dark);\n}\n\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-primary-dark) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fb-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(196,169,98,.2) 0%, transparent 50%);\n}\n\n.fb-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .fb-card {\n padding: 1.125rem;\n }\n \n .fb-section {\n margin-bottom: 1.75rem;\n }\n \n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n \n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .fb-grid-compact {\n gap: .625rem;\n }\n \n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n \n .fb-composition-item {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .fb-usage-main {\n gap: 1rem;\n }\n \n .fb-dosage-highlight, .fb-dosage-times {\n padding: 1rem 1.5rem;\n }\n \n .fb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56419701817721,"sku":"NBAIDSH0095","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-impatiente-n18-20ml-saint-hilaire-lifestyle_7d5764c6-10cb-44ac-9270-c1f64b545b49.webp?v=1768477856"},{"product_id":"fleur-de-bach-marronnier-rouge-25-20ml-saint-hilaire","title":"Fleur de Bach Marronnier Rouge (Red Chestnut) n°25 bio - 20 ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Marronnier rouge n°25\nPalette détectée:\n - Primaire: #4A6741 (vert forêt du texte et de l'identité Saint-Hilaire)\n - Secondaire: #8B4513 (brun ambré du flacon en verre)\n - Accent: #C94B4B (rouge bordeaux du marronnier rouge, accent sur l'étiquette)\nAmbiance: Naturel\/apothicaire, élégant et traditionnel, esprit herboristerie française\nPréfixe CSS: mr\n--\u003e\n\u003cdiv class=\"mr-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"mr-hero\"\u003e\n\u003cdiv class=\"mr-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mr-hero-content\"\u003e\n\u003cdiv class=\"mr-badges-top\"\u003e\n\u003cspan class=\"mr-badge\"\u003e🌰 Fleur de Bach n°25\u003c\/span\u003e \u003cspan class=\"mr-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"mr-badge\"\u003e🇫🇷 Auvergne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mr-hero-title\"\u003eFleur de Bach Marronnier Rouge\u003c\/span\u003e\n\u003cp class=\"mr-subtitle\"\u003eLibérez-vous de l'inquiétude excessive pour vos proches\u003c\/p\u003e\n\u003cp class=\"mr-description\"\u003eL'élixir floral Red Chestnut de la Distillerie Saint-Hilaire pour retrouver confiance et sérénité lorsque l'amour pour les autres se transforme en anxiété envahissante.\u003c\/p\u003e\n\u003cdiv class=\"mr-hero-details\"\u003e\n\u003cspan class=\"mr-hero-tag\"\u003e🌸 Aesculus carnea\u003c\/span\u003e \u003cspan class=\"mr-hero-tag\"\u003e💧 20 ml\u003c\/span\u003e \u003cspan class=\"mr-hero-tag\"\u003e✨ Méthode Dr Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTRODUCTION --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003cdiv class=\"mr-intro-box\"\u003e\n\u003cp\u003eVous vous surprenez à imaginer le pire dès qu'un proche prend la route ? Vous appelez plusieurs fois par jour pour vous assurer que tout va bien ? Cette \u003cstrong\u003einquiétude constante pour les autres\u003c\/strong\u003e peut devenir épuisante, autant pour vous que pour votre entourage. La \u003cstrong\u003efleur de Bach Marronnier rouge\u003c\/strong\u003e, également connue sous le nom de \u003cstrong\u003eRed Chestnut\u003c\/strong\u003e, a été identifiée par le Docteur Edward Bach précisément pour accompagner les personnes dont l'amour se teinte d'anxiété excessive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e🎯 À qui s'adresse cet élixir floral ?\u003c\/h2\u003e\n\u003cdiv class=\"mr-grid\"\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e💭 Les parents inquiets\u003c\/h3\u003e\n\u003cp\u003eVous imaginez constamment des scénarios catastrophes concernant vos enfants, même adultes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e📱 Les proches anxieux\u003c\/h3\u003e\n\u003cp\u003eVous avez besoin de nouvelles régulières et paniquez au moindre retard ou silence\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🔮 Ceux qui anticipent le pire\u003c\/h3\u003e\n\u003cp\u003eVotre esprit fabrique spontanément des scénarios dramatiques pour vos êtres chers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🤗 Les protecteurs excessifs\u003c\/h3\u003e\n\u003cp\u003eVotre besoin de protéger les autres devient parfois étouffant pour eux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPRENDRE --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e🌳 Comprendre le Marronnier rouge\u003c\/h2\u003e\n\u003cdiv class=\"mr-understanding-grid\"\u003e\n\u003cdiv class=\"mr-understanding-card\"\u003e\n\u003ch3\u003e🔍 L'état émotionnel concerné\u003c\/h3\u003e\n\u003cp\u003eLe Marronnier rouge s'adresse à une forme très particulière d'anxiété : celle qui ne concerne pas soi-même, mais \u003cstrong\u003eexclusivement les autres\u003c\/strong\u003e. Contrairement à d'autres peurs, cette inquiétude naît d'un amour profond qui se manifeste de façon déséquilibrée. Vous projetez vos craintes sur vos proches, vivant par anticipation des malheurs qui ne se produisent généralement jamais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-understanding-card\"\u003e\n\u003ch3\u003e🎯 Ce que cet élixir peut vous apporter\u003c\/h3\u003e\n\u003cp\u003eL'élixir floral de \u003cstrong\u003eMarronnier rouge\u003c\/strong\u003e aide à transformer cette inquiétude en \u003cstrong\u003econfiance sereine\u003c\/strong\u003e. Il ne diminue pas l'amour que vous portez aux autres, bien au contraire : il permet d'exprimer cet attachement de manière plus saine, en faisant confiance à la capacité de vos proches à traverser leur propre vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits du Marronnier rouge\u003c\/h2\u003e\n\u003cdiv class=\"mr-benefits\"\u003e\n\u003cdiv class=\"mr-benefit\"\u003e\n\u003cspan class=\"mr-benefit-num\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"mr-benefit-content\"\u003e\n\u003ch3\u003eApaise l'inquiétude pour les autres\u003c\/h3\u003e\n\u003cp\u003eAide à calmer les pensées anxieuses récurrentes concernant le bien-être et la sécurité de vos proches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-benefit\"\u003e\n\u003cspan class=\"mr-benefit-num\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"mr-benefit-content\"\u003e\n\u003ch3\u003eCultive la confiance relationnelle\u003c\/h3\u003e\n\u003cp\u003eFavorise une attitude plus confiante envers la capacité des autres à gérer leur propre existence\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-benefit\"\u003e\n\u003cspan class=\"mr-benefit-num\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"mr-benefit-content\"\u003e\n\u003ch3\u003eLibère des scénarios catastrophes\u003c\/h3\u003e\n\u003cp\u003ePermet de se détacher des projections négatives et d'accueillir le présent avec plus de légèreté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-benefit\"\u003e\n\u003cspan class=\"mr-benefit-num\"\u003e04\u003c\/span\u003e\n\u003cdiv class=\"mr-benefit-content\"\u003e\n\u003ch3\u003eRétablit des liens équilibrés\u003c\/h3\u003e\n\u003cp\u003eTransforme l'amour anxieux en attention bienveillante, plus agréable pour tous\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SITUATIONS --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e📋 Situations où Red Chestnut peut vous aider\u003c\/h2\u003e\n\u003cdiv class=\"mr-situations\"\u003e\n\u003cdiv class=\"mr-situation\"\u003e\n\u003cspan class=\"mr-situation-icon\"\u003e✈️\u003c\/span\u003e \u003cspan\u003eQuand un proche voyage et que vous ne trouvez pas le sommeil\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-situation\"\u003e\n\u003cspan class=\"mr-situation-icon\"\u003e🚗\u003c\/span\u003e \u003cspan\u003eLorsque votre enfant conduit et que vous guettez son message d'arrivée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-situation\"\u003e\n\u003cspan class=\"mr-situation-icon\"\u003e🏥\u003c\/span\u003e \u003cspan\u003eQuand vous amplifiez le moindre symptôme de santé chez vos proches\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-situation\"\u003e\n\u003cspan class=\"mr-situation-icon\"\u003e📵\u003c\/span\u003e \u003cspan\u003eSi un appel sans réponse déclenche immédiatement des pensées alarmistes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-situation\"\u003e\n\u003cspan class=\"mr-situation-icon\"\u003e🌙\u003c\/span\u003e \u003cspan\u003eQuand l'inquiétude pour les autres vous empêche de dormir sereinement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-situation\"\u003e\n\u003cspan class=\"mr-situation-icon\"\u003e👶\u003c\/span\u003e \u003cspan\u003ePendant les premières années de parentalité souvent marquées par l'hypervigilance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e🌿 Composition certifiée biologique\u003c\/h2\u003e\n\u003cdiv class=\"mr-composition-grid\"\u003e\n\u003cdiv class=\"mr-ingredient\"\u003e\n\u003cdiv class=\"mr-ingredient-icon\"\u003e🍷\u003c\/div\u003e\n\u003cdiv class=\"mr-ingredient-info\"\u003e\n\u003ch3\u003eBrandy bio\u003c\/h3\u003e\n\u003cspan class=\"mr-ingredient-tag\"\u003e40% vol - Conservateur naturel\u003c\/span\u003e\n\u003cp\u003eAlcool de raisin biologique servant de support de conservation, conformément à la méthode traditionnelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-ingredient\"\u003e\n\u003cdiv class=\"mr-ingredient-icon\"\u003e🌸\u003c\/div\u003e\n\u003cdiv class=\"mr-ingredient-info\"\u003e\n\u003ch3\u003eAesculus carnea bio\u003c\/h3\u003e\n\u003cspan class=\"mr-ingredient-tag\"\u003eDilution 1\/250ème\u003c\/span\u003e\n\u003cp\u003eExtrait aqueux de fleurs de Marronnier rouge, préparé selon la méthode d'ébullition originale du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-method-box\"\u003e\n\u003cspan class=\"mr-method-icon\"\u003e📜\u003c\/span\u003e\n\u003cdiv class=\"mr-method-text\"\u003e\n\u003ch4\u003eLa méthode d'ébullition du Dr Bach\u003c\/h4\u003e\n\u003cp\u003eLe Marronnier rouge fait partie des fleurs préparées par \u003cstrong\u003eébullition\u003c\/strong\u003e, une technique réservée aux arbres et arbustes dont les fleurs s'épanouissent avant que le soleil printanier n'atteigne sa pleine puissance. Les sommités fleuries sont cuites doucement dans de l'eau de source, puis filtrées et stabilisées dans du brandy bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e💧 Comment utiliser votre élixir ?\u003c\/h2\u003e\n\u003cdiv class=\"mr-usage\"\u003e\n\u003cdiv class=\"mr-dosage\"\u003e\n\u003cspan class=\"mr-dosage-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"mr-dosage-text\"\u003e\n\u003cspan class=\"mr-dosage-label\"\u003egouttes\u003c\/span\u003e \u003cspan class=\"mr-dosage-freq\"\u003e4 fois par jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-usage-steps\"\u003e\n\u003cdiv class=\"mr-step\"\u003e\n\u003cspan class=\"mr-step-icon\"\u003e👅\u003c\/span\u003e\n\u003cp\u003eDéposez les gouttes directement sous la langue pour une absorption optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-step\"\u003e\n\u003cspan class=\"mr-step-icon\"\u003e💧\u003c\/span\u003e\n\u003cp\u003eOu diluez-les dans un verre d'eau à boire par petites gorgées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-step\"\u003e\n\u003cspan class=\"mr-step-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003ePrenez-les au réveil, en milieu de matinée, dans l'après-midi et au coucher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-tip\"\u003e\n\u003cspan class=\"mr-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil d'utilisation :\u003c\/strong\u003e En période d'inquiétude intense (voyage d'un proche, attente de nouvelles), vous pouvez prendre les gouttes plus fréquemment, jusqu'à toutes les 15 minutes si nécessaire. Pour un travail de fond, maintenez la prise pendant \u003cstrong\u003e3 à 4 semaines\u003c\/strong\u003e minimum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPARAISON --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e🤔 Marronnier rouge ou blanc ?\u003c\/h2\u003e\n\u003cdiv class=\"mr-comparison\"\u003e\n\u003cp class=\"mr-comparison-intro\"\u003eUne confusion fréquente existe entre ces deux élixirs. Voici comment les distinguer :\u003c\/p\u003e\n\u003cdiv class=\"mr-comparison-grid\"\u003e\n\u003cdiv class=\"mr-comparison-item mr-comparison-red\"\u003e\n\u003ch4\u003e🔴 Marronnier rouge (Red Chestnut)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eInquiétude \u003cstrong\u003epour les autres\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eCrainte qu'il arrive malheur à vos proches\u003c\/li\u003e\n\u003cli\u003eAnxiété tournée vers l'extérieur\u003c\/li\u003e\n\u003cli\u003eBesoin de protéger ceux que vous aimez\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-comparison-item mr-comparison-white\"\u003e\n\u003ch4\u003e⚪ Marronnier blanc (White Chestnut)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003ePensées \u003cstrong\u003eobsessionnelles personnelles\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eMental qui tourne en boucle\u003c\/li\u003e\n\u003cli\u003eRuminations concernant votre propre vie\u003c\/li\u003e\n\u003cli\u003eDifficulté à faire taire le bavardage mental\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"mr-accordion\"\u003e\n\u003cdetails class=\"mr-accordion-item\"\u003e\n\u003csummary class=\"mr-accordion-header\"\u003e🏔️ La Distillerie Saint-Hilaire\u003c\/summary\u003e\n\u003cdiv class=\"mr-accordion-content\"\u003e\n\u003cp\u003eNichée au cœur des volcans d'\u003cstrong\u003eAuvergne\u003c\/strong\u003e, la Distillerie Saint-Hilaire élabore ses élixirs floraux dans le respect absolu de la tradition établie par le Docteur Bach dans les années 1930. Certification biologique, fabrication française artisanale et méthode originale préservée. Ce flacon de \u003cstrong\u003e20 ml\u003c\/strong\u003e avec pipette compte-gouttes vous accompagnera pendant environ \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e d'utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mr-accordion-item\"\u003e\n\u003csummary class=\"mr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"mr-accordion-content\"\u003e\n\u003cp\u003eRefermez soigneusement le flacon après usage. Conservez dans un endroit frais (15-25°C), à l'abri de la lumière directe du soleil et éloigné des sources électromagnétiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mr-accordion-item\"\u003e\n\u003csummary class=\"mr-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"mr-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eContient de l'alcool\u003c\/strong\u003e (40% vol) : déconseillé aux personnes en sevrage alcoolique\u003c\/li\u003e\n\u003cli\u003eEn cas de troubles anxieux sévères ou persistants, consultez un professionnel de santé\u003c\/li\u003e\n\u003cli\u003eCet élixir ne constitue pas un traitement médical et ne peut s'y substituer\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n\u003cli\u003eDemandez conseil à votre médecin si vous êtes enceinte ou allaitante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"mr-section\"\u003e\n\u003cdiv class=\"mr-grid-compact\"\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n\u003cp\u003e20 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🔢 Numéro Bach\u003c\/h3\u003e\n\u003cp\u003eN°25\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🇬🇧 Nom anglais\u003c\/h3\u003e\n\u003cp\u003eRed Chestnut\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"mr-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mr-cta-box\"\u003e\n\u003cspan class=\"mr-cta-icon\"\u003e🌰\u003c\/span\u003e\n\u003cp\u003eTransformez votre \u003cstrong\u003einquiétude\u003c\/strong\u003e en \u003cstrong\u003econfiance bienveillante\u003c\/strong\u003e.\u003cbr\u003eLaissez le Marronnier rouge vous aider à aimer sans craindre, à protéger sans étouffer.\u003c\/p\u003e\n\u003cspan class=\"mr-cta-tagline\"\u003eParce qu'aimer, c'est aussi faire confiance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mr-cream: #FAF8F5;\n --mr-white: #ffffff;\n --mr-primary: #4A6741;\n --mr-primary-dark: #3A5331;\n --mr-primary-light: #E8EFE6;\n --mr-secondary: #8B5A2B;\n --mr-secondary-light: #F5EDE4;\n --mr-accent: #C94B4B;\n --mr-accent-light: #FCF0F0;\n --mr-text: #1a1a1a;\n --mr-text-light: #5a5a5a;\n --mr-border: #e0e0e0;\n --mr-shadow: 0 4px 24px rgba(74,103,65,.08);\n --mr-shadow-lg: 0 12px 48px rgba(74,103,65,.15);\n --mr-radius: 20px;\n --mr-radius-sm: 12px;\n}\n\n.mr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mr-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mr-primary) 0%, #5C7A52 40%, var(--mr-accent) 100%);\n border-radius: var(--mr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mr-shadow-lg);\n}\n\n.mr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.mr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mr-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 9vw, 64px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 30px rgba(0,0,0,.25);\n}\n\n.mr-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.mr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.mr-hero-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.mr-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: white;\n}\n\n\/* === INTRO === *\/\n.mr-intro-box {\n background: var(--mr-white);\n border-radius: var(--mr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mr-shadow);\n border-left: 4px solid var(--mr-accent);\n}\n\n.mr-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin: 0;\n color: var(--mr-text);\n}\n\n\/* === SECTIONS === *\/\n.mr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mr-primary), var(--mr-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mr-card {\n background: var(--mr-white);\n border-radius: var(--mr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mr-shadow-lg);\n border-color: var(--mr-primary);\n}\n\n.mr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mr-grid-compact .mr-card {\n padding: 1rem;\n}\n\n.mr-grid-compact .mr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mr-grid-compact .mr-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--mr-primary-dark);\n}\n\n\/* === UNDERSTANDING === *\/\n.mr-understanding-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.mr-understanding-card {\n background: var(--mr-white);\n border-radius: var(--mr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mr-shadow);\n}\n\n.mr-understanding-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mr-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.mr-understanding-card p {\n font-size: 15px;\n color: var(--mr-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === BIENFAITS === *\/\n.mr-benefits {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mr-benefit {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--mr-white);\n border-radius: var(--mr-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--mr-shadow);\n border-left: 4px solid var(--mr-primary);\n transition: all .3s ease;\n}\n\n.mr-benefit:hover {\n transform: translateX(8px);\n box-shadow: var(--mr-shadow-lg);\n}\n\n.mr-benefit-num {\n font-size: 32px;\n font-weight: 900;\n color: var(--mr-accent);\n opacity: .7;\n line-height: 1;\n min-width: 50px;\n}\n\n.mr-benefit-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--mr-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mr-benefit-content p {\n font-size: 14px;\n color: var(--mr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SITUATIONS === *\/\n.mr-situations {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n}\n\n.mr-situation {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--mr-white);\n border-radius: var(--mr-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--mr-shadow);\n transition: all .3s ease;\n}\n\n.mr-situation:hover {\n transform: translateY(-3px);\n box-shadow: var(--mr-shadow-lg);\n}\n\n.mr-situation-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.mr-situation span:last-child {\n font-size: 14px;\n font-weight: 500;\n color: var(--mr-text);\n line-height: 1.5;\n}\n\n\/* === COMPOSITION === *\/\n.mr-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mr-ingredient {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--mr-white);\n border-radius: var(--mr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mr-shadow);\n transition: all .3s ease;\n}\n\n.mr-ingredient:hover {\n transform: translateY(-5px);\n box-shadow: var(--mr-shadow-lg);\n}\n\n.mr-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.mr-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--mr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mr-ingredient-tag {\n display: inline-block;\n background: var(--mr-primary-light);\n color: var(--mr-primary-dark);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.mr-ingredient-info p {\n font-size: 14px;\n color: var(--mr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mr-method-box {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: linear-gradient(135deg, var(--mr-secondary-light) 0%, var(--mr-white) 100%);\n border-radius: var(--mr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--mr-secondary);\n}\n\n.mr-method-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.mr-method-text h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mr-secondary);\n margin: 0 0 .5rem 0;\n}\n\n.mr-method-text p {\n font-size: 14px;\n color: var(--mr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.mr-usage {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n margin-bottom: 1.5rem;\n align-items: center;\n}\n\n.mr-dosage {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--mr-primary) 0%, var(--mr-primary-dark) 100%);\n border-radius: var(--mr-radius);\n padding: 2rem 2.5rem;\n box-shadow: var(--mr-shadow-lg);\n}\n\n.mr-dosage-number {\n font-size: 72px;\n font-weight: 900;\n color: white;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mr-dosage-text {\n display: flex;\n flex-direction: column;\n}\n\n.mr-dosage-label {\n font-size: 24px;\n font-weight: 700;\n color: white;\n line-height: 1.2;\n}\n\n.mr-dosage-freq {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n}\n\n.mr-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mr-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--mr-white);\n border-radius: var(--mr-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--mr-shadow);\n transition: all .3s ease;\n}\n\n.mr-step:hover {\n transform: translateX(5px);\n}\n\n.mr-step-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mr-step p {\n font-size: 14px;\n color: var(--mr-text);\n margin: 0;\n font-weight: 500;\n}\n\n.mr-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--mr-accent-light);\n border-radius: var(--mr-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n border-left: 4px solid var(--mr-accent);\n}\n\n.mr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mr-tip p {\n font-size: 14px;\n color: var(--mr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPARAISON === *\/\n.mr-comparison {\n background: var(--mr-white);\n border-radius: var(--mr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mr-shadow);\n}\n\n.mr-comparison-intro {\n font-size: 16px;\n color: var(--mr-text);\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.mr-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.mr-comparison-item {\n padding: 1.5rem;\n border-radius: var(--mr-radius-sm);\n}\n\n.mr-comparison-red {\n background: var(--mr-accent-light);\n border: 2px solid var(--mr-accent);\n}\n\n.mr-comparison-white {\n background: #F5F5F5;\n border: 2px solid #CCCCCC;\n}\n\n.mr-comparison-item h4 {\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 1rem 0;\n color: var(--mr-primary-dark);\n}\n\n.mr-comparison-item ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.mr-comparison-item li {\n font-size: 14px;\n color: var(--mr-text-light);\n padding: .5rem 0 .5rem 1.5rem;\n position: relative;\n line-height: 1.5;\n}\n\n.mr-comparison-item li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--mr-primary);\n font-weight: bold;\n}\n\n\/* === ACCORDÉON === *\/\n.mr-accordion {\n background: var(--mr-white);\n border-radius: var(--mr-radius);\n box-shadow: var(--mr-shadow);\n overflow: hidden;\n}\n\n.mr-accordion-item {\n border-bottom: 1px solid var(--mr-border);\n margin: 0;\n padding: 0;\n}\n\n.mr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mr-accordion-header:hover {\n background: var(--mr-primary-light);\n}\n\n.mr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mr-primary);\n transition: transform .2s ease;\n}\n\n.mr-accordion-item[open] .mr-accordion-header::after {\n content: '−';\n}\n\n.mr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mr-accordion-content p {\n margin: 0;\n}\n\n.mr-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.mr-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.mr-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mr-cta-box {\n background: linear-gradient(135deg, var(--mr-primary) 0%, #5C7A52 50%, var(--mr-accent) 100%);\n border-radius: var(--mr-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mr-shadow-lg);\n}\n\n.mr-cta-icon {\n display: block;\n font-size: 56px;\n margin-bottom: 1.5rem;\n animation: mrFloat 3s ease-in-out infinite;\n}\n\n@keyframes mrFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n.mr-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0 0 1.5rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mr-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 10px 24px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mr-card,\n .mr-benefit,\n .mr-ingredient,\n .mr-step,\n .mr-situation {\n animation: mrFadeInUp .5s ease backwards;\n }\n .mr-card:nth-child(1), .mr-benefit:nth-child(1) { animation-delay: .05s; }\n .mr-card:nth-child(2), .mr-benefit:nth-child(2) { animation-delay: .1s; }\n .mr-card:nth-child(3), .mr-benefit:nth-child(3) { animation-delay: .15s; }\n .mr-card:nth-child(4), .mr-benefit:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes mrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mr-grid-compact {\n gap: .625rem;\n }\n \n .mr-grid-compact .mr-card {\n padding: .75rem;\n }\n \n .mr-card {\n padding: 1.125rem;\n }\n \n .mr-section {\n margin-bottom: 1.75rem;\n }\n \n .mr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mr-radius-sm);\n }\n \n .mr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mr-usage {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .mr-dosage {\n justify-content: center;\n padding: 1.5rem 2rem;\n }\n \n .mr-dosage-number {\n font-size: 56px;\n }\n \n .mr-understanding-grid,\n .mr-composition-grid,\n .mr-comparison-grid {\n grid-template-columns: 1fr;\n }\n \n .mr-situations {\n grid-template-columns: 1fr;\n }\n \n .mr-benefit {\n gap: 1rem;\n }\n \n .mr-benefit-num {\n font-size: 24px;\n min-width: 40px;\n }\n \n .mr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mr-badges-top {\n gap: 8px;\n }\n \n .mr-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n \n .mr-hero-details {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mr-premium *,\n .mr-cta-icon {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56474580320633,"sku":"NBAIDSH0089","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Canva_Fleur_de_Bach_dame_saint_hilaire_8.jpg?v=1767971875"},{"product_id":"fleur-de-bach-tremble-20ml-saint-hilaire","title":"Fleur de Bach Aspen (Tremble) n°2 bio - 20 ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Tremble N°2 Bio - Saint-Hilaire\nPalette détectée:\n - Primaire: #5A4632 (brun ambré du flacon en verre)\n - Secondaire: #3D5A3D (vert forêt\/naturel évoquant les plantes)\n - Accent: #8B7355 (beige doré de l'étiquette)\nAmbiance: Naturel\/apothicaire, élégant et authentique, style traditionnel français, univers bien-être et sérénité\nPréfixe CSS: fb\n--\u003e\n\n\u003cdiv class=\"fb-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 Fleur de Bach n°2\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🌱 100% Bio\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🇫🇷 Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eFleur de Bach Tremble - Aspen\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eRetrouvez la sérénité face aux peurs inexpliquées\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003eL'élixir floral Aspen de la Distillerie Saint-Hilaire pour apaiser les angoisses diffuses et les pressentiments inquiétants qui surgissent sans raison apparente.\u003c\/p\u003e\n \u003cdiv class=\"fb-hero-details\"\u003e\n \u003cspan class=\"fb-hero-tag\"\u003e🌳 Populus tremula\u003c\/span\u003e\n \u003cspan class=\"fb-hero-tag\"\u003e💧 20 ml\u003c\/span\u003e\n \u003cspan class=\"fb-hero-tag\"\u003e✨ Méthode Dr Bach\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- INTRODUCTION --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003cdiv class=\"fb-intro-box\"\u003e\n \u003cp\u003eVous ressentez parfois une \u003cstrong\u003eangoisse sourde\u003c\/strong\u003e qui vous envahit sans que vous puissiez l'expliquer ? Ce malaise diffus, cette sensation que quelque chose de négatif va se produire, sans savoir quoi ni pourquoi ? La \u003cstrong\u003efleur de Bach Tremble\u003c\/strong\u003e, connue internationalement sous le nom d'\u003cstrong\u003eAspen\u003c\/strong\u003e, a été sélectionnée par le Docteur Edward Bach précisément pour accompagner ces \u003cstrong\u003epeurs vagues et inexpliquées\u003c\/strong\u003e. Contrairement aux craintes rationnelles, ces angoisses flottantes peuvent surgir à tout moment et perturber profondément votre quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPRENDRE LA PEUR ASPEN --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🔍 Qu'est-ce que la peur de type Aspen ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-understanding-grid\"\u003e\n \u003cdiv class=\"fb-understanding-card\"\u003e\n \u003ch3\u003e🌫️ Une peur sans visage\u003c\/h3\u003e\n \u003cp\u003eLa peur de type Tremble se distingue des autres craintes par son \u003cstrong\u003ecaractère inexplicable\u003c\/strong\u003e. Vous ne pouvez pas identifier sa source. Ce n'est pas la peur du noir, de l'avion ou des araignées. C'est plutôt un \u003cstrong\u003epressentiment diffus\u003c\/strong\u003e, une anxiété qui flotte sans objet précis. Vous sentez que quelque chose ne va pas, mais impossible de mettre des mots dessus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-understanding-card\"\u003e\n \u003ch3\u003e🌀 Des manifestations variées\u003c\/h3\u003e\n \u003cp\u003eCette angoisse peut se traduire par des \u003cstrong\u003efrissons inexpliqués\u003c\/strong\u003e, une sensation d'oppression au réveil, des cauchemars récurrents ou encore une appréhension constante. Certaines personnes décrivent une impression de \u003cstrong\u003emenace invisible\u003c\/strong\u003e, comme si quelque chose de négatif planait sans jamais se concrétiser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🎯 À qui s'adresse cet élixir floral ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e😰 Les anxieux chroniques\u003c\/h3\u003e\n \u003cp\u003eVous vivez avec une angoisse de fond permanente, sans pouvoir identifier ce qui vous inquiète vraiment\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌙 Ceux qui craignent la nuit\u003c\/h3\u003e\n \u003cp\u003eLe coucher du soleil ou l'obscurité amplifient vos appréhensions et vos peurs irrationnelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔮 Les personnes très sensibles\u003c\/h3\u003e\n \u003cp\u003eVous percevez des « ambiances » et ressentez des malaises dans certains lieux ou situations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e👶 Les enfants craintifs\u003c\/h3\u003e\n \u003cp\u003eVotre enfant a peur du noir, fait des cauchemars ou exprime des craintes qu'il ne peut pas expliquer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- DIFFÉRENCE AVEC MIMULUS --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🤔 Aspen ou Mimulus : comment choisir ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-comparison\"\u003e\n \u003cp class=\"fb-comparison-intro\"\u003eCes deux fleurs de Bach concernent la peur, mais de manière très différente. Voici comment les distinguer :\u003c\/p\u003e\n \u003cdiv class=\"fb-comparison-grid\"\u003e\n \u003cdiv class=\"fb-comparison-item fb-comparison-aspen\"\u003e\n \u003ch4\u003e🌳 Tremble (Aspen) n°2\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003ePeurs \u003cstrong\u003evagues et inexpliquées\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eImpossible de nommer ce qui vous fait peur\u003c\/li\u003e\n \u003cli\u003ePressentiments, appréhensions diffuses\u003c\/li\u003e\n \u003cli\u003eAngoisses souvent nocturnes ou au réveil\u003c\/li\u003e\n \u003cli\u003eSensation de menace invisible\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-comparison-item fb-comparison-mimulus\"\u003e\n \u003ch4\u003e🌼 Mimule (Mimulus) n°20\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003ePeurs \u003cstrong\u003eidentifiées et concrètes\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eVous savez exactement de quoi vous avez peur\u003c\/li\u003e\n \u003cli\u003ePhobie des araignées, du dentiste, de parler en public...\u003c\/li\u003e\n \u003cli\u003eTimidité, peur du jugement des autres\u003c\/li\u003e\n \u003cli\u003eCrainte face à des situations précises\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-comparison-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Si vous pouvez finir la phrase « J'ai peur de... », c'est Mimulus. Si votre angoisse reste floue et inexplicable, c'est Aspen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de la fleur de Bach Tremble n°2\u003c\/h2\u003e\n \u003cdiv class=\"fb-benefits\"\u003e\n \u003cdiv class=\"fb-benefit\"\u003e\n \u003cspan class=\"fb-benefit-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"fb-benefit-content\"\u003e\n \u003ch3\u003eApaise les angoisses inexpliquées\u003c\/h3\u003e\n \u003cp\u003eAide à calmer cette anxiété diffuse qui surgit sans raison apparente et vous empêche de vivre sereinement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-benefit\"\u003e\n \u003cspan class=\"fb-benefit-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"fb-benefit-content\"\u003e\n \u003ch3\u003eFavorise un sommeil plus paisible\u003c\/h3\u003e\n \u003cp\u003eContribue à réduire les cauchemars et les réveils nocturnes liés aux peurs irrationnelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-benefit\"\u003e\n \u003cspan class=\"fb-benefit-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"fb-benefit-content\"\u003e\n \u003ch3\u003eRestaure la confiance intérieure\u003c\/h3\u003e\n \u003cp\u003ePermet de retrouver un sentiment de sécurité et d'aborder l'inconnu avec plus de sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-benefit\"\u003e\n \u003cspan class=\"fb-benefit-num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"fb-benefit-content\"\u003e\n \u003ch3\u003eTransforme la sensibilité en force\u003c\/h3\u003e\n \u003cp\u003eAide les personnes très réceptives à canaliser leur intuition sans se laisser submerger par l'anxiété\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SITUATIONS --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e📋 Situations où le Tremble peut vous aider\u003c\/h2\u003e\n \u003cdiv class=\"fb-situations\"\u003e\n \u003cdiv class=\"fb-situation\"\u003e\n \u003cspan class=\"fb-situation-icon\"\u003e🌅\u003c\/span\u003e\n \u003cspan\u003eVous vous réveillez avec une boule au ventre sans raison particulière\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-situation\"\u003e\n \u003cspan class=\"fb-situation-icon\"\u003e🏚️\u003c\/span\u003e\n \u003cspan\u003eCertains lieux vous mettent mal à l'aise sans que vous puissiez l'expliquer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-situation\"\u003e\n \u003cspan class=\"fb-situation-icon\"\u003e😨\u003c\/span\u003e\n \u003cspan\u003eVous avez des pressentiments négatifs qui vous paralysent\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-situation\"\u003e\n \u003cspan class=\"fb-situation-icon\"\u003e🌑\u003c\/span\u003e\n \u003cspan\u003eLa tombée de la nuit ou le fait d'être seul amplifie vos peurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-situation\"\u003e\n \u003cspan class=\"fb-situation-icon\"\u003e💭\u003c\/span\u003e\n \u003cspan\u003eVous êtes envahi par des pensées anxiogènes que vous ne pouvez pas rationaliser\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-situation\"\u003e\n \u003cspan class=\"fb-situation-icon\"\u003e👻\u003c\/span\u003e\n \u003cspan\u003eVous ressentez des peurs « irrationnelles » depuis l'enfance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SYMBOLIQUE DU TREMBLE --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🌳 Pourquoi le Tremble ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-symbolique-box\"\u003e\n \u003cdiv class=\"fb-symbolique-content\"\u003e\n \u003cp\u003eLe \u003cstrong\u003ePopulus tremula\u003c\/strong\u003e, ou Tremble, tire son nom de sa caractéristique la plus remarquable : ses feuilles qui \u003cstrong\u003efrémissent au moindre souffle de vent\u003c\/strong\u003e, même lorsque l'air semble immobile. Cette sensibilité extrême aux courants d'air invisibles reflète parfaitement l'état émotionnel que cet élixir accompagne.\u003c\/p\u003e\n \u003cp\u003eLe Docteur Bach voyait dans cette signature botanique un miroir de ces \u003cstrong\u003epersonnes hypersensibles\u003c\/strong\u003e qui perçoivent et réagissent à des influences subtiles, imperceptibles pour d'autres. L'élixir de Tremble aide à transformer cette réceptivité en une force sereine, permettant d'accueillir l'inconnu sans trembler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-symbolique-image\"\u003e\n \u003cspan class=\"fb-tree-icon\"\u003e🍃\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🧪 Composition certifiée biologique\u003c\/h2\u003e\n \u003cdiv class=\"fb-composition-grid\"\u003e\n \u003cdiv class=\"fb-ingredient\"\u003e\n \u003cdiv class=\"fb-ingredient-icon\"\u003e🍷\u003c\/div\u003e\n \u003cdiv class=\"fb-ingredient-info\"\u003e\n \u003ch3\u003eBrandy bio\u003c\/h3\u003e\n \u003cspan class=\"fb-ingredient-tag\"\u003e40% vol - Conservateur naturel\u003c\/span\u003e\n \u003cp\u003eAlcool de raisin biologique servant de support de conservation, conformément à la méthode traditionnelle du Dr Bach\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-ingredient\"\u003e\n \u003cdiv class=\"fb-ingredient-icon\"\u003e🌳\u003c\/div\u003e\n \u003cdiv class=\"fb-ingredient-info\"\u003e\n \u003ch3\u003ePopulus tremula bio\u003c\/h3\u003e\n \u003cspan class=\"fb-ingredient-tag\"\u003eDilution 1\/250ème\u003c\/span\u003e\n \u003cp\u003eExtrait aqueux de bourgeons et jeunes pousses de Tremble, préparé selon la méthode d'ébullition originale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-method-box\"\u003e\n \u003cdiv class=\"fb-method-text\"\u003e\n \u003ch4\u003e🔥 La méthode d'ébullition\u003c\/h4\u003e\n \u003cp\u003eLe Tremble fait partie des 19 fleurs préparées par \u003cstrong\u003eébullition\u003c\/strong\u003e, technique réservée aux arbres et arbustes qui fleurissent tôt dans l'année, avant que le soleil n'atteigne sa pleine intensité. Les jeunes pousses fleuries sont délicatement cuites dans de l'eau de source pendant 30 minutes, puis le liquide est filtré et stabilisé dans du brandy biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e💧 Comment utiliser votre élixir Tremble ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-usage\"\u003e\n \u003cdiv class=\"fb-dosage\"\u003e\n \u003cspan class=\"fb-dosage-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"fb-dosage-text\"\u003e\n \u003cspan class=\"fb-dosage-label\"\u003egouttes\u003c\/span\u003e\n \u003cspan class=\"fb-dosage-freq\"\u003e4 fois par jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-usage-steps\"\u003e\n \u003cdiv class=\"fb-step\"\u003e\n \u003cspan class=\"fb-step-icon\"\u003e👅\u003c\/span\u003e\n \u003cp\u003eDéposez les gouttes directement sous la langue pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-step\"\u003e\n \u003cspan class=\"fb-step-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003eOu diluez-les dans un verre d'eau à boire par petites gorgées tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-step\"\u003e\n \u003cspan class=\"fb-step-icon\"\u003e⏰\u003c\/span\u003e\n \u003cp\u003ePrenez-les au réveil, en milieu de matinée, dans l'après-midi et surtout au coucher\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e En cas de crise d'angoisse ou de montée de peur inexpliquée, vous pouvez prendre les gouttes plus fréquemment, jusqu'à toutes les 10-15 minutes, jusqu'à apaisement. Pour un travail de fond sur les peurs chroniques, poursuivez la prise pendant \u003cstrong\u003e3 à 4 semaines\u003c\/strong\u003e minimum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip fb-tip-night\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e🌙\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePour les peurs nocturnes :\u003c\/strong\u003e Gardez le flacon sur votre table de nuit. En cas de réveil anxieux ou de cauchemar, prenez 4 gouttes immédiatement. Vous pouvez également préparer un verre d'eau avec 4 gouttes le soir et le siroter en cas de besoin pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR LES ENFANTS --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e👶 La fleur de Bach Tremble pour les enfants\u003c\/h2\u003e\n \u003cdiv class=\"fb-children-box\"\u003e\n \u003cdiv class=\"fb-children-content\"\u003e\n \u003cp\u003eLes enfants sont particulièrement réceptifs aux \u003cstrong\u003epeurs inexpliquées\u003c\/strong\u003e. Peur du noir, de dormir seul, cauchemars récurrents, crainte des « monstres »... Ces angoisses, souvent impossibles à rationaliser pour eux, peuvent perturber leur sommeil et leur bien-être.\u003c\/p\u003e\n \u003cp\u003eL'élixir de Tremble peut accompagner ces jeunes sensibles en douceur. \u003cstrong\u003ePosologie enfant :\u003c\/strong\u003e 2 à 4 gouttes, 4 fois par jour, diluées dans un peu d'eau ou de jus de fruit. Pour les tout-petits ou en cas de souhait d'éviter l'alcool, les gouttes peuvent être diluées dans une boisson chaude (l'alcool s'évapore) ou appliquées sur les poignets et derrière les oreilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-children-note\"\u003e\n \u003cspan\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eDemandez toujours l'avis d'un professionnel de santé avant d'utiliser des élixirs floraux chez les jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ASSOCIATIONS --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🌸 Associations recommandées\u003c\/h2\u003e\n \u003cdiv class=\"fb-associations-grid\"\u003e\n \u003cdiv class=\"fb-association-card\"\u003e\n \u003ch3\u003e🌳 Tremble + Mimulus\u003c\/h3\u003e\n \u003cp\u003eSi vous avez à la fois des peurs vagues et des peurs identifiées (par exemple, angoisse diffuse + peur du dentiste)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-association-card\"\u003e\n \u003ch3\u003e🌰 Tremble + Marronnier blanc\u003c\/h3\u003e\n \u003cp\u003eQuand les pensées anxieuses tournent en boucle et alimentent vos angoisses inexpliquées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-association-card\"\u003e\n \u003ch3\u003e🌹 Tremble + Rock Rose\u003c\/h3\u003e\n \u003cp\u003ePour les terreurs paniques et les frayeurs intenses qui vous paralysent complètement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-association-card\"\u003e\n \u003ch3\u003e🆘 Tremble + Rescue\u003c\/h3\u003e\n \u003cp\u003eEn situation de crise, pour un apaisement rapide des angoisses aiguës\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-association-note\"\u003e\n \u003cp\u003eVous pouvez mélanger jusqu'à 7 fleurs de Bach ensemble. Chaque fleur conserve son action propre, et l'ensemble travaille en synergie sur votre équilibre émotionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"fb-accordion\"\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🏔️ La Distillerie Saint-Hilaire\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eInstallée au cœur des \u003cstrong\u003evolcans d'Auvergne\u003c\/strong\u003e, la Distillerie Saint-Hilaire perpétue depuis des années la tradition des élixirs floraux selon la méthode originale du Docteur Bach. Chaque fleur est récoltée à son apogée, dans des lieux préservés, puis préparée artisanalement avec une eau de source locale et du brandy biologique. Cette démarche garantit des élixirs d'une \u003cstrong\u003equalité exceptionnelle\u003c\/strong\u003e, certifiés biologiques et 100% fabriqués en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e📖 L'histoire du Dr Bach et les 38 fleurs\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eEdward Bach (1886-1936), médecin britannique, a consacré sa vie à trouver une méthode de soin simple et naturelle, accessible à tous. Après des années de recherche, il a identifié \u003cstrong\u003e38 états émotionnels négatifs\u003c\/strong\u003e et associé à chacun une fleur capable d'harmoniser cet état. Le Tremble (Aspen) fait partie du groupe des fleurs liées à la \u003cstrong\u003epeur\u003c\/strong\u003e, aux côtés de Mimulus, Cherry Plum, Red Chestnut et Rock Rose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eRefermez soigneusement le flacon après chaque utilisation. Conservez-le dans un endroit frais (entre 15 et 25°C), à l'abri de la lumière directe du soleil et éloigné des appareils électriques ou sources électromagnétiques. Bien conservé, votre élixir garde ses propriétés pendant plusieurs années (voir date sur le flacon).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cul\u003e\n \u003cli\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eContient de l'alcool\u003c\/strong\u003e (40% vol) : déconseillé aux personnes en sevrage alcoolique\u003c\/li\u003e\n \u003cli\u003eEn cas de troubles anxieux sévères ou persistants, consultez un professionnel de santé\u003c\/li\u003e\n \u003cli\u003eCet élixir ne constitue pas un traitement médical et ne peut s'y substituer\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n \u003cli\u003eDemandez conseil à votre médecin ou pharmacien si vous êtes enceinte ou allaitante\u003c\/li\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003e20 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔢 Numéro Bach\u003c\/h3\u003e\n \u003cp\u003eN°2\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🇬🇧 Nom anglais\u003c\/h3\u003e\n \u003cp\u003eAspen\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cspan class=\"fb-cta-icon\"\u003e🌳\u003c\/span\u003e\n \u003cp\u003eNe laissez plus les \u003cstrong\u003epeurs inexpliquées\u003c\/strong\u003e gouverner votre quotidien.\u003cbr\u003eLaissez le Tremble vous accompagner vers une \u003cstrong\u003esérénité retrouvée\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cspan class=\"fb-cta-tagline\"\u003eParce que l'inconnu peut devenir un espace de confiance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #FAF9F7;\n --fb-white: #ffffff;\n --fb-primary: #5A4632;\n --fb-primary-dark: #3D2E1F;\n --fb-primary-light: #F5F0EB;\n --fb-secondary: #3D5A3D;\n --fb-secondary-light: #E8F0E8;\n --fb-accent: #8B7355;\n --fb-accent-light: #F2EDE8;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e5e0db;\n --fb-shadow: 0 4px 24px rgba(90,70,50,.08);\n --fb-shadow-lg: 0 12px 48px rgba(90,70,50,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fb-premium * {\n box-sizing: border-box;\n}\n\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-accent) 50%, var(--fb-secondary) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 15% 85%, rgba(255,255,255,.12) 0%, transparent 45%),\n radial-gradient(circle at 85% 15%, rgba(255,255,255,.08) 0%, transparent 35%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 60%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 9vw, 64px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 30px rgba(0,0,0,.25);\n}\n\n.fb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.fb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.fb-hero-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.fb-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: white;\n}\n\n.fb-intro-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin: 0;\n color: var(--fb-text);\n}\n\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--fb-primary-dark);\n}\n\n.fb-understanding-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.fb-understanding-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-understanding-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.fb-understanding-card p {\n font-size: 15px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.fb-benefits {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-benefit {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n transition: all .3s ease;\n}\n\n.fb-benefit:hover {\n transform: translateX(8px);\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-benefit-num {\n font-size: 32px;\n font-weight: 900;\n color: var(--fb-accent);\n opacity: .7;\n line-height: 1;\n min-width: 50px;\n}\n\n.fb-benefit-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.fb-benefit-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-situations {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n}\n\n.fb-situation {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--fb-white);\n border-radius: var(--fb-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--fb-shadow);\n transition: all .3s ease;\n}\n\n.fb-situation:hover {\n transform: translateY(-3px);\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-situation-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.fb-situation span:last-child {\n font-size: 14px;\n font-weight: 500;\n color: var(--fb-text);\n line-height: 1.5;\n}\n\n.fb-comparison {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-comparison-intro {\n font-size: 16px;\n color: var(--fb-text);\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.fb-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.fb-comparison-item {\n padding: 1.5rem;\n border-radius: var(--fb-radius-sm);\n}\n\n.fb-comparison-aspen {\n background: var(--fb-accent-light);\n border: 2px solid var(--fb-primary);\n}\n\n.fb-comparison-mimulus {\n background: #FFF9E6;\n border: 2px solid #D4A700;\n}\n\n.fb-comparison-item h4 {\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 1rem 0;\n color: var(--fb-primary-dark);\n}\n\n.fb-comparison-item ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.fb-comparison-item li {\n font-size: 14px;\n color: var(--fb-text-light);\n padding: .5rem 0 .5rem 1.5rem;\n position: relative;\n line-height: 1.5;\n}\n\n.fb-comparison-item li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--fb-primary);\n font-weight: bold;\n}\n\n.fb-comparison-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--fb-secondary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n}\n\n.fb-comparison-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-symbolique-box {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 2rem;\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n align-items: center;\n}\n\n.fb-symbolique-content p {\n font-size: 15px;\n color: var(--fb-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.7;\n}\n\n.fb-symbolique-content p:last-child {\n margin-bottom: 0;\n}\n\n.fb-tree-icon {\n font-size: 80px;\n opacity: 0.8;\n}\n\n.fb-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.fb-ingredient {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n transition: all .3s ease;\n}\n\n.fb-ingredient:hover {\n transform: translateY(-5px);\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.fb-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-ingredient-tag {\n display: inline-block;\n background: var(--fb-primary-light);\n color: var(--fb-primary-dark);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.fb-ingredient-info p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fb-method-box {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: linear-gradient(135deg, var(--fb-secondary-light) 0%, var(--fb-white) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--fb-secondary);\n}\n\n.fb-method-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.fb-method-text h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--fb-secondary);\n margin: 0 0 .5rem 0;\n}\n\n.fb-method-text p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-usage {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n margin-bottom: 1.5rem;\n align-items: center;\n}\n\n.fb-dosage {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-primary-dark) 100%);\n border-radius: var(--fb-radius);\n padding: 2rem 2.5rem;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-dosage-number {\n font-size: 72px;\n font-weight: 900;\n color: white;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fb-dosage-text {\n display: flex;\n flex-direction: column;\n}\n\n.fb-dosage-label {\n font-size: 24px;\n font-weight: 700;\n color: white;\n line-height: 1.2;\n}\n\n.fb-dosage-freq {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n}\n\n.fb-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--fb-white);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--fb-shadow);\n transition: all .3s ease;\n}\n\n.fb-step:hover {\n transform: translateX(5px);\n}\n\n.fb-step-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-step p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n font-weight: 500;\n}\n\n.fb-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--fb-accent-light);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n border-left: 4px solid var(--fb-primary);\n margin-bottom: 1rem;\n}\n\n.fb-tip:last-child {\n margin-bottom: 0;\n}\n\n.fb-tip-night {\n background: #F0EBF5;\n border-left-color: #7B68A6;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-children-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-children-content p {\n font-size: 15px;\n color: var(--fb-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.7;\n}\n\n.fb-children-content p:last-child {\n margin-bottom: 1.5rem;\n}\n\n.fb-children-note {\n display: flex;\n align-items: flex-start;\n gap: .75rem;\n background: #FFF5E6;\n border-radius: var(--fb-radius-sm);\n padding: 1rem;\n border-left: 4px solid #E6A800;\n}\n\n.fb-children-note span {\n font-size: 20px;\n}\n\n.fb-children-note p {\n font-size: 13px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.5;\n}\n\n.fb-associations-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.fb-association-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: 1.5rem;\n box-shadow: var(--fb-shadow);\n border-top: 4px solid var(--fb-primary);\n transition: all .3s ease;\n}\n\n.fb-association-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-association-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.fb-association-card p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-association-note {\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n text-align: center;\n}\n\n.fb-association-note p {\n font-size: 14px;\n color: var(--fb-primary-dark);\n margin: 0;\n font-weight: 500;\n}\n\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n.fb-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.fb-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.fb-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-accent) 50%, var(--fb-secondary) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-cta-icon {\n display: block;\n font-size: 56px;\n margin-bottom: 1.5rem;\n animation: fbFloat 3s ease-in-out infinite;\n}\n\n@keyframes fbFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n.fb-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0 0 1.5rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.fb-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 10px 24px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fb-card,\n .fb-benefit,\n .fb-ingredient,\n .fb-step,\n .fb-situation {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1), .fb-benefit:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2), .fb-benefit:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3), .fb-benefit:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4), .fb-benefit:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .fb-grid-compact {\n gap: .625rem;\n }\n \n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n \n .fb-card {\n padding: 1.125rem;\n }\n \n .fb-section {\n margin-bottom: 1.75rem;\n }\n \n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n \n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .fb-usage {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .fb-dosage {\n justify-content: center;\n padding: 1.5rem 2rem;\n }\n \n .fb-dosage-number {\n font-size: 56px;\n }\n \n .fb-understanding-grid,\n .fb-composition-grid,\n .fb-comparison-grid,\n .fb-associations-grid {\n grid-template-columns: 1fr;\n }\n \n .fb-situations {\n grid-template-columns: 1fr;\n }\n \n .fb-benefit {\n gap: 1rem;\n }\n \n .fb-benefit-num {\n font-size: 24px;\n min-width: 40px;\n }\n \n .fb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .fb-badges-top {\n gap: 8px;\n }\n \n .fb-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n \n .fb-hero-details {\n flex-direction: column;\n align-items: center;\n }\n \n .fb-symbolique-box {\n grid-template-columns: 1fr;\n text-align: center;\n }\n \n .fb-tree-icon {\n font-size: 60px;\n }\n \n .fb-method-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fb-premium *,\n .fb-cta-icon {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56474656276857,"sku":"NBAIDSH0087","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Canva_Fleur_de_Bach_dame_saint_hilaire_7.jpg?v=1767971758"},{"product_id":"fleur-de-bach-mimule-bio-20ml-saint-hilaire","title":"Fleur de Bach Mimulus (Mimule) n°20 bio - 20 ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Mimule n°20 bio - 20ml - Saint-Hilaire\nPalette détectée:\n - Primaire: #4A6741 (vert sauge du packaging, évoquant le naturel\/bio)\n - Secondaire: #D4A84B (jaune doré des fleurs de Mimule et accents du label)\n - Accent: #8B5A2B (brun ambré du flacon en verre)\nAmbiance: Naturel\/bio, artisanal français, tradition apothicaire, douceur florale\nPréfixe CSS: mi\n--\u003e\n\n\u003cdiv class=\"mi-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"mi-hero\"\u003e\n \u003cdiv class=\"mi-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mi-hero-content\"\u003e\n \u003cdiv class=\"mi-badges-top\"\u003e\n \u003cspan class=\"mi-badge\"\u003e🌼 Fleur de Bach n°20\u003c\/span\u003e\n \u003cspan class=\"mi-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"mi-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mi-hero-title\"\u003eFleur de bach Mimule\u003c\/span\u003e\n \u003cp class=\"mi-subtitle\"\u003eApprivoisez vos peurs connues avec douceur\u003c\/p\u003e\n \u003cp class=\"mi-description\"\u003eL'élixir floral Mimulus de la Distillerie Saint-Hilaire transforme vos craintes identifiables en courage tranquille. Retrouvez la confiance face aux défis du quotidien.\u003c\/p\u003e\n \u003cdiv class=\"mi-hero-details\"\u003e\n \u003cspan class=\"mi-hero-tag\"\u003e🌸 Mimulus guttatus\u003c\/span\u003e\n \u003cspan class=\"mi-hero-tag\"\u003e💧 20 ml\u003c\/span\u003e\n \u003cspan class=\"mi-hero-tag\"\u003e☀️ Méthode solarisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- INTRODUCTION --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003cdiv class=\"mi-intro-box\"\u003e\n \u003cp\u003eLe rendez-vous chez le dentiste vous angoisse depuis des semaines ? Vous évitez de prendre la parole en public ? L'avion vous terrifie au point de renoncer à voyager ? Ces \u003cstrong\u003epeurs bien identifiées\u003c\/strong\u003e qui empoisonnent votre quotidien ont un point commun : vous savez exactement ce qui vous effraie. La \u003cstrong\u003efleur de Bach Mimule\u003c\/strong\u003e, numéro 20 de la classification du Docteur Edward Bach, accompagne les personnes confrontées à des \u003cstrong\u003ecraintes concrètes et identifiables\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPRENDRE LA MIMULE --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e🌼 Qu'est-ce que la fleur de Mimule ?\u003c\/h2\u003e\n \u003cdiv class=\"mi-understanding-grid\"\u003e\n \u003cdiv class=\"mi-understanding-card\"\u003e\n \u003ch3\u003e🔬 Portrait botanique\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003eMimulus guttatus\u003c\/strong\u003e, ou Mimule tachetée, est une plante herbacée vivace originaire d'Amérique du Nord. Elle affectionne les \u003cstrong\u003emilieux humides\u003c\/strong\u003e : berges de ruisseaux, marécages et sols détrempés. Ses fleurs d'un jaune éclatant, parsemées de petites taches rouges, s'épanouissent de juin à septembre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-understanding-card\"\u003e\n \u003ch3\u003e💭 La signature de la plante\u003c\/h3\u003e\n \u003cp\u003eLe Docteur Bach observait que la Mimule, malgré son apparente fragilité, \u003cstrong\u003es'épanouit au bord de l'eau vive\u003c\/strong\u003e. Cette résilience discrète reflète ce que l'élixir apporte : la capacité de traverser les situations redoutées avec une force intérieure renouvelée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e🎯 À qui s'adresse cet élixir ?\u003c\/h2\u003e\n \u003cdiv class=\"mi-grid\"\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e😰 Les personnes timides\u003c\/h3\u003e\n \u003cp\u003eVous rougissez facilement, parler à des inconnus vous coûte, les situations sociales vous mettent mal à l'aise\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e✈️ Ceux qui ont des phobies\u003c\/h3\u003e\n \u003cp\u003ePeur de l'avion, des araignées, de l'eau, des espaces clos... vous savez exactement ce qui vous effraie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e🏥 Les anxieux des rendez-vous\u003c\/h3\u003e\n \u003cp\u003eDentiste, médecin, entretien d'embauche, examen : l'anticipation de ces moments vous paralyse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e🤫 Les personnes réservées\u003c\/h3\u003e\n \u003cp\u003eVous préférez l'ombre à la lumière, évitez les confrontations et gardez vos opinions pour vous\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- TYPES DE PEURS --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e📋 Les peurs que Mimule peut apaiser\u003c\/h2\u003e\n \u003cdiv class=\"mi-fears-container\"\u003e\n \u003cdiv class=\"mi-fears-column\"\u003e\n \u003ch3\u003e🏠 Peurs du quotidien\u003c\/h3\u003e\n \u003cul class=\"mi-fears-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e🦷\u003c\/span\u003e Peur du dentiste\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e💉\u003c\/span\u003e Peur des piqûres\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e📞\u003c\/span\u003e Peur de téléphoner\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e🗣️\u003c\/span\u003e Peur de parler en public\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e👥\u003c\/span\u003e Peur du regard des autres\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-fears-column\"\u003e\n \u003ch3\u003e🌍 Peurs des déplacements\u003c\/h3\u003e\n \u003cul class=\"mi-fears-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e✈️\u003c\/span\u003e Peur de l'avion\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e🚗\u003c\/span\u003e Peur de conduire\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e⛰️\u003c\/span\u003e Peur du vide\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e🌊\u003c\/span\u003e Peur de l'eau\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e🏢\u003c\/span\u003e Peur des espaces clos\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-fears-column\"\u003e\n \u003ch3\u003e💫 Peurs existentielles\u003c\/h3\u003e\n \u003cul class=\"mi-fears-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e🤒\u003c\/span\u003e Peur de la maladie\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e💔\u003c\/span\u003e Peur de la solitude\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e💸\u003c\/span\u003e Peur de manquer\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e🌑\u003c\/span\u003e Peur du noir\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mi-fear-icon\"\u003e⛈️\u003c\/span\u003e Peur des orages\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-note\"\u003e\n \u003cp\u003e\u003cstrong\u003e💡 Point important :\u003c\/strong\u003e La Mimule s'adresse aux peurs dont vous \u003cstrong\u003econnaissez l'origine\u003c\/strong\u003e. Pour une angoisse diffuse sans raison apparente, c'est plutôt la fleur \u003cstrong\u003eAspen (Tremble)\u003c\/strong\u003e qui convient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de Mimule\u003c\/h2\u003e\n \u003cdiv class=\"mi-benefits\"\u003e\n \u003cdiv class=\"mi-benefit\"\u003e\n \u003cspan class=\"mi-benefit-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"mi-benefit-content\"\u003e\n \u003ch3\u003eApaise les peurs identifiées\u003c\/h3\u003e\n \u003cp\u003eRéduit l'intensité des craintes concrètes qui perturbent votre quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-benefit\"\u003e\n \u003cspan class=\"mi-benefit-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"mi-benefit-content\"\u003e\n \u003ch3\u003eDéveloppe le courage tranquille\u003c\/h3\u003e\n \u003cp\u003eFavorise une force intérieure sereine pour affronter les situations redoutées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-benefit\"\u003e\n \u003cspan class=\"mi-benefit-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"mi-benefit-content\"\u003e\n \u003ch3\u003eLibère de la timidité\u003c\/h3\u003e\n \u003cp\u003eSoutient la capacité à s'exprimer et à prendre sa place\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-benefit\"\u003e\n \u003cspan class=\"mi-benefit-num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"mi-benefit-content\"\u003e\n \u003ch3\u003eRéduit l'anticipation anxieuse\u003c\/h3\u003e\n \u003cp\u003ePermet de vivre le présent sans être paralysé par l'appréhension\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e🌿 Composition certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"mi-composition-grid\"\u003e\n \u003cdiv class=\"mi-ingredient\"\u003e\n \u003cdiv class=\"mi-ingredient-icon\"\u003e🍷\u003c\/div\u003e\n \u003cdiv class=\"mi-ingredient-info\"\u003e\n \u003ch3\u003eBrandy bio\u003c\/h3\u003e\n \u003cspan class=\"mi-ingredient-tag\"\u003e40% vol\u003c\/span\u003e\n \u003cp\u003eAlcool de raisin biologique, conservateur naturel selon la méthode traditionnelle du Dr Bach\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-ingredient\"\u003e\n \u003cdiv class=\"mi-ingredient-icon\"\u003e🌼\u003c\/div\u003e\n \u003cdiv class=\"mi-ingredient-info\"\u003e\n \u003ch3\u003eMimulus guttatus bio\u003c\/h3\u003e\n \u003cspan class=\"mi-ingredient-tag\"\u003eDilution 1\/250ème\u003c\/span\u003e\n \u003cp\u003eExtrait aqueux de fleurs préparé par solarisation selon la méthode originale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-method-box\"\u003e\n \u003cspan class=\"mi-method-icon\"\u003e☀️\u003c\/span\u003e\n \u003cdiv class=\"mi-method-text\"\u003e\n \u003ch4\u003eLa méthode de solarisation\u003c\/h4\u003e\n \u003cp\u003eLes fleurs fraîchement cueillies sont déposées à la surface d'un bol d'eau de source pure, exposé au soleil pendant plusieurs heures. L'énergie solaire permet le transfert des propriétés subtiles de la fleur dans l'eau, stabilisée ensuite dans du brandy bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e💧 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mi-usage\"\u003e\n \u003cdiv class=\"mi-dosage\"\u003e\n \u003cspan class=\"mi-dosage-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"mi-dosage-text\"\u003e\n \u003cspan class=\"mi-dosage-label\"\u003egouttes\u003c\/span\u003e\n \u003cspan class=\"mi-dosage-freq\"\u003e4 fois par jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-usage-steps\"\u003e\n \u003cdiv class=\"mi-step\"\u003e\n \u003cspan class=\"mi-step-icon\"\u003e👅\u003c\/span\u003e\n \u003cp\u003eDirectement sous la langue pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-step\"\u003e\n \u003cspan class=\"mi-step-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003eOu diluées dans un verre d'eau à boire par petites gorgées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-step\"\u003e\n \u003cspan class=\"mi-step-icon\"\u003e⏰\u003c\/span\u003e\n \u003cp\u003eAu réveil, milieu de matinée, après-midi et au coucher\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-usage-scenarios\"\u003e\n \u003ch3\u003e📌 Conseils selon les situations\u003c\/h3\u003e\n \u003cdiv class=\"mi-scenario-grid\"\u003e\n \u003cdiv class=\"mi-scenario\"\u003e\n \u003ch4\u003e🦷 Avant un rendez-vous\u003c\/h4\u003e\n \u003cp\u003eCommencez \u003cstrong\u003e3 à 5 jours avant\u003c\/strong\u003e. Le jour J, 4 gouttes toutes les 30 min dans l'heure qui précède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-scenario\"\u003e\n \u003ch4\u003e✈️ Phobie du voyage\u003c\/h4\u003e\n \u003cp\u003eDébutez une semaine avant. Pendant le trajet, prenez 4 gouttes dès que l'anxiété monte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-scenario\"\u003e\n \u003ch4\u003e🗣️ Timidité chronique\u003c\/h4\u003e\n \u003cp\u003eTravail de fond : maintenez la prise quotidienne pendant \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPARAISON --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e🤔 Mimule, Aspen ou Rock Rose ?\u003c\/h2\u003e\n \u003cdiv class=\"mi-comparison\"\u003e\n \u003cp class=\"mi-comparison-intro\"\u003eLe système Bach comprend plusieurs fleurs pour les peurs. Voici comment choisir :\u003c\/p\u003e\n \u003cdiv class=\"mi-comparison-grid\"\u003e\n \u003cdiv class=\"mi-comparison-item mi-comparison-mimule\"\u003e\n \u003ch4\u003e🌼 Mimule (n°20)\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003ePeurs \u003cstrong\u003econnues et identifiables\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eVous pouvez nommer ce qui vous effraie\u003c\/li\u003e\n \u003cli\u003ePhobies spécifiques\u003c\/li\u003e\n \u003cli\u003eTimidité, réserve excessive\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-comparison-item mi-comparison-aspen\"\u003e\n \u003ch4\u003e🌳 Aspen (n°2)\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003ePeurs \u003cstrong\u003evagues et inexplicables\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eAngoisse diffuse sans raison\u003c\/li\u003e\n \u003cli\u003ePressentiments, appréhensions floues\u003c\/li\u003e\n \u003cli\u003eSensation de menace indéfinissable\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-comparison-item mi-comparison-rockrose\"\u003e\n \u003ch4\u003e🌹 Rock Rose (n°26)\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eTerreur et panique\u003c\/strong\u003e aiguës\u003c\/li\u003e\n \u003cli\u003eSituations d'urgence émotionnelle\u003c\/li\u003e\n \u003cli\u003eCauchemars terrifiants\u003c\/li\u003e\n \u003cli\u003eParalysie face au danger\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mi-accordion\"\u003e\n \u003cdetails class=\"mi-accordion-item\"\u003e\n \u003csummary class=\"mi-accordion-header\"\u003e🏔️ La Distillerie Saint-Hilaire\u003c\/summary\u003e\n \u003cdiv class=\"mi-accordion-content\"\u003e\n \u003cp\u003eImplantée au cœur des \u003cstrong\u003evolcans d'Auvergne\u003c\/strong\u003e, la Distillerie Saint-Hilaire perpétue la tradition des élixirs floraux. Chaque fleur est cueillie à la main au moment optimal, puis préparée selon la \u003cstrong\u003eméthode originale du Docteur Bach\u003c\/strong\u003e. La certification biologique garantit l'absence de pesticides. Ce flacon de 20 ml vous accompagnera pendant environ \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mi-accordion-item\"\u003e\n \u003csummary class=\"mi-accordion-header\"\u003e🔢 Les 38 fleurs de Bach\u003c\/summary\u003e\n \u003cdiv class=\"mi-accordion-content\"\u003e\n \u003cp\u003eLe Docteur Edward Bach a identifié \u003cstrong\u003e38 fleurs\u003c\/strong\u003e correspondant chacune à un état émotionnel. La Mimule (n°20) appartient au groupe des fleurs traitant la \u003cstrong\u003epeur\u003c\/strong\u003e, aux côtés d'Aspen, Cherry Plum, Red Chestnut et Rock Rose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mi-accordion-item\"\u003e\n \u003csummary class=\"mi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mi-accordion-content\"\u003e\n \u003cp\u003eConservez à température ambiante (15-25°C), à l'abri de la lumière directe. Éloignez des appareils électriques. Refermez soigneusement après utilisation. La teneur en alcool assure une conservation optimale pendant plusieurs années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mi-accordion-item\"\u003e\n \u003csummary class=\"mi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mi-accordion-content\"\u003e\n \u003cul\u003e\n \u003cli\u003eComplément alimentaire ne remplaçant pas une alimentation variée\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eContient de l'alcool\u003c\/strong\u003e (40% vol) : déconseillé en sevrage alcoolique\u003c\/li\u003e\n \u003cli\u003eEn cas de phobies sévères, consultez un professionnel de santé\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n \u003cli\u003eDemandez conseil si enceinte ou allaitante\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mi-accordion-item\"\u003e\n \u003csummary class=\"mi-accordion-header\"\u003e🤝 Associer plusieurs fleurs ?\u003c\/summary\u003e\n \u003cdiv class=\"mi-accordion-content\"\u003e\n \u003cp\u003eOui, vous pouvez combiner jusqu'à \u003cstrong\u003e6 ou 7 fleurs\u003c\/strong\u003e simultanément. Par exemple, Mimule avec Larch (manque de confiance) si votre timidité s'accompagne d'un sentiment d'infériorité. Le \u003cstrong\u003eRescue Remedy\u003c\/strong\u003e est lui-même un mélange de 5 fleurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"mi-section\"\u003e\n \u003cdiv class=\"mi-grid-compact\"\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003e20 ml avec pipette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e🔢 Classification\u003c\/h3\u003e\n \u003cp\u003eBach n°20\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e⏱️ Durée d'usage\u003c\/h3\u003e\n \u003cp\u003e4 à 6 semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mi-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mi-cta-box\"\u003e\n \u003cspan class=\"mi-cta-icon\"\u003e🌼\u003c\/span\u003e\n \u003cp\u003eTransformez vos \u003cstrong\u003epeurs identifiées\u003c\/strong\u003e en \u003cstrong\u003ecourage serein\u003c\/strong\u003e.\u003cbr\u003eLaissez la Mimule vous accompagner pour affronter avec douceur ce qui vous effraie.\u003c\/p\u003e\n \u003cspan class=\"mi-cta-tagline\"\u003eLe courage n'est pas l'absence de peur, mais la capacité de la traverser\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mi-cream: #FFFEF9;\n --mi-white: #ffffff;\n --mi-primary: #4A6741;\n --mi-primary-dark: #3A5331;\n --mi-primary-light: #E8EFE6;\n --mi-secondary: #D4A84B;\n --mi-secondary-dark: #B8922F;\n --mi-secondary-light: #FFF8E7;\n --mi-accent: #8B5A2B;\n --mi-accent-light: #F5EDE4;\n --mi-text: #1a1a1a;\n --mi-text-light: #5a5a5a;\n --mi-border: #e0e0e0;\n --mi-shadow: 0 4px 24px rgba(74,103,65,.08);\n --mi-shadow-lg: 0 12px 48px rgba(74,103,65,.15);\n --mi-radius: 20px;\n --mi-radius-sm: 12px;\n}\n\n.mi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mi-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mi-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mi-primary) 0%, #5C7A52 40%, var(--mi-secondary) 100%);\n border-radius: var(--mi-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mi-shadow-lg);\n}\n\n.mi-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n}\n\n.mi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mi-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mi-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 9vw, 64px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 30px rgba(0,0,0,.25);\n}\n\n.mi-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.mi-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.mi-hero-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.mi-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: white;\n}\n\n\/* === INTRO === *\/\n.mi-intro-box {\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mi-shadow);\n border-left: 4px solid var(--mi-secondary);\n}\n\n.mi-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin: 0;\n color: var(--mi-text);\n}\n\n\/* === SECTIONS === *\/\n.mi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mi-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mi-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mi-primary), var(--mi-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mi-card {\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mi-shadow-lg);\n border-color: var(--mi-secondary);\n}\n\n.mi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mi-grid-compact .mi-card {\n padding: 1rem;\n}\n\n.mi-grid-compact .mi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mi-grid-compact .mi-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--mi-primary-dark);\n}\n\n\/* === UNDERSTANDING === *\/\n.mi-understanding-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.mi-understanding-card {\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mi-shadow);\n}\n\n.mi-understanding-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mi-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.mi-understanding-card p {\n font-size: 15px;\n color: var(--mi-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === FEARS === *\/\n.mi-fears-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mi-fears-column {\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mi-shadow);\n}\n\n.mi-fears-column h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mi-primary-dark);\n margin: 0 0 1rem 0;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--mi-secondary-light);\n}\n\n.mi-fears-list {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.mi-fears-list li {\n display: flex;\n align-items: center;\n gap: .75rem;\n padding: .5rem 0;\n font-size: 14px;\n color: var(--mi-text);\n border-bottom: 1px solid var(--mi-border);\n}\n\n.mi-fears-list li:last-child {\n border-bottom: none;\n}\n\n.mi-fear-icon {\n font-size: 18px;\n flex-shrink: 0;\n}\n\n.mi-note {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--mi-secondary-light);\n border-radius: var(--mi-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n border-left: 4px solid var(--mi-secondary);\n}\n\n.mi-note-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mi-note p {\n font-size: 14px;\n color: var(--mi-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BIENFAITS === *\/\n.mi-benefits {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mi-benefit {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--mi-shadow);\n border-left: 4px solid var(--mi-secondary);\n transition: all .3s ease;\n}\n\n.mi-benefit:hover {\n transform: translateX(8px);\n box-shadow: var(--mi-shadow-lg);\n}\n\n.mi-benefit-num {\n font-size: 32px;\n font-weight: 900;\n color: var(--mi-secondary);\n opacity: .7;\n line-height: 1;\n min-width: 50px;\n}\n\n.mi-benefit-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--mi-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mi-benefit-content p {\n font-size: 14px;\n color: var(--mi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.mi-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mi-ingredient {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mi-shadow);\n transition: all .3s ease;\n}\n\n.mi-ingredient:hover {\n transform: translateY(-5px);\n box-shadow: var(--mi-shadow-lg);\n}\n\n.mi-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.mi-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--mi-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mi-ingredient-tag {\n display: inline-block;\n background: var(--mi-primary-light);\n color: var(--mi-primary-dark);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.mi-ingredient-info p {\n font-size: 14px;\n color: var(--mi-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mi-method-box {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: linear-gradient(135deg, var(--mi-secondary-light) 0%, var(--mi-white) 100%);\n border-radius: var(--mi-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--mi-secondary);\n}\n\n.mi-method-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.mi-method-text h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mi-secondary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mi-method-text p {\n font-size: 14px;\n color: var(--mi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.mi-usage {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n margin-bottom: 1.5rem;\n align-items: center;\n}\n\n.mi-dosage {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--mi-primary) 0%, var(--mi-primary-dark) 100%);\n border-radius: var(--mi-radius);\n padding: 2rem 2.5rem;\n box-shadow: var(--mi-shadow-lg);\n}\n\n.mi-dosage-number {\n font-size: 72px;\n font-weight: 900;\n color: white;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mi-dosage-text {\n display: flex;\n flex-direction: column;\n}\n\n.mi-dosage-label {\n font-size: 24px;\n font-weight: 700;\n color: white;\n line-height: 1.2;\n}\n\n.mi-dosage-freq {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n}\n\n.mi-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mi-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--mi-white);\n border-radius: var(--mi-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--mi-shadow);\n transition: all .3s ease;\n}\n\n.mi-step:hover {\n transform: translateX(5px);\n}\n\n.mi-step-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mi-step p {\n font-size: 14px;\n color: var(--mi-text);\n margin: 0;\n font-weight: 500;\n}\n\n.mi-usage-scenarios {\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mi-shadow);\n}\n\n.mi-usage-scenarios h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mi-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.mi-scenario-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.mi-scenario {\n background: var(--mi-secondary-light);\n border-radius: var(--mi-radius-sm);\n padding: 1.25rem;\n}\n\n.mi-scenario h4 {\n font-size: 15px;\n font-weight: 700;\n color: var(--mi-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mi-scenario p {\n font-size: 13px;\n color: var(--mi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPARAISON === *\/\n.mi-comparison {\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mi-shadow);\n}\n\n.mi-comparison-intro {\n font-size: 16px;\n color: var(--mi-text);\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.mi-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.mi-comparison-item {\n padding: 1.5rem;\n border-radius: var(--mi-radius-sm);\n}\n\n.mi-comparison-mimule {\n background: var(--mi-secondary-light);\n border: 2px solid var(--mi-secondary);\n}\n\n.mi-comparison-aspen {\n background: #F0F5F0;\n border: 2px solid var(--mi-primary);\n}\n\n.mi-comparison-rockrose {\n background: #FFF0F0;\n border: 2px solid #C94B4B;\n}\n\n.mi-comparison-item h4 {\n font-size: 15px;\n font-weight: 800;\n margin: 0 0 1rem 0;\n color: var(--mi-primary-dark);\n}\n\n.mi-comparison-item ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.mi-comparison-item li {\n font-size: 13px;\n color: var(--mi-text-light);\n padding: .4rem 0 .4rem 1.25rem;\n position: relative;\n line-height: 1.5;\n}\n\n.mi-comparison-item li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--mi-primary);\n font-weight: bold;\n font-size: 12px;\n}\n\n\/* === ACCORDÉON === *\/\n.mi-accordion {\n background: var(--mi-white);\n border-radius: var(--mi-radius);\n box-shadow: var(--mi-shadow);\n overflow: hidden;\n}\n\n.mi-accordion-item {\n border-bottom: 1px solid var(--mi-border);\n margin: 0;\n padding: 0;\n}\n\n.mi-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mi-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mi-accordion-header:hover {\n background: var(--mi-primary-light);\n}\n\n.mi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mi-primary);\n transition: transform .2s ease;\n}\n\n.mi-accordion-item[open] .mi-accordion-header::after {\n content: '−';\n}\n\n.mi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mi-accordion-content p {\n margin: 0;\n}\n\n.mi-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.mi-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.mi-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mi-cta-box {\n background: linear-gradient(135deg, var(--mi-primary) 0%, #5C7A52 50%, var(--mi-secondary) 100%);\n border-radius: var(--mi-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mi-shadow-lg);\n}\n\n.mi-cta-icon {\n display: block;\n font-size: 56px;\n margin-bottom: 1.5rem;\n animation: miFloat 3s ease-in-out infinite;\n}\n\n@keyframes miFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n.mi-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0 0 1.5rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mi-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 10px 24px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mi-card,\n .mi-benefit,\n .mi-ingredient,\n .mi-step {\n animation: miFadeInUp .5s ease backwards;\n }\n .mi-card:nth-child(1), .mi-benefit:nth-child(1) { animation-delay: .05s; }\n .mi-card:nth-child(2), .mi-benefit:nth-child(2) { animation-delay: .1s; }\n .mi-card:nth-child(3), .mi-benefit:nth-child(3) { animation-delay: .15s; }\n .mi-card:nth-child(4), .mi-benefit:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes miFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mi-grid-compact {\n gap: .625rem;\n }\n \n .mi-grid-compact .mi-card {\n padding: .75rem;\n }\n \n .mi-card {\n padding: 1.125rem;\n }\n \n .mi-section {\n margin-bottom: 1.75rem;\n }\n \n .mi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mi-radius-sm);\n }\n \n .mi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mi-usage {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .mi-dosage {\n justify-content: center;\n padding: 1.5rem 2rem;\n }\n \n .mi-dosage-number {\n font-size: 56px;\n }\n \n .mi-understanding-grid,\n .mi-composition-grid,\n .mi-comparison-grid,\n .mi-fears-container,\n .mi-scenario-grid {\n grid-template-columns: 1fr;\n }\n \n .mi-benefit {\n gap: 1rem;\n }\n \n .mi-benefit-num {\n font-size: 24px;\n min-width: 40px;\n }\n \n .mi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mi-badges-top {\n gap: 8px;\n }\n \n .mi-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n \n .mi-hero-details {\n flex-direction: column;\n align-items: center;\n }\n \n .mi-method-box {\n flex-direction: column;\n text-align: center;\n }\n \n .mi-note {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mi-premium *,\n .mi-cta-icon {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56474674987385,"sku":"NBAIDSH0086","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Canva_Fleur_de_Bach_dame_saint_hilaire_6.jpg?v=1767971679"},{"product_id":"fleur-de-bach-olivier-bio-20ml-saint-hilaire","title":"Fleur de Bach Olivier (Olive) n°23 bio - 20 ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Olivier n°23 bio - 20ml - Saint-Hilaire\nPalette détectée:\n - Primaire: #8B4513 (ambre\/brun du flacon en verre)\n - Secondaire: #4A7C9B (bleu céruléen des textes \"Fleur de Bach\" et \"N°23\")\n - Accent: #6B7B3D (vert olive naturel évoquant l'olivier)\n - Crème: #F5F3EB (fond crème de l'étiquette)\nAmbiance: Artisanal, authentique, naturel\/bio, tradition française, apothicaire premium\nPréfixe CSS: ol\n--\u003e\n\u003cdiv class=\"ol-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"ol-hero\"\u003e\n\u003cdiv class=\"ol-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ol-hero-content\"\u003e\n\u003cdiv class=\"ol-badges-top\"\u003e\n\u003cspan class=\"ol-badge\"\u003e🫒 Fleur de Bach n°23\u003c\/span\u003e \u003cspan class=\"ol-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"ol-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ol-hero-title\"\u003eFleur de bach Olivier\u003c\/span\u003e\n\u003cp class=\"ol-subtitle\"\u003eRetrouvez votre énergie après l'épuisement\u003c\/p\u003e\n\u003cp class=\"ol-description\"\u003eL'élixir floral Olivier de la Distillerie Saint-Hilaire accompagne les personnes vidées de leur énergie, épuisées jusqu'au plus profond d'elles-mêmes. Redécouvrez la vitalité et le goût de vivre.\u003c\/p\u003e\n\u003cdiv class=\"ol-hero-details\"\u003e\n\u003cspan class=\"ol-hero-tag\"\u003e🌳 Olea europaea\u003c\/span\u003e \u003cspan class=\"ol-hero-tag\"\u003e💧 20 ml\u003c\/span\u003e \u003cspan class=\"ol-hero-tag\"\u003e☀️ Méthode solarisation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTRODUCTION --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003cdiv class=\"ol-intro-box\"\u003e\n\u003cp\u003eVous vous sentez \u003cstrong\u003eépuisé jusqu'à la moelle\u003c\/strong\u003e, incapable de fournir le moindre effort supplémentaire ? Les journées vous semblent interminables, et même les activités que vous aimiez autrefois ne vous procurent plus aucun plaisir ? Cette fatigue profonde, qui va bien au-delà d'une simple lassitude passagère, est le signe que votre corps et votre esprit ont besoin de se régénérer. La \u003cstrong\u003efleur de Bach Olivier\u003c\/strong\u003e, numéro 23 de la classification du Docteur Edward Bach, s'adresse précisément à cet \u003cstrong\u003eépuisement total\u003c\/strong\u003e qui survient après des périodes de surmenage intense, de maladie prolongée ou d'épreuves de vie particulièrement difficiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPRENDRE L'OLIVIER --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e🫒 L'olivier : symbole millénaire de force et de régénération\u003c\/h2\u003e\n\u003cdiv class=\"ol-grid\"\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e🌳 Un arbre légendaire\u003c\/h3\u003e\n\u003cp\u003eL'\u003cstrong\u003eOlea europaea\u003c\/strong\u003e, ou olivier, est un arbre méditerranéen d'une longévité exceptionnelle. Certains spécimens vivent plus de \u003cstrong\u003e2000 ans\u003c\/strong\u003e, témoignant d'une résistance hors du commun. Il peut renaître de ses cendres après un incendie, symbole parfait de la régénération qu'il apporte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e💭 La signature énergétique\u003c\/h3\u003e\n\u003cp\u003eLe Docteur Bach voyait dans l'olivier un messager de \u003cstrong\u003epaix et de renouveau\u003c\/strong\u003e. Cet arbre qui prospère sous un soleil brûlant, dans des sols pauvres et arides, incarne la capacité à puiser des ressources insoupçonnées pour \u003cstrong\u003ese ressourcer en profondeur\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e🎯 À qui s'adresse cet élixir floral ?\u003c\/h2\u003e\n\u003cdiv class=\"ol-grid\"\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e😩 Les personnes épuisées\u003c\/h3\u003e\n\u003cp\u003eVous avez l'impression d'avoir tout donné, vos réserves sont à zéro, et la moindre tâche vous semble insurmontable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e🏥 Les convalescents\u003c\/h3\u003e\n\u003cp\u003eAprès une maladie longue ou une opération, votre corps peine à retrouver son énergie d'avant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e👨👩👧 Les aidants familiaux\u003c\/h3\u003e\n\u003cp\u003eVous accompagnez un proche malade ou dépendant depuis longtemps et vous vous êtes oublié en route\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e💼 Les surmenés chroniques\u003c\/h3\u003e\n\u003cp\u003eTravail intense, charge mentale permanente, vous fonctionnez en mode « pilote automatique » depuis trop longtemps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e👶 Les jeunes parents\u003c\/h3\u003e\n\u003cp\u003eNuits blanches à répétition, sollicitations constantes : vous êtes au bout du rouleau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e📚 Les étudiants en examens\u003c\/h3\u003e\n\u003cp\u003eAprès des semaines de révisions intensives, vous n'avez plus aucune ressource physique ni mentale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SIGNES D'ÉPUISEMENT --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e📋 Reconnaître l'épuisement « type Olivier »\u003c\/h2\u003e\n\u003cdiv class=\"ol-signs-container\"\u003e\n\u003cdiv class=\"ol-signs-column\"\u003e\n\u003ch3\u003e🔋 Signes physiques\u003c\/h3\u003e\n\u003cul class=\"ol-signs-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e😴\u003c\/span\u003e Fatigue qui ne passe pas malgré le repos\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e🦵\u003c\/span\u003e Sensation de jambes lourdes comme du plomb\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e😶\u003c\/span\u003e Visage pâle, traits tirés\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e🐌\u003c\/span\u003e Mouvements ralentis, gestes mécaniques\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e💤\u003c\/span\u003e Envie de dormir à tout moment\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-signs-column\"\u003e\n\u003ch3\u003e🧠 Signes émotionnels\u003c\/h3\u003e\n\u003cul class=\"ol-signs-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e😐\u003c\/span\u003e Plus aucune envie, même pour ce qu'on aimait\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e😢\u003c\/span\u003e Envie de pleurer sans raison apparente\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e🚫\u003c\/span\u003e Impression de ne plus pouvoir continuer\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e🌫️\u003c\/span\u003e Sensation de vivre dans le brouillard\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ol-sign-icon\"\u003e⚡\u003c\/span\u003e Irritabilité inhabituelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-note\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡\u0026lt; Distinction importante :\u003c\/strong\u003e L'état Olivier correspond à un épuisement \u003cstrong\u003econsécutif à un effort prolongé\u003c\/strong\u003e ou une épreuve identifiable. Si votre fatigue est liée à un manque de motivation, la fleur \u003cstrong\u003eWild Rose\u003c\/strong\u003e sera plus adaptée. Si c'est un surmenage mental avec des pensées qui tournent en boucle, pensez à \u003cstrong\u003eWhite Chestnut\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits de la fleur de Bach Olivier\u003c\/h2\u003e\n\u003cdiv class=\"ol-benefits\"\u003e\n\u003cdiv class=\"ol-benefit\"\u003e\n\u003cspan class=\"ol-benefit-num\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"ol-benefit-content\"\u003e\n\u003ch3\u003eRestaure l'énergie vitale\u003c\/h3\u003e\n\u003cp\u003eAide à reconstituer les réserves d'énergie profondément entamées par l'effort ou la maladie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-benefit\"\u003e\n\u003cspan class=\"ol-benefit-num\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"ol-benefit-content\"\u003e\n\u003ch3\u003eFavorise la récupération\u003c\/h3\u003e\n\u003cp\u003eSoutient le processus naturel de régénération du corps et de l'esprit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-benefit\"\u003e\n\u003cspan class=\"ol-benefit-num\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"ol-benefit-content\"\u003e\n\u003ch3\u003eRedonne goût à la vie\u003c\/h3\u003e\n\u003cp\u003eAide à retrouver l'envie de s'engager dans les activités quotidiennes et les projets\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-benefit\"\u003e\n\u003cspan class=\"ol-benefit-num\"\u003e04\u003c\/span\u003e\n\u003cdiv class=\"ol-benefit-content\"\u003e\n\u003ch3\u003eApporte force et endurance\u003c\/h3\u003e\n\u003cp\u003eDéveloppe une résistance renouvelée face aux défis de la vie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e🌿 Composition certifiée biologique\u003c\/h2\u003e\n\u003cdiv class=\"ol-composition-grid\"\u003e\n\u003cdiv class=\"ol-ingredient\"\u003e\n\u003cdiv class=\"ol-ingredient-info\"\u003e\n\u003ch3\u003e🍷 Brandy bio\u003c\/h3\u003e\n\u003cspan class=\"ol-ingredient-tag\"\u003e40% vol\u003c\/span\u003e\n\u003cp\u003eAlcool de raisin issu de l'agriculture biologique, servant de conservateur naturel selon la méthode traditionnelle du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-ingredient\"\u003e\n\u003cdiv class=\"ol-ingredient-info\"\u003e\n\u003ch3\u003e🫒 Olea europaea bio\u003c\/h3\u003e\n\u003cspan class=\"ol-ingredient-tag\"\u003eDilution 1\/250ème\u003c\/span\u003e\n\u003cp\u003eExtrait aqueux de fleurs d'olivier préparé selon la méthode originale de solarisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-method-box\"\u003e\n\u003cdiv class=\"ol-method-text\"\u003e\n\u003ch4\u003e☀️ La méthode de solarisation\u003c\/h4\u003e\n\u003cp\u003eLes délicates fleurs d'olivier sont cueillies le matin par temps ensoleillé, au moment de leur pleine floraison. Elles sont déposées à la surface d'un bol d'eau de source pure et exposées au soleil pendant plusieurs heures, permettant le \u003cstrong\u003etransfert des propriétés énergétiques\u003c\/strong\u003e de la fleur dans l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e💧 Comment utiliser la fleur de Bach Olivier ?\u003c\/h2\u003e\n\u003cdiv class=\"ol-usage\"\u003e\n\u003cdiv class=\"ol-dosage\"\u003e\n\u003cspan class=\"ol-dosage-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"ol-dosage-text\"\u003e\n\u003cspan class=\"ol-dosage-label\"\u003egouttes\u003c\/span\u003e \u003cspan class=\"ol-dosage-freq\"\u003e4 fois par jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-usage-steps\"\u003e\n\u003cdiv class=\"ol-step\"\u003e\n\u003cspan class=\"ol-step-icon\"\u003e👅\u003c\/span\u003e\n\u003cp\u003eDirectement sous la langue pour une absorption optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-step\"\u003e\n\u003cspan class=\"ol-step-icon\"\u003e💧\u003c\/span\u003e\n\u003cp\u003eOu diluées dans un verre d'eau à boire par petites gorgées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-step\"\u003e\n\u003cspan class=\"ol-step-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003eAu réveil, milieu de matinée, milieu d'après-midi et au coucher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-usage-scenarios\"\u003e\n\u003ch3\u003e📌 Conseils selon votre situation\u003c\/h3\u003e\n\u003cdiv class=\"ol-scenario-grid\"\u003e\n\u003cdiv class=\"ol-scenario\"\u003e\n\u003ch4\u003e🏥 En convalescence\u003c\/h4\u003e\n\u003cp\u003eDébutez dès que possible après la phase aiguë. Maintenez la prise pendant \u003cstrong\u003e3 à 6 semaines\u003c\/strong\u003e ou jusqu'à retrouver votre vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-scenario\"\u003e\n\u003ch4\u003e💼 Épuisement professionnel\u003c\/h4\u003e\n\u003cp\u003eAssociez la prise régulière à des \u003cstrong\u003emoments de repos\u003c\/strong\u003e. L'élixir accompagne mais ne remplace pas la nécessité de lever le pied.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-scenario\"\u003e\n\u003ch4\u003e👶 Fatigue parentale\u003c\/h4\u003e\n\u003cp\u003ePrenez vos 4 gouttes aux moments où vous pouvez souffler. Effet optimal en \u003cstrong\u003ecure continue\u003c\/strong\u003e de plusieurs semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPARAISON --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e🤔 Olivier, Hornbeam ou Wild Rose : quelle fleur choisir ?\u003c\/h2\u003e\n\u003cdiv class=\"ol-comparison\"\u003e\n\u003cp class=\"ol-comparison-intro\"\u003eTrois fleurs de Bach peuvent sembler similaires face à la fatigue. Voici comment les différencier :\u003c\/p\u003e\n\u003cdiv class=\"ol-comparison-grid\"\u003e\n\u003cdiv class=\"ol-comparison-item ol-comparison-olive\"\u003e\n\u003ch4\u003e🫒 Olivier (n°23)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉpuisement total\u003c\/strong\u003e après effort prolongé\u003c\/li\u003e\n\u003cli\u003eVous savez pourquoi vous êtes fatigué\u003c\/li\u003e\n\u003cli\u003eSensation d'être vidé jusqu'au fond\u003c\/li\u003e\n\u003cli\u003eBesoin de régénération profonde\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-comparison-item ol-comparison-hornbeam\"\u003e\n\u003ch4\u003e🌰 Hornbeam (n°17)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eFatigue \u003cstrong\u003ementale du lundi matin\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eDifficulté à démarrer la journée\u003c\/li\u003e\n\u003cli\u003eManque d'enthousiasme face à la routine\u003c\/li\u003e\n\u003cli\u003eUne fois lancé, ça va mieux\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-comparison-item ol-comparison-wildrose\"\u003e\n\u003ch4\u003e🌹 Wild Rose (n°37)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRésignation\u003c\/strong\u003e et apathie\u003c\/li\u003e\n\u003cli\u003ePlus d'envie de rien, sans raison claire\u003c\/li\u003e\n\u003cli\u003eAcceptation passive de son sort\u003c\/li\u003e\n\u003cli\u003eManque de joie de vivre\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ASSOCIATIONS --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e🌸 Associations recommandées\u003c\/h2\u003e\n\u003cdiv class=\"ol-grid\"\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e🫒 + 🌰 Olivier + Hornbeam\u003c\/h3\u003e\n\u003cp\u003eÉpuisement physique accompagné d'une lassitude mentale face aux tâches quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e🫒 + 🌸 Olivier + Crab Apple\u003c\/h3\u003e\n\u003cp\u003eConvalescence après une maladie, pour purifier et régénérer en même temps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e🫒 + 🌿 Olivier + Oak\u003c\/h3\u003e\n\u003cp\u003ePour les « battants » qui ont dépassé leurs limites sans jamais se plaindre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e🫒 + 🌳 Olivier + Elm\u003c\/h3\u003e\n\u003cp\u003eSurmenage lié à des responsabilités écrasantes qui semblent au-dessus de vos forces\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON INFOS --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"ol-accordion\"\u003e\n\u003cdetails class=\"ol-accordion-item\"\u003e\n\u003csummary class=\"ol-accordion-header\"\u003e🏔️ La Distillerie Saint-Hilaire\u003c\/summary\u003e\n\u003cdiv class=\"ol-accordion-content\"\u003e\n\u003cp\u003eNichée au cœur des \u003cstrong\u003evolcans d'Auvergne\u003c\/strong\u003e, la Distillerie Saint-Hilaire perpétue avec passion la tradition des élixirs floraux depuis de nombreuses années. Chaque fleur est cueillie à la main, au moment optimal de sa floraison, puis préparée selon la \u003cstrong\u003eméthode originale du Docteur Bach\u003c\/strong\u003e. La certification biologique garantit l'absence totale de pesticides et de traitements chimiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ol-accordion-item\"\u003e\n\u003csummary class=\"ol-accordion-header\"\u003e📖 L'histoire de l'Olivier dans le système Bach\u003c\/summary\u003e\n\u003cdiv class=\"ol-accordion-content\"\u003e\n\u003cp\u003eLe Docteur Edward Bach a intégré l'Olivier à sa pharmacopée florale dans les années 1930. Il avait observé que certains de ses patients, après des épreuves physiques ou émotionnelles intenses, présentaient un \u003cstrong\u003eépuisement caractéristique\u003c\/strong\u003e différent d'une simple fatigue passagère. L'olivier, symbole de paix et de longévité depuis l'Antiquité, lui est apparu comme le remède idéal pour ces états de \u003cstrong\u003egrande déplétion énergétique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ol-accordion-item\"\u003e\n\u003csummary class=\"ol-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ol-accordion-content\"\u003e\n\u003cp\u003eConservez votre flacon à température ambiante (15-25°C), à l'abri de la lumière directe du soleil. Éloignez-le des appareils électriques et des sources de chaleur. Refermez soigneusement le bouchon pipette après chaque utilisation. Grâce à sa teneur en alcool, l'élixir se conserve plusieurs années sans altération.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ol-accordion-item\"\u003e\n\u003csummary class=\"ol-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ol-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eComplément alimentaire ne pouvant se substituer à une alimentation variée et équilibrée\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eContient de l'alcool\u003c\/strong\u003e (40% vol) : déconseillé aux personnes en sevrage alcoolique\u003c\/li\u003e\n\u003cli\u003eEn cas de fatigue persistante inexpliquée, consultez un professionnel de santé\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n\u003cli\u003eDemandez conseil à votre médecin ou pharmacien si vous êtes enceinte ou allaitante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ol-accordion-item\"\u003e\n\u003csummary class=\"ol-accordion-header\"\u003e🤝 Peut-on combiner plusieurs fleurs de Bach ?\u003c\/summary\u003e\n\u003cdiv class=\"ol-accordion-content\"\u003e\n\u003cp\u003eAbsolument. Vous pouvez associer jusqu'à \u003cstrong\u003e6 ou 7 fleurs\u003c\/strong\u003e simultanément pour répondre à différents aspects de votre état émotionnel. Le célèbre \u003cstrong\u003eRescue Remedy\u003c\/strong\u003e est lui-même un mélange de 5 fleurs de Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"ol-section\"\u003e\n\u003cdiv class=\"ol-grid-compact\"\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n\u003cp\u003e20 ml avec pipette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e🔢 Classification\u003c\/h3\u003e\n\u003cp\u003eBach n°23\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e⏱️ Durée d'utilisation\u003c\/h3\u003e\n\u003cp\u003e4 à 6 semaines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ol-card\"\u003e\n\u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"ol-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"ol-cta-box\"\u003e\n\u003cspan class=\"ol-cta-icon\"\u003e🫒\u003c\/span\u003e\n\u003cp\u003eAccordez-vous le droit de \u003cstrong\u003evous régénérer\u003c\/strong\u003e.\u003cbr\u003eLaissez la sagesse millénaire de l'olivier vous accompagner vers un renouveau d'énergie et de vitalité.\u003c\/p\u003e\n\u003cspan class=\"ol-cta-tagline\"\u003eComme l'olivier qui renaît toujours, retrouvez votre force intérieure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ol-cream: #FAF8F3;\n --ol-white: #ffffff;\n --ol-primary: #8B5A2B;\n --ol-primary-dark: #6B4423;\n --ol-primary-light: #F5EDE4;\n --ol-secondary: #4A7C9B;\n --ol-secondary-dark: #3A6580;\n --ol-secondary-light: #E8F1F5;\n --ol-accent: #6B7B3D;\n --ol-accent-light: #EEF2E4;\n --ol-text: #1a1a1a;\n --ol-text-light: #5a5a5a;\n --ol-border: #e0e0e0;\n --ol-shadow: 0 4px 24px rgba(139,90,43,.08);\n --ol-shadow-lg: 0 12px 48px rgba(139,90,43,.15);\n --ol-radius: 20px;\n --ol-radius-sm: 12px;\n}\n\n.ol-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ol-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ol-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.ol-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ol-primary) 0%, var(--ol-primary-dark) 40%, var(--ol-accent) 100%);\n border-radius: var(--ol-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ol-shadow-lg);\n}\n\n.ol-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n}\n\n.ol-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ol-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ol-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ol-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ol-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ol-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 9vw, 64px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 30px rgba(0,0,0,.25);\n}\n\n.ol-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ol-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.ol-hero-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.ol-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: white;\n}\n\n\/* === INTRO === *\/\n.ol-intro-box {\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ol-shadow);\n border-left: 4px solid var(--ol-secondary);\n}\n\n.ol-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin: 0;\n color: var(--ol-text);\n}\n\n\/* === SECTIONS === *\/\n.ol-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ol-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ol-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ol-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ol-primary), var(--ol-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ol-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ol-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ol-card {\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ol-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ol-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ol-shadow-lg);\n border-color: var(--ol-secondary);\n}\n\n.ol-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ol-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ol-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ol-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ol-grid-compact .ol-card {\n padding: 1rem;\n}\n\n.ol-grid-compact .ol-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ol-grid-compact .ol-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--ol-primary-dark);\n}\n\n\/* === SIGNS === *\/\n.ol-signs-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.ol-signs-column {\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ol-shadow);\n}\n\n.ol-signs-column h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ol-primary-dark);\n margin: 0 0 1rem 0;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--ol-secondary-light);\n}\n\n.ol-signs-list {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ol-signs-list li {\n display: flex;\n align-items: center;\n gap: .75rem;\n padding: .5rem 0;\n font-size: 14px;\n color: var(--ol-text);\n border-bottom: 1px solid var(--ol-border);\n}\n\n.ol-signs-list li:last-child {\n border-bottom: none;\n}\n\n.ol-sign-icon {\n font-size: 18px;\n flex-shrink: 0;\n}\n\n.ol-note {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--ol-secondary-light);\n border-radius: var(--ol-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n border-left: 4px solid var(--ol-secondary);\n}\n\n.ol-note-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ol-note p {\n font-size: 14px;\n color: var(--ol-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BIENFAITS === *\/\n.ol-benefits {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ol-benefit {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--ol-shadow);\n border-left: 4px solid var(--ol-accent);\n transition: all .3s ease;\n}\n\n.ol-benefit:hover {\n transform: translateX(8px);\n box-shadow: var(--ol-shadow-lg);\n}\n\n.ol-benefit-num {\n font-size: 32px;\n font-weight: 900;\n color: var(--ol-accent);\n opacity: .7;\n line-height: 1;\n min-width: 50px;\n}\n\n.ol-benefit-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--ol-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ol-benefit-content p {\n font-size: 14px;\n color: var(--ol-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.ol-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.ol-ingredient {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ol-shadow);\n transition: all .3s ease;\n}\n\n.ol-ingredient:hover {\n transform: translateY(-5px);\n box-shadow: var(--ol-shadow-lg);\n}\n\n.ol-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.ol-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--ol-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ol-ingredient-tag {\n display: inline-block;\n background: var(--ol-accent-light);\n color: var(--ol-accent);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.ol-ingredient-info p {\n font-size: 14px;\n color: var(--ol-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ol-method-box {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: linear-gradient(135deg, var(--ol-accent-light) 0%, var(--ol-white) 100%);\n border-radius: var(--ol-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--ol-accent);\n}\n\n.ol-method-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.ol-method-text h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ol-accent);\n margin: 0 0 .5rem 0;\n}\n\n.ol-method-text p {\n font-size: 14px;\n color: var(--ol-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.ol-usage {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n margin-bottom: 1.5rem;\n align-items: center;\n}\n\n.ol-dosage {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--ol-secondary) 0%, var(--ol-secondary-dark) 100%);\n border-radius: var(--ol-radius);\n padding: 2rem 2.5rem;\n box-shadow: var(--ol-shadow-lg);\n}\n\n.ol-dosage-number {\n font-size: 72px;\n font-weight: 900;\n color: white;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ol-dosage-text {\n display: flex;\n flex-direction: column;\n}\n\n.ol-dosage-label {\n font-size: 24px;\n font-weight: 700;\n color: white;\n line-height: 1.2;\n}\n\n.ol-dosage-freq {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n}\n\n.ol-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ol-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--ol-white);\n border-radius: var(--ol-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--ol-shadow);\n transition: all .3s ease;\n}\n\n.ol-step:hover {\n transform: translateX(5px);\n}\n\n.ol-step-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ol-step p {\n font-size: 14px;\n color: var(--ol-text);\n margin: 0;\n font-weight: 500;\n}\n\n.ol-usage-scenarios {\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ol-shadow);\n}\n\n.ol-usage-scenarios h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ol-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.ol-scenario-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.ol-scenario {\n background: var(--ol-secondary-light);\n border-radius: var(--ol-radius-sm);\n padding: 1.25rem;\n}\n\n.ol-scenario h4 {\n font-size: 15px;\n font-weight: 700;\n color: var(--ol-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ol-scenario p {\n font-size: 13px;\n color: var(--ol-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPARAISON === *\/\n.ol-comparison {\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ol-shadow);\n}\n\n.ol-comparison-intro {\n font-size: 16px;\n color: var(--ol-text);\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.ol-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.ol-comparison-item {\n padding: 1.5rem;\n border-radius: var(--ol-radius-sm);\n}\n\n.ol-comparison-olive {\n background: var(--ol-accent-light);\n border: 2px solid var(--ol-accent);\n}\n\n.ol-comparison-hornbeam {\n background: var(--ol-primary-light);\n border: 2px solid var(--ol-primary);\n}\n\n.ol-comparison-wildrose {\n background: #FFF5F5;\n border: 2px solid #D4A5A5;\n}\n\n.ol-comparison-item h4 {\n font-size: 15px;\n font-weight: 800;\n margin: 0 0 1rem 0;\n color: var(--ol-primary-dark);\n}\n\n.ol-comparison-item ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ol-comparison-item li {\n font-size: 13px;\n color: var(--ol-text-light);\n padding: .4rem 0 .4rem 1.25rem;\n position: relative;\n line-height: 1.5;\n}\n\n.ol-comparison-item li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--ol-accent);\n font-weight: bold;\n font-size: 12px;\n}\n\n\/* === ACCORDÉON === *\/\n.ol-accordion {\n background: var(--ol-white);\n border-radius: var(--ol-radius);\n box-shadow: var(--ol-shadow);\n overflow: hidden;\n}\n\n.ol-accordion-item {\n border-bottom: 1px solid var(--ol-border);\n margin: 0;\n padding: 0;\n}\n\n.ol-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ol-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ol-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ol-accordion-header:hover {\n background: var(--ol-primary-light);\n}\n\n.ol-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ol-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ol-primary);\n transition: transform .2s ease;\n}\n\n.ol-accordion-item[open] .ol-accordion-header::after {\n content: '−';\n}\n\n.ol-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ol-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ol-accordion-content p {\n margin: 0;\n}\n\n.ol-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.ol-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.ol-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ol-cta-box {\n background: linear-gradient(135deg, var(--ol-primary) 0%, var(--ol-primary-dark) 50%, var(--ol-accent) 100%);\n border-radius: var(--ol-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--ol-shadow-lg);\n}\n\n.ol-cta-icon {\n display: block;\n font-size: 56px;\n margin-bottom: 1.5rem;\n animation: olFloat 3s ease-in-out infinite;\n}\n\n@keyframes olFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n.ol-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0 0 1.5rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.ol-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 10px 24px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ol-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ol-card:nth-child(1) { animation-delay: .05s; }\n .ol-card:nth-child(2) { animation-delay: .1s; }\n .ol-card:nth-child(3) { animation-delay: .15s; }\n .ol-card:nth-child(4) { animation-delay: .2s; }\n .ol-card:nth-child(5) { animation-delay: .25s; }\n .ol-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ol-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ol-grid-compact {\n gap: .625rem;\n }\n \n .ol-grid-compact .ol-card {\n padding: .75rem;\n }\n \n .ol-card {\n padding: 1.125rem;\n }\n \n .ol-section {\n margin-bottom: 1.75rem;\n }\n \n .ol-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ol-radius-sm);\n }\n \n .ol-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ol-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ol-usage {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .ol-dosage {\n justify-content: center;\n padding: 1.5rem 2rem;\n }\n \n .ol-dosage-number {\n font-size: 56px;\n }\n \n .ol-composition-grid,\n .ol-comparison-grid,\n .ol-signs-container,\n .ol-scenario-grid {\n grid-template-columns: 1fr;\n }\n \n .ol-benefit {\n gap: 1rem;\n }\n \n .ol-benefit-num {\n font-size: 24px;\n min-width: 40px;\n }\n \n .ol-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ol-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ol-badges-top {\n gap: 8px;\n }\n \n .ol-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n \n .ol-hero-details {\n flex-direction: column;\n align-items: center;\n }\n \n .ol-method-box {\n flex-direction: column;\n text-align: center;\n }\n \n .ol-note {\n flex-direction: column;\n text-align: center;\n }\n \n .ol-ingredient {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ol-premium *,\n .ol-cta-icon {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56474952335737,"sku":"NBAIDSH0081","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Canva_Fleur_de_Bach_dame_saint_hilaire_5.jpg?v=1767971529"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/elixirs-floraux.webp?v=1790072193","url":"https:\/\/www.naturellement-bio.com\/collections\/elixirs-floraux.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}