{"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":"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":"fleur-de-bach-beech-hetre-bio-10-ml-dioter","title":"Fleur de Bach Beech (Hêtre) n°3 bio - 10 ml - Dioter","description":"\u003cp\u003eLa \u003cstrong\u003eFleur de Bach Hêtre (Beech)\u003c\/strong\u003e de la marque \u003cstrong\u003eDioter\u003c\/strong\u003e est un élixir floral biologique, élaboré selon la méthode originale du Dr Bach. Cette essence florale a été pensée pour ceux et celles qui ont tendance à être critiques, exigeants ou intolérants, et qui souhaitent cultiver plus de \u003cstrong\u003ecompréhension, de tolérance et d’ouverture d’esprit\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n\u003ch2\u003eUn soutien naturel pour cultiver bienveillance et acceptation\u003c\/h2\u003e\n\u003cp\u003eGrâce à une approche holistique, cet élixir favorise une attitude plus sereine et bienveillante envers les autres, permettant de relâcher les jugements excessifs et d’élargir sa perspective. Il aide à retrouver une \u003cstrong\u003evision plus équilibrée et positive du monde\u003c\/strong\u003e, tout en facilitant les relations interpersonnelles.\u003c\/p\u003e\n\u003ch2\u003eIngrédients purs, issus de l’agriculture biologique\u003c\/h2\u003e\n\u003cp\u003eL’élixir de Hêtre est composé exclusivement d’ingrédients naturels :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFleur de Hêtre sauvage\u003c\/strong\u003e cueillie en France\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSolarisation florale\u003c\/strong\u003e selon la méthode du Dr Bach\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEau de source et cognac biologique\u003c\/strong\u003e comme base de conservation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCe produit est certifié \u003cstrong\u003ebiologique par FR-BIO-01\u003c\/strong\u003e, garantissant une fabrication respectueuse de la nature et de votre équilibre émotionnel.\u003c\/p\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e5 gouttes\u003c\/strong\u003e directement sous la langue ou diluées dans un fond de verre d’eau, plusieurs fois par jour selon les besoins ou les recommandations.\u003c\/p\u003e\n\u003cp\u003eIl est également possible de diluer \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans une bouteille d’un demi-litre d’eau minérale non gazeuse, à consommer en 4 à 5\u003c\/p\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55120949739897,"sku":"DI5033","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fleur-de-Bach-Beech-hetre-bio-10ml-Dioter.webp?v=1744718289"},{"product_id":"fleur-de-bach-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-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-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-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-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-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-energie-bio-20ml-saint-hilaire","title":"Fleur de Bach Énergie Bio - 20ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Énergie Bio - 20ml - Saint-Hilaire\nPalette détectée:\n - Primaire: #8B4513 (brun ambre du flacon en verre)\n - Secondaire: #9E2A2B (rouge bordeaux du mot \"énergie\" sur l'étiquette)\n - Accent: #6B8E6B (vert sauge des éléments naturels\/lavande)\n - Neutre: #F5F0E8 (crème beige naturel de l'ambiance)\nAmbiance: Naturel\/Bio, artisanal français, bien-être holistique, élégance sobre\nPréfixe CSS: fb\n--\u003e\n\n\u003cdiv class=\"fb-premium\"\u003e\n \n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e💧 Méthode originale Dr Bach\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eFleurs de Bach Énergie\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eComplexe floral biologique pour retrouver votre vitalité\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003eÉlaboré artisanalement par la Distillerie Saint-Hilaire, cet élixir aux fleurs de Bach vous accompagne pour réveiller votre dynamisme intérieur et dissiper la fatigue émotionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🌸 Qu'est-ce qu'une fleur de Bach ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-intro-box\"\u003e\n \u003cp\u003eDéveloppées dans les années 1930 par le médecin britannique \u003cstrong\u003eEdward Bach\u003c\/strong\u003e, les fleurs de Bach sont des élixirs floraux agissant sur la sphère émotionnelle. Contrairement aux huiles essentielles, elles visent à \u003cstrong\u003erétablir l'harmonie émotionnelle\u003c\/strong\u003e pour favoriser un mieux-être général.\u003c\/p\u003e\n \u003cp\u003eUne approche douce, naturelle, sans accoutumance ni effets secondaires connus — basée sur \u003cstrong\u003e38 essences florales\u003c\/strong\u003e correspondant chacune à un état émotionnel particulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e⚡ Les bienfaits du complexe énergie\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔋 Retrouvez votre vitalité\u003c\/h3\u003e\n \u003cp\u003eRéveillez votre dynamisme intérieur et combattez la fatigue persistante de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🎯 Boostez votre motivation\u003c\/h3\u003e\n \u003cp\u003eRedonnez du sens à vos activités quotidiennes et retrouvez l'enthousiasme qui vous animait.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eUne alternative douce aux stimulants artificiels, respectueuse de votre corps et de votre équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💆 Harmonie émotionnelle\u003c\/h3\u003e\n \u003cp\u003eRétablissez l'équilibre émotionnel qui influence votre bien-être global et votre énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔄 Action progressive\u003c\/h3\u003e\n \u003cp\u003eLes fleurs de Bach agissent en douceur, sans créer de dépendance ni d'accoutumance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e✨ Soutien au quotidien\u003c\/h3\u003e\n \u003cp\u003eUn allié précieux pour traverser les périodes exigeantes avec sérénité et énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complexe ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card fb-card-profile\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eVous traversez une période d'épuisement sans cause médicale identifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-profile\"\u003e\n \u003ch3\u003e📉 Perte de motivation\u003c\/h3\u003e\n \u003cp\u003eMême les activités qui vous plaisaient deviennent une corvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-profile\"\u003e\n \u003ch3\u003e🌡️ Ménopause\u003c\/h3\u003e\n \u003cp\u003eVous ressentez la baisse d'énergie caractéristique de cette transition hormonale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-profile\"\u003e\n \u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n \u003cp\u003eLe printemps ou l'automne vous affectent particulièrement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-profile\"\u003e\n \u003ch3\u003e💼 Journées exigeantes\u003c\/h3\u003e\n \u003cp\u003eVous enchaînez les journées intenses au travail ou dans votre vie personnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-profile\"\u003e\n \u003ch3\u003e🥗 Rééquilibrage alimentaire\u003c\/h3\u003e\n \u003cp\u003eVous avez besoin de soutien émotionnel pendant une période de changement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card fb-card-ingredient\"\u003e\n \u003ch3\u003e🍇 Brandy bio\u003c\/h3\u003e\n \u003cp\u003eAlcool de raisin issu de l'agriculture biologique, conservateur naturel traditionnel des fleurs de Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-ingredient\"\u003e\n \u003ch3\u003e💧 Eau pure\u003c\/h3\u003e\n \u003cp\u003eBase de l'élixir, permettant une parfaite dilution des essences florales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-ingredient\"\u003e\n \u003ch3\u003e🌼 Complexe floral\u003c\/h3\u003e\n \u003cp\u003eSélection de fleurs de Bach aux propriétés dynamisantes et revitalisantes, selon la méthode originale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"fb-steps\"\u003e\n \u003cdiv class=\"fb-step\"\u003e\n \u003cdiv class=\"fb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fb-step-content\"\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003eDéposez \u003cstrong\u003e4 gouttes\u003c\/strong\u003e directement sous la langue ou diluez-les dans un verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-step\"\u003e\n \u003cdiv class=\"fb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fb-step-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eRépétez \u003cstrong\u003e4 fois par jour\u003c\/strong\u003e, idéalement le matin au réveil et en début d'après-midi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-step\"\u003e\n \u003cdiv class=\"fb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fb-step-content\"\u003e\n \u003ch3\u003eDurée\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, poursuivez pendant au moins \u003cstrong\u003e3 semaines consécutives\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip-box\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eConseil :\u003c\/strong\u003e Les fleurs de Bach agissent progressivement sur l'équilibre émotionnel. Soyez patient et à l'écoute de vous-même — certaines personnes ressentent un changement rapidement, pour d'autres cela prend davantage de temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"fb-accordion\"\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e💊 Les fleurs de Bach peuvent-elles aider à perdre du poids ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eLes fleurs de Bach n'ont pas d'action directe sur la perte de poids. En revanche, elles peuvent soutenir votre équilibre émotionnel pendant un régime, réduire les pulsions alimentaires liées au stress et maintenir votre motivation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🆘 Quelle différence avec le Rescue ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eLe Rescue est destiné aux situations de stress aigu ou d'urgence émotionnelle. Le complexe Énergie cible spécifiquement les états de fatigue et de manque de vitalité sur le long terme. Ce sont deux approches complémentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e📅 Peut-on les prendre tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eOui, les fleurs de Bach sont conçues pour un usage quotidien. Elles ne créent ni dépendance ni accoutumance. Vous pouvez les utiliser aussi longtemps que vous en ressentez le besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🤰 Y a-t-il des contre-indications ?\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eLes élixirs contiennent du brandy comme conservateur. Les personnes évitant l'alcool (femmes enceintes, personnes en sevrage) doivent en tenir compte, même si la quantité par prise reste minime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003e🌸 Fleurs de Bach et ménopause\u003c\/h2\u003e\n \u003cdiv class=\"fb-highlight-box\"\u003e\n \u003cp\u003eLa ménopause s'accompagne souvent de fluctuations émotionnelles et d'une \u003cstrong\u003ebaisse de vitalité\u003c\/strong\u003e qui peuvent affecter le quotidien. Le complexe Énergie peut constituer un allié précieux si vous ressentez :\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eUne fatigue inhabituelle liée aux bouleversements hormonaux\u003c\/li\u003e\n \u003cli\u003eUne perte de motivation ou d'enthousiasme\u003c\/li\u003e\n \u003cli\u003eLe besoin de retrouver votre dynamisme d'avant\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003cem\u003eLes fleurs de Bach ne remplacent pas un suivi médical adapté, mais peuvent compléter votre accompagnement de manière douce et naturelle.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eℹ️ Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"fb-accordion\"\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e📦 Contenance et format\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eFlacon de \u003cstrong\u003e20 ml\u003c\/strong\u003e avec pipette compte-gouttes pour un dosage précis et une utilisation économique sur plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eÉlaboré par la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e en Auvergne, France, selon la méthode originale du Dr Edward Bach. Certification Agriculture Biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eÀ conserver à l'abri de la lumière et de la chaleur, à température ambiante. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content\"\u003e\n \u003cp\u003eCe produit ne remplace pas un traitement médical ni l'avis d'un professionnel de santé. Contient de l'alcool (brandy bio). En cas de fatigue persistante, consultez votre médecin. Déconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre corps et votre esprit ce soutien naturel venu du cœur de l'Auvergne. Retrouvez votre vitalité en douceur et en harmonie avec la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #FAF8F5;\n --fb-white: #ffffff;\n --fb-primary: #8B5A2B;\n --fb-primary-dark: #5D3A1A;\n --fb-primary-light: #F5EDE4;\n --fb-secondary: #9E2A2B;\n --fb-accent: #6B8E6B;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8e4df;\n --fb-shadow: 0 4px 24px rgba(139,90,43,.08);\n --fb-shadow-lg: 0 12px 48px rgba(139,90,43,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #8B5A2B 0%, #9E2A2B 50%, #5D3A1A 100%);\n border-radius: var(--fb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.fb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n.fb-intro-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-accent);\n}\n\n.fb-intro-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--fb-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.fb-intro-box p:last-child {\n margin-bottom: 0;\n}\n\n.fb-intro-box strong {\n color: var(--fb-primary-dark);\n}\n\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-card-profile {\n border-top: 3px solid var(--fb-accent);\n}\n\n.fb-card-ingredient {\n border-top: 3px solid var(--fb-secondary);\n}\n\n.fb-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.fb-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n box-shadow: var(--fb-shadow);\n transition: all .3s ease;\n}\n\n.fb-step:hover {\n transform: translateX(6px);\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n}\n\n.fb-step-content h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.fb-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-step-content strong {\n color: var(--fb-secondary);\n}\n\n.fb-tip-box {\n background: linear-gradient(135deg, var(--fb-primary-light), #fff);\n border-radius: var(--fb-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n border: 2px dashed var(--fb-primary);\n}\n\n.fb-tip-box p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text);\n margin: 0;\n line-height: 1.7;\n}\n\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n.fb-highlight-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-secondary);\n}\n\n.fb-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--fb-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.fb-highlight-box ul {\n margin: 1rem 0;\n padding-left: 1.5rem;\n}\n\n.fb-highlight-box li {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text);\n line-height: 1.8;\n margin-bottom: .5rem;\n}\n\n.fb-highlight-box em {\n color: var(--fb-text-light);\n font-size: clamp(12px, 2vw, 14px);\n}\n\n.fb-highlight-box strong {\n color: var(--fb-secondary);\n}\n\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-accent) 0%, #4a6b4a 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .fb-card {\n padding: 1.125rem;\n }\n \n .fb-section {\n margin-bottom: 1.75rem;\n }\n \n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n \n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .fb-badges-top {\n gap: 8px;\n }\n \n .fb-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .fb-step {\n padding: 1rem;\n }\n \n .fb-step-number {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n \n .fb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .fb-intro-box,\n .fb-highlight-box {\n padding: 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n \n .fb-step {\n animation: fadeInUp .5s ease backwards;\n }\n .fb-step:nth-child(1) { animation-delay: .1s; }\n .fb-step:nth-child(2) { animation-delay: .2s; }\n .fb-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56394467475833,"sku":"NBAIDSH0119","price":10.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-energie-bio-20ml-saint-hilaire-lifestyle_ebe7ca56-ee37-4516-b885-b974f32114ac.jpg?v=1768477652"},{"product_id":"fleur-de-bach-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"},{"product_id":"fleur-de-bach-pommier-sauvage-n-10-20ml-saint-hilaire","title":"Fleur de Bach Crab Apple (Pommier Sauvage) n°10 bio - 20 ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Pommier Sauvage n°10 - Saint-Hilaire\nPalette détectée:\n - Primaire: #8B4513 (brun ambré du flacon en verre)\n - Secondaire: #2D5016 (vert forêt des textes packaging)\n - Accent: #C75B4A (rouge terracotta du \"N°10\")\n - Crème: #F5F0E8 (beige naturel de l'étiquette)\nAmbiance: Naturel\/bio, artisanal français, apothicaire traditionnel, douceur florale printanière\nPréfixe CSS: ps\n--\u003e\n\u003cdiv class=\"ps-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"ps-hero\"\u003e\n\u003cdiv class=\"ps-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ps-hero-content\"\u003e\n\u003cdiv class=\"ps-badges-top\"\u003e\n\u003cspan class=\"ps-badge\"\u003e🍎 Fleur n°10\u003c\/span\u003e \u003cspan class=\"ps-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e \u003cspan class=\"ps-badge\"\u003e🇫🇷 Auvergne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ps-hero-title\"\u003ePommier Sauvage\u003c\/span\u003e\n\u003cp class=\"ps-subtitle\"\u003eL'élixir de la purification intérieure\u003c\/p\u003e\n\u003cp class=\"ps-description\"\u003eRetrouvez une \u003cstrong\u003erelation apaisée avec vous-même\u003c\/strong\u003e. La fleur de Bach Crab Apple vous accompagne vers l'acceptation bienveillante et libère du sentiment d'impureté.\u003c\/p\u003e\n\u003cdiv class=\"ps-hero-details\"\u003e\n\u003cspan class=\"ps-hero-tag\"\u003e🌸 Malus sylvestris\u003c\/span\u003e \u003cspan class=\"ps-hero-tag\"\u003e💧 20 ml\u003c\/span\u003e \u003cspan class=\"ps-hero-tag\"\u003e🔥 Méthode ébullition\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTRODUCTION --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003cdiv class=\"ps-intro-box\"\u003e\n\u003cp\u003eParmi les \u003cstrong\u003e38 fleurs de Bach\u003c\/strong\u003e identifiées par le Dr Edward Bach, le Pommier sauvage occupe une place singulière. Cette fleur est traditionnellement associée aux personnes qui éprouvent un sentiment de dégoût envers elles-mêmes, une impression de souillure ou d'imperfection envahissante. Que vous traversiez une période de \u003cstrong\u003echangement hormonal\u003c\/strong\u003e, une \u003cstrong\u003edémarche de perte de poids\u003c\/strong\u003e, ou que vous ressentiez le besoin de vous purifier émotionnellement, cet élixir floral biologique devient un précieux allié.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PORTRAIT DE LA FLEUR --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e🍎 Qu'est-ce que le Pommier sauvage ?\u003c\/h2\u003e\n\u003cdiv class=\"ps-grid\"\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🌳 Le Malus sylvestris\u003c\/h3\u003e\n\u003cp\u003eArbre des haies et lisières forestières d'Europe, offrant au printemps des fleurs blanches teintées de rose, symbole de pureté et d'innocence naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e💭 La signature du Dr Bach\u003c\/h3\u003e\n\u003cp\u003eCet arbre révèle une beauté immaculée même dans les environnements difficiles. Cette capacité à exprimer la pureté est au cœur de l'action de l'élixir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🌿 Cueillette artisanale\u003c\/h3\u003e\n\u003cp\u003eFleurs récoltées à la main en Auvergne, au moment optimal de floraison, dans des zones préservées de toute pollution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e🎯 À qui s'adresse cet élixir ?\u003c\/h2\u003e\n\u003cdiv class=\"ps-grid\"\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🪞 Vous vous jugez sévèrement\u003c\/h3\u003e\n\u003cp\u003eUn détail physique devient une obsession qui occulte tout le reste de votre personne et de vos qualités.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🧼 Besoin excessif de propreté\u003c\/h3\u003e\n\u003cp\u003eVous vous lavez les mains très souvent, nettoyez compulsivement, ne supportez pas la moindre imperfection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e😔 Un sentiment de honte vous habite\u003c\/h3\u003e\n\u003cp\u003eDes événements passés ou une image dévalorisée créent une impression persistante de souillure intérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🔍 Les détails prennent toute la place\u003c\/h3\u003e\n\u003cp\u003eVous perdez de vue l'ensemble en vous focalisant sur des imperfections mineures qui semblent intolérables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SITUATIONS CONCRÈTES --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e📋 Situations où Pommier sauvage vous accompagne\u003c\/h2\u003e\n\u003cdiv class=\"ps-situations-grid\"\u003e\n\u003cdiv class=\"ps-situation-card\"\u003e\n\u003ch3\u003e⚖️ Démarche minceur\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eLe regard sur votre corps est difficile\u003c\/li\u003e\n\u003cli\u003ePensées négatives pendant la perte de poids\u003c\/li\u003e\n\u003cli\u003eDifficulté à vous regarder dans le miroir\u003c\/li\u003e\n\u003cli\u003eLes imperfections cutanées vous obsèdent\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-situation-card\"\u003e\n\u003ch3\u003e🍂 Ménopause et transitions\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eChangements corporels mal vécus\u003c\/li\u003e\n\u003cli\u003eBouffées de chaleur et sentiment d'impureté\u003c\/li\u003e\n\u003cli\u003eAcceptation du nouveau corps compliquée\u003c\/li\u003e\n\u003cli\u003eBesoin d'accompagnement émotionnel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-situation-card\"\u003e\n\u003ch3\u003e🌿 Purification et renouveau\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAprès une maladie, besoin de vous \"nettoyer\"\u003c\/li\u003e\n\u003cli\u003eSuite à un traitement, envie de détox\u003c\/li\u003e\n\u003cli\u003ePériode de remise en question\u003c\/li\u003e\n\u003cli\u003eEnvie de vous sentir plus léger\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-note\"\u003e\n\u003cp\u003e⚠️ \u003cstrong\u003eImportant :\u003c\/strong\u003e Crab Apple n'est pas un produit amincissant. Il constitue un \u003cstrong\u003esoutien émotionnel\u003c\/strong\u003e en améliorant votre relation à votre corps et en réduisant le dégoût de soi qui sabote souvent les efforts entrepris.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits reconnus\u003c\/h2\u003e\n\u003cdiv class=\"ps-benefits\"\u003e\n\u003cdiv class=\"ps-benefit\"\u003e\n\u003cspan class=\"ps-benefit-num\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"ps-benefit-content\"\u003e\n\u003ch3\u003eFavorise l'acceptation bienveillante de soi\u003c\/h3\u003e\n\u003cp\u003ePortez un regard plus doux sur votre corps, vos imperfections, et réconciliez-vous avec votre image.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-benefit\"\u003e\n\u003cspan class=\"ps-benefit-num\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"ps-benefit-content\"\u003e\n\u003ch3\u003eApaise le sentiment d'impureté\u003c\/h3\u003e\n\u003cp\u003eQue cette impression soit physique ou liée à des événements passés, dissipez ce voile de souillure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-benefit\"\u003e\n\u003cspan class=\"ps-benefit-num\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"ps-benefit-content\"\u003e\n\u003ch3\u003eLibère des pensées obsessionnelles\u003c\/h3\u003e\n\u003cp\u003eLes détails insupportables reprennent leur juste place, vous retrouvez une vision équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-benefit\"\u003e\n\u003cspan class=\"ps-benefit-num\"\u003e04\u003c\/span\u003e\n\u003cdiv class=\"ps-benefit-content\"\u003e\n\u003ch3\u003eSoutient la purification émotionnelle\u003c\/h3\u003e\n\u003cp\u003eAccompagnez votre processus de nettoyage intérieur et de renouveau après des périodes difficiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e🌿 Composition certifiée biologique\u003c\/h2\u003e\n\u003cdiv class=\"ps-composition-grid\"\u003e\n\u003cdiv class=\"ps-ingredient\"\u003e\n\u003cdiv class=\"ps-ingredient-info\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🍷 Brandy biologique\u003c\/h3\u003e\n\u003cspan class=\"ps-ingredient-tag\"\u003e40% vol. - Conservateur naturel\u003c\/span\u003e\n\u003cp\u003eAlcool de raisin bio selon la méthode traditionnelle du Dr Bach. Conservation optimale plusieurs années.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-ingredient\"\u003e\n\u003cdiv class=\"ps-ingredient-info\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🍎 Extrait de Malus sylvestris bio\u003c\/h3\u003e\n\u003cspan class=\"ps-ingredient-tag\"\u003eDilution 1\/250ème\u003c\/span\u003e\n\u003cp\u003eInfusion de fleurs préparée par ébullition. Fleurs récoltées à la main en Auvergne au printemps.\u003cspan class=\"ps-method-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-method-box\"\u003e\n\u003cdiv class=\"ps-method-text\"\u003e\n\u003ch4\u003e🔥 Méthode d'ébullition originale\u003c\/h4\u003e\n\u003cp\u003eLes rameaux fleuris fraîchement cueillis sont bouillis 30 minutes dans de l'eau de source pure. Ce processus extrait l'essence énergétique de la fleur, stabilisée ensuite dans le brandy bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e💧 Comment utiliser votre élixir\u003c\/h2\u003e\n\u003cdiv class=\"ps-usage\"\u003e\n\u003cdiv class=\"ps-dosage\"\u003e\n\u003cspan class=\"ps-dosage-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"ps-dosage-text\"\u003e\n\u003cspan class=\"ps-dosage-label\"\u003egouttes\u003c\/span\u003e \u003cspan class=\"ps-dosage-freq\"\u003e4 fois par jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-usage-steps\"\u003e\n\u003cdiv class=\"ps-step\"\u003e\n\u003cspan class=\"ps-step-icon\"\u003e👅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSous la langue\u003c\/strong\u003e pour une absorption optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-step\"\u003e\n\u003cspan class=\"ps-step-icon\"\u003e💧\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eDans un verre d'eau\u003c\/strong\u003e à siroter toute la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-step\"\u003e\n\u003cspan class=\"ps-step-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRépartition :\u003c\/strong\u003e réveil, matinée, après-midi, coucher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-scenarios\"\u003e\n\u003ch3\u003e📌 Conseils selon vos besoins\u003c\/h3\u003e\n\u003cdiv class=\"ps-grid\"\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e⚖️ Démarche minceur\u003c\/h3\u003e\n\u003cp\u003e4 gouttes avant chaque repas principal pour aborder l'alimentation avec sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🍂 Durant la ménopause\u003c\/h3\u003e\n\u003cp\u003eCure de fond de 4 à 6 semaines minimum. Renouvelez si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🧼 Pensées obsessionnelles\u003c\/h3\u003e\n\u003cp\u003eLors d'un pic : 4 gouttes toutes les 15 min jusqu'à apaisement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-note\"\u003e\n\u003cp\u003e🛁 \u003cstrong\u003eUsage externe :\u003c\/strong\u003e Ajoutez quelques gouttes à votre crème, à l'eau du bain, ou préparez une lotion (10 gouttes dans 100 ml d'eau).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ASSOCIATIONS --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e🤝 Associations recommandées\u003c\/h2\u003e\n\u003cp class=\"ps-associations-intro\"\u003eCombinez jusqu'à 6-7 fleurs de Bach pour un mélange personnalisé :\u003c\/p\u003e\n\u003cdiv class=\"ps-grid\"\u003e\n\u003cdiv class=\"ps-card ps-card-accent\"\u003e\n\u003ch3\u003e🍎 + \u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/remede-durgence-bio-10-ml-dioter\"\u003e Remède d'urgence \u003c\/a\u003e\n\u003c\/h3\u003e\n\u003cp\u003eRenforce la purification lors de chocs émotionnels. Le Pommier sauvage est présent dans la crème du remède d'urgence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card ps-card-accent\"\u003e\n\u003ch3\u003e🍎 + \u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/fleur-de-bach-pin-sylvestre-bio-10-ml-dioter\"\u003e Pin sylvestre \u003c\/a\u003e\n\u003c\/h3\u003e\n\u003cp\u003eSi le dégoût de soi s'accompagne de culpabilité excessive et de reproches constants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card ps-card-accent\"\u003e\n\u003ch3\u003e🍎 + \u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/fleur-de-bach-meleze-n-19-bio-20ml-saint-hilaire\"\u003e Mélèze \u003c\/a\u003e\n\u003c\/h3\u003e\n\u003cp\u003eQuand l'image négative génère un manque de confiance et une tendance à vous dévaloriser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card ps-card-accent\"\u003e\n\u003ch3\u003e🍎 + \u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/fleur-de-bach-noyer-bio-10-ml-dioter\"\u003e Noyer \u003c\/a\u003e\n\u003c\/h3\u003e\n\u003cp\u003eL'association idéale pour les périodes de transition : ménopause, déménagement, changement de vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- QUALITÉ SAINT-HILAIRE --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e🏔️ La qualité Distillerie Saint-Hilaire\u003c\/h2\u003e\n\u003cdiv class=\"ps-intro-box\"\u003e\n\u003cp\u003eNichée au cœur des volcans d'Auvergne, la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e perpétue un savoir-faire artisanal d'exception. Chaque fleur est \u003cstrong\u003ecueillie à la main\u003c\/strong\u003e au moment précis de son potentiel maximal, dans des zones préservées. La préparation respecte la \u003cstrong\u003eméthode originale du Dr Bach\u003c\/strong\u003e, garantissant authenticité et efficacité. Certification biologique attestant un engagement total envers la qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"ps-accordion\"\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003eLa fleur de Bach aide-t-elle à perdre du poids ?\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cp\u003eAucune fleur de Bach n'est un produit amincissant. Crab Apple ne fait pas maigrir mais constitue un \u003cstrong\u003esoutien émotionnel précieux\u003c\/strong\u003e. En améliorant l'image de votre corps et en réduisant le dégoût de soi, il aide à maintenir la motivation et éviter les comportements alimentaires dictés par les émotions négatives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003eComment utiliser les fleurs de Bach pendant la ménopause ?\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cp\u003ePommier sauvage aide à \u003cstrong\u003eaccueillir les transformations corporelles\u003c\/strong\u003e avec bienveillance. Associez-le à Walnut (adaptation), Scleranthus (équilibre émotionnel) et Mustard (baisses de moral). Cure de 4 à 6 semaines recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003eQuelle différence avec le Rescue Bach ?\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cp\u003eLe Rescue est un complexe de 5 fleurs pour les urgences émotionnelles. Pommier sauvage seul travaille en profondeur sur l'image de soi et le sentiment d'impureté. Les deux peuvent être utilisés conjointement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003eCombien de temps pour ressentir les effets ?\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cp\u003eCertains ressentent un apaisement dès les premiers jours, d'autres après 2-3 semaines. Pour un travail en profondeur, une cure de 4 à 6 semaines est conseillée. L'essentiel est la régularité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003eCompatibilité avec la grossesse ou l'allaitement ?\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cp\u003eL'élixir contient 40% d'alcool (quantité infime par prise). Par précaution, demandez l'avis de votre médecin ou sage-femme avant utilisation pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003eCompatibilité avec d'autres traitements ?\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cp\u003eLes élixirs floraux n'interagissent pas avec les médicaments. Ils ne remplacent cependant pas un suivi médical. Informez votre médecin si vous êtes sous traitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS COMPLÉMENTAIRES --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"ps-accordion\"\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eNe remplace pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eContient de l'alcool\u003c\/strong\u003e (40% vol.) : déconseillé en cas de sevrage alcoolique\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n\u003cli\u003eEn cas de mal-être persistant, consultez un professionnel de santé\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ps-accordion-item\"\u003e\n\u003csummary class=\"ps-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ps-accordion-content\"\u003e\n\u003cp\u003eConservez entre 15 et 25°C, à l'abri de la lumière et de la chaleur. Éloignez des appareils électriques. Refermez soigneusement après usage. L'alcool assure une conservation de plusieurs années.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"ps-section\"\u003e\n\u003cdiv class=\"ps-grid-compact\"\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n\u003cp\u003e20 ml avec compte-gouttes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🔢 Classification\u003c\/h3\u003e\n\u003cp\u003eFleur de Bach n°10\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e⏱️ Durée de cure\u003c\/h3\u003e\n\u003cp\u003e4 à 6 semaines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ps-card\"\u003e\n\u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique AB\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ps-section\"\u003e\n\u003cdiv class=\"ps-cta-box\"\u003e\n\u003cp\u003e🍎 Offrez-vous la possibilité de vous réconcilier avec votre image et de \u003cstrong\u003eretrouver une relation apaisée avec vous-même\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cspan class=\"ps-cta-tagline\"\u003eLa vraie pureté rayonne de l'intérieur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ps-cream: #FAF8F5;\n --ps-white: #ffffff;\n --ps-primary: #8B4513;\n --ps-primary-dark: #5C2E1A;\n --ps-primary-light: #FDF6F0;\n --ps-secondary: #2D5016;\n --ps-secondary-dark: #1D3A0E;\n --ps-secondary-light: #EEF5E8;\n --ps-accent: #C75B4A;\n --ps-accent-light: #FEF5F3;\n --ps-text: #1a1a1a;\n --ps-text-light: #5a5a5a;\n --ps-border: #e8e4df;\n --ps-shadow: 0 4px 24px rgba(139,69,19,.08);\n --ps-shadow-lg: 0 12px 48px rgba(139,69,19,.15);\n --ps-radius: 20px;\n --ps-radius-sm: 12px;\n}\n\n.ps-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ps-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ps-premium * {\n box-sizing: border-box;\n}\n\n.ps-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ps-primary-dark) 0%, var(--ps-primary) 40%, var(--ps-secondary) 100%);\n border-radius: var(--ps-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ps-shadow-lg);\n}\n\n.ps-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 80% 20%, rgba(199,91,74,.15) 0%, transparent 35%);\n}\n\n.ps-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ps-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ps-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ps-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ps-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ps-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 30px rgba(0,0,0,.3);\n}\n\n.ps-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.ps-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 650px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.ps-hero-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.ps-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: white;\n}\n\n.ps-intro-box {\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ps-shadow);\n border-left: 4px solid var(--ps-accent);\n}\n\n.ps-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin: 0;\n color: var(--ps-text);\n}\n\n.ps-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ps-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ps-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ps-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ps-primary), var(--ps-secondary));\n border-radius: 2px;\n}\n\n.ps-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ps-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ps-card {\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ps-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ps-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ps-shadow-lg);\n border-color: var(--ps-accent);\n}\n\n.ps-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ps-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ps-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ps-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ps-card-accent {\n background: var(--ps-primary-light);\n border: 2px solid var(--ps-primary);\n}\n\n.ps-card-accent:hover {\n border-color: var(--ps-primary-dark);\n}\n\n.ps-grid-compact .ps-card {\n padding: 1rem;\n}\n\n.ps-grid-compact .ps-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ps-grid-compact .ps-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--ps-primary-dark);\n}\n\n.ps-situations-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.ps-situation-card {\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--ps-shadow);\n}\n\n.ps-situation-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ps-primary-dark);\n margin: 0 0 1rem 0;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--ps-secondary-light);\n}\n\n.ps-situation-card ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ps-situation-card li {\n padding: .4rem 0;\n font-size: 14px;\n color: var(--ps-text);\n border-bottom: 1px solid var(--ps-border);\n padding-left: 1.5rem;\n position: relative;\n}\n\n.ps-situation-card li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--ps-secondary);\n font-weight: 700;\n}\n\n.ps-situation-card li:last-child {\n border-bottom: none;\n}\n\n.ps-note {\n background: var(--ps-accent-light);\n border-radius: var(--ps-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n border-left: 4px solid var(--ps-accent);\n}\n\n.ps-note p {\n font-size: 14px;\n color: var(--ps-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.ps-benefits {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ps-benefit {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--ps-shadow);\n border-left: 4px solid var(--ps-secondary);\n transition: all .3s ease;\n}\n\n.ps-benefit:hover {\n transform: translateX(8px);\n box-shadow: var(--ps-shadow-lg);\n}\n\n.ps-benefit-num {\n font-size: 32px;\n font-weight: 900;\n color: var(--ps-secondary);\n opacity: .6;\n line-height: 1;\n min-width: 50px;\n}\n\n.ps-benefit-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--ps-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ps-benefit-content p {\n font-size: 14px;\n color: var(--ps-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ps-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.ps-ingredient {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ps-shadow);\n transition: all .3s ease;\n}\n\n.ps-ingredient:hover {\n transform: translateY(-5px);\n box-shadow: var(--ps-shadow-lg);\n}\n\n.ps-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.ps-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--ps-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ps-ingredient-tag {\n display: inline-block;\n background: var(--ps-primary-light);\n color: var(--ps-primary-dark);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.ps-ingredient-info p {\n font-size: 14px;\n color: var(--ps-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ps-method-box {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: linear-gradient(135deg, var(--ps-secondary-light) 0%, var(--ps-white) 100%);\n border-radius: var(--ps-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--ps-secondary);\n}\n\n.ps-method-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.ps-method-text h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ps-secondary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ps-method-text p {\n font-size: 14px;\n color: var(--ps-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ps-usage {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n margin-bottom: 1.5rem;\n align-items: center;\n}\n\n.ps-dosage {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--ps-primary) 0%, var(--ps-primary-dark) 100%);\n border-radius: var(--ps-radius);\n padding: 2rem 2.5rem;\n box-shadow: var(--ps-shadow-lg);\n}\n\n.ps-dosage-number {\n font-size: 72px;\n font-weight: 900;\n color: white;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ps-dosage-text {\n display: flex;\n flex-direction: column;\n}\n\n.ps-dosage-label {\n font-size: 24px;\n font-weight: 700;\n color: white;\n line-height: 1.2;\n}\n\n.ps-dosage-freq {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n}\n\n.ps-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ps-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--ps-white);\n border-radius: var(--ps-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--ps-shadow);\n transition: all .3s ease;\n}\n\n.ps-step:hover {\n transform: translateX(5px);\n}\n\n.ps-step-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ps-step p {\n font-size: 14px;\n color: var(--ps-text);\n margin: 0;\n font-weight: 500;\n}\n\n.ps-scenarios {\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ps-shadow);\n}\n\n.ps-scenarios h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ps-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.ps-associations-intro {\n text-align: center;\n font-size: 16px;\n color: var(--ps-text);\n margin-bottom: 1.5rem;\n}\n\n.ps-accordion {\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n box-shadow: var(--ps-shadow);\n overflow: hidden;\n}\n\n.ps-accordion-item {\n border-bottom: 1px solid var(--ps-border);\n margin: 0;\n padding: 0;\n}\n\n.ps-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ps-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ps-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ps-accordion-header:hover {\n background: var(--ps-primary-light);\n}\n\n.ps-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ps-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ps-primary);\n transition: transform .2s ease;\n}\n\n.ps-accordion-item[open] .ps-accordion-header::after {\n content: '−';\n}\n\n.ps-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ps-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ps-accordion-content p {\n margin: 0;\n}\n\n.ps-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.ps-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.ps-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n.ps-cta-box {\n background: linear-gradient(135deg, var(--ps-primary-dark) 0%, var(--ps-primary) 40%, var(--ps-secondary) 100%);\n border-radius: var(--ps-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--ps-shadow-lg);\n}\n\n.ps-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0 0 1.5rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.ps-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 10px 24px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .ps-card,\n .ps-benefit,\n .ps-ingredient,\n .ps-step,\n .ps-situation-card {\n animation: psFadeInUp .5s ease backwards;\n }\n .ps-card:nth-child(1), .ps-benefit:nth-child(1), .ps-situation-card:nth-child(1) { animation-delay: .05s; }\n .ps-card:nth-child(2), .ps-benefit:nth-child(2), .ps-situation-card:nth-child(2) { animation-delay: .1s; }\n .ps-card:nth-child(3), .ps-benefit:nth-child(3), .ps-situation-card:nth-child(3) { animation-delay: .15s; }\n .ps-card:nth-child(4), .ps-benefit:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes psFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 767px) {\n .ps-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ps-grid-compact {\n gap: .625rem;\n }\n \n .ps-grid-compact .ps-card {\n padding: .75rem;\n }\n \n .ps-card {\n padding: 1.125rem;\n }\n \n .ps-section {\n margin-bottom: 1.75rem;\n }\n \n .ps-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ps-radius-sm);\n }\n \n .ps-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ps-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ps-usage {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .ps-dosage {\n justify-content: center;\n padding: 1.5rem 2rem;\n }\n \n .ps-dosage-number {\n font-size: 56px;\n }\n \n .ps-composition-grid,\n .ps-situations-grid {\n grid-template-columns: 1fr;\n }\n \n .ps-benefit {\n gap: 1rem;\n }\n \n .ps-benefit-num {\n font-size: 24px;\n min-width: 40px;\n }\n \n .ps-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ps-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ps-badges-top {\n gap: 8px;\n }\n \n .ps-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n \n .ps-hero-details {\n flex-direction: column;\n align-items: center;\n }\n \n .ps-method-box {\n flex-direction: column;\n text-align: center;\n }\n \n .ps-ingredient {\n flex-direction: column;\n text-align: center;\n }\n \n .ps-scenarios .ps-grid {\n grid-template-columns: 1fr;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ps-premium * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56474975568249,"sku":"NBAIDSH0078","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fleur_de_Bach_dame_saint_hilaire_1.jpg?v=1767970907"},{"product_id":"fleur-de-bach-chene-n-22-20ml-saint-hilaire","title":"Fleur de Bach Oak (Chêne) n°22 bio - 20 ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Chêne n°22 - Saint-Hilaire\nPalette détectée:\n - Primaire: #5D4E37 (brun chêne\/terre du packaging et de l'ambiance)\n - Secondaire: #4A7C59 (vert forêt des feuilles de chêne)\n - Accent: #8B4513 (ambre\/cognac du flacon en verre)\n - Background: #F5F0E8 (crème\/écru de l'étiquette)\nAmbiance: Naturel, authentique, ancré dans la terre, artisanal français, botanique, bien-être holistique\nPréfixe CSS: oak\n--\u003e\n\u003cdiv class=\"oak-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"oak-hero\"\u003e\n\u003cdiv class=\"oak-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"oak-hero-content\"\u003e\n\u003cdiv class=\"oak-badges-top\"\u003e\n\u003cspan class=\"oak-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e \u003cspan class=\"oak-badge\"\u003e🇫🇷 Made in Auvergne\u003c\/span\u003e \u003cspan class=\"oak-badge\"\u003e🌳 N°22 Chêne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"oak-hero-title\"\u003eFleur de Bach Chêne\u003c\/span\u003e\n\u003cp class=\"oak-subtitle\"\u003eL'élixir des battants qui s'épuisent\u003c\/p\u003e\n\u003cp class=\"oak-description\"\u003eRetrouvez l'équilibre entre votre force naturelle et le respect de vos limites. Élaborée selon la méthode originale du Dr Bach par la Distillerie Saint-Hilaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e🎯 Cette fleur est faite pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid\"\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e💼 Vous travaillez sans relâche\u003c\/h3\u003e\n\u003cp\u003eVous refusez les congés maladie, même épuisé(e), et considérez la fatigue comme une faiblesse à combattre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🏋️ Vous portez tout le monde\u003c\/h3\u003e\n\u003cp\u003eLes problèmes des autres sont sur vos épaules, mais vous ne demandez jamais d'aide à personne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e😓 Vous culpabilisez au repos\u003c\/h3\u003e\n\u003cp\u003eVous ne pouvez pas vous arrêter sans vous sentir coupable ou inutile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e⚠️ Vous ignorez les signaux\u003c\/h3\u003e\n\u003cp\u003eVotre corps vous supplie de faire une pause, mais vous continuez jusqu'à l'épuisement total.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🔒 Vous ne déléguez jamais\u003c\/h3\u003e\n\u003cp\u003eVous pensez être indispensable et que personne ne peut faire aussi bien que vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌪️ Vous foncez malgré tout\u003c\/h3\u003e\n\u003cp\u003eComme le chêne face à la tempête, vous tenez bon... mais à quel prix ?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits de l'élixir Chêne\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid\"\u003e\n\u003cdiv class=\"oak-card oak-card-highlight\"\u003e\n\u003ch3\u003e👂 Reconnaissance de vos limites\u003c\/h3\u003e\n\u003cp\u003eDéveloppe votre capacité à écouter les signaux de votre corps avant le surmenage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card oak-card-highlight\"\u003e\n\u003ch3\u003e🧘 Permission de lâcher prise\u003c\/h3\u003e\n\u003cp\u003eVous autorise enfin à vous reposer sans culpabilité ni sentiment d'échec.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card oak-card-highlight\"\u003e\n\u003ch3\u003e⚖️ Force intérieure équilibrée\u003c\/h3\u003e\n\u003cp\u003ePréserve votre détermination tout en vous enseignant à doser vos efforts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card oak-card-highlight\"\u003e\n\u003ch3\u003e🤝 Capacité à demander de l'aide\u003c\/h3\u003e\n\u003cp\u003eVous fait comprendre que partager le fardeau n'est pas une faiblesse, mais une sagesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SYMBOLIQUE DU CHÊNE --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003cdiv class=\"oak-story-box\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🌳 Le message du Chêne\u003c\/h3\u003e\n\u003cp\u003eLe \u003cem\u003eQuercus robur\u003c\/em\u003e, ou Chêne pédonculé, est l'arbre de la force et de l'endurance par excellence. Capable de vivre plusieurs siècles et de résister aux pires tempêtes, il symbolise la persévérance.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMais même cet arbre majestueux sait perdre ses feuilles en automne pour se régénérer.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eC'est exactement le message que cette fleur de Bach souhaite vous transmettre : la vraie puissance réside aussi dans la capacité à se reposer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SITUATIONS D'UTILISATION --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e🌿 Situations où Le Chêne peut vous aider\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid\"\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e👨👩👧 Épuisement parental\u003c\/h3\u003e\n\u003cp\u003eQuand vous donnez sans compter et oubliez de prendre soin de vous-même.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🔥 Burn-out professionnel\u003c\/h3\u003e\n\u003cp\u003ePour accompagner la prise de conscience et soutenir la reconstruction.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e💝 Aidants familiaux\u003c\/h3\u003e\n\u003cp\u003eLorsque vous vous occupez d'un proche sans jamais vous accorder de pause.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🏃 Récupération sportive\u003c\/h3\u003e\n\u003cp\u003eSi vous avez du mal à respecter les temps de repos nécessaires à votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e📚 Périodes d'examens\u003c\/h3\u003e\n\u003cp\u003ePour maintenir un rythme d'étude soutenable sans vous épuiser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌸 Transition de vie\u003c\/h3\u003e\n\u003cp\u003eMénopause, changement de carrière... quand votre corps réclame plus de repos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e💧 Comment utiliser votre élixir\u003c\/h2\u003e\n\u003cdiv class=\"oak-steps\"\u003e\n\u003cdiv class=\"oak-step\"\u003e\n\u003cdiv class=\"oak-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"oak-step-content\"\u003e\n\u003ch4\u003eDosage standard\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e4 gouttes, 4 fois par jour\u003c\/strong\u003e — directement sous la langue ou diluées dans un verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-step\"\u003e\n\u003cdiv class=\"oak-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"oak-step-content\"\u003e\n\u003ch4\u003eEn moment de crise\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e4 gouttes toutes les heures\u003c\/strong\u003e jusqu'à apaisement, puis reprendre le dosage normal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-step\"\u003e\n\u003cdiv class=\"oak-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"oak-step-content\"\u003e\n\u003ch4\u003eDurée de cure\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e3 à 6 semaines minimum\u003c\/strong\u003e pour un travail de fond. Le flacon de 20 ml permet 4 à 6 semaines d'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e🧪 Composition pure et biologique\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid-compact\"\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🍇 Brandy bio\u003c\/h3\u003e\n\u003cp\u003eEau-de-vie de raisin 40% vol, conservateur naturel selon la méthode traditionnelle du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌳 Extrait de Chêne bio\u003c\/h3\u003e\n\u003cp\u003eQuercus robur, dilution 1\/250ème, préparé par solarisation au cœur de l'Auvergne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-method-box\"\u003e\n\u003cp\u003e🌞 \u003cstrong\u003eMéthode de solarisation :\u003c\/strong\u003e Les fleurs sont délicatement cueillies au printemps, puis placées dans un bol d'eau de source exposé au soleil pendant plusieurs heures. Cette méthode douce capture l'essence vibratoire de la fleur sans altérer ses propriétés subtiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ASSOCIATIONS --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e🔗 Associations recommandées\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid\"\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌳 + 🫒 Chêne + Olivier\u003c\/h3\u003e\n\u003cp\u003ePour l'épuisement physique et mental total déjà installé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌳 + 🌲 Chêne + Orme\u003c\/h3\u003e\n\u003cp\u003eQuand le sentiment d'être submergé s'ajoute au surmenage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌳 + 🌸 Chêne + Centaurée\u003c\/h3\u003e\n\u003cp\u003eSi vous ne savez pas dire non et avez besoin de poser des limites.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌳 + 🌿 Chêne + Charme\u003c\/h3\u003e\n\u003cp\u003eContre la lassitude matinale et le manque de motivation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"oak-tip\"\u003e💡 Vous pouvez associer jusqu'à 6 ou 7 fleurs de Bach simultanément selon vos besoins émotionnels.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid-compact\"\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e📦 20 ml\u003c\/h3\u003e\n\u003cp\u003eFlacon compte-gouttes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e⏱️ 4-6 semaines\u003c\/h3\u003e\n\u003cp\u003eDurée d'utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌞 Solarisation\u003c\/h3\u003e\n\u003cp\u003eMéthode originale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🇫🇷 Auvergne\u003c\/h3\u003e\n\u003cp\u003eFabrication française\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ ACCORDÉON --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"oak-accordion\"\u003e\n\u003cdetails class=\"oak-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e🌳 Quelle différence entre Chêne et Olive ?\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eOlivier\u003c\/strong\u003e s'adresse à l'épuisement total déjà installé : vous êtes vidé(e), incapable de continuer. \u003cstrong\u003eChêne\u003c\/strong\u003e convient à ceux qui pourraient encore continuer mais ne devraient pas, qui ignorent les signaux d'alerte. Les deux peuvent être associées en cas de surmenage sévère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"oak-accordion-item\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e🍷 Cette fleur contient-elle de l'alcool ?\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003eOui, comme toutes les fleurs de Bach authentiques. Le brandy bio (40% vol) sert de conservateur naturel. La quantité par prise (4 gouttes) reste infime. Pour éviter l'alcool, diluez dans une boisson chaude (jamais bouillante).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"oak-accordion-item\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e🤰 Peut-on l'utiliser enceinte ou allaitante ?\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003eLa présence d'alcool invite à la prudence. Demandez conseil à votre médecin ou sage-femme avant utilisation pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"oak-accordion-item\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e⚖️ Aide-t-elle à la perte de poids ?\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003eLes fleurs de Bach agissent sur l'équilibre émotionnel, pas directement sur le métabolisme. Cependant, en réduisant le stress et l'épuisement qui peuvent conduire au grignotage compulsif, elles peuvent indirectement soutenir une démarche de bien-être global.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"oak-accordion-item\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e🌸 Comment l'utiliser pendant la ménopause ?\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003eDurant cette période de transition, votre corps réclame davantage de repos. La fleur de Bach Chêne vous aide à écouter ces nouveaux besoins sans frustration. Vous pouvez l'associer avec Walnut (adaptation au changement) ou Scleranthus (équilibre émotionnel).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS ACCORDÉON --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"oak-accordion\"\u003e\n\u003cdetails class=\"oak-accordion-item\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003eCe complément alimentaire ne peut se substituer à une alimentation variée et équilibrée ni à un mode de vie sain. \u003cstrong\u003eContient de l'alcool\u003c\/strong\u003e (brandy 40% vol) : déconseillé aux personnes en sevrage alcoolique. Ne remplace en aucun cas un traitement médical ou un suivi psychologique. En cas de burn-out sévère ou de dépression, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"oak-accordion-item\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e🏭 La Distillerie Saint-Hilaire\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003eImplantée au cœur des volcans d'Auvergne, la Distillerie Saint-Hilaire perpétue l'art des élixirs floraux dans le respect de la tradition du Docteur Bach. Chaque fleur est cueillie à la main au moment optimal de floraison, garantissant une qualité exceptionnelle. La certification biologique assure l'absence totale de pesticides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"oak-accordion-item\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content\"\u003e\n\u003cp\u003eTenir hors de portée des jeunes enfants. Conserver à l'abri de la lumière et de la chaleur. Le brandy bio assure une conservation naturelle optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"oak-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"oak-cta-box\"\u003e\n\u003cp\u003e🌳 \u003cstrong\u003eComme le chêne centenaire, apprenez à conjuguer force et sagesse.\u003c\/strong\u003e\u003cbr\u003eAccordez-vous enfin le droit de vous reposer... sans culpabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --oak-cream: #F5F0E8;\n --oak-white: #ffffff;\n --oak-primary: #5D4E37;\n --oak-primary-dark: #3D3225;\n --oak-primary-light: #E8E0D5;\n --oak-secondary: #4A7C59;\n --oak-accent: #8B4513;\n --oak-text: #1a1a1a;\n --oak-text-light: #5a5a5a;\n --oak-border: #e0d5c8;\n --oak-shadow: 0 4px 24px rgba(93,78,55,.08);\n --oak-shadow-lg: 0 12px 48px rgba(93,78,55,.15);\n --oak-radius: 20px;\n --oak-radius-sm: 12px;\n}\n\n.oak-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--oak-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.oak-hero {\n position: relative;\n background: linear-gradient(135deg, var(--oak-primary) 0%, var(--oak-secondary) 50%, var(--oak-primary-dark) 100%);\n border-radius: var(--oak-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--oak-shadow-lg);\n}\n\n.oak-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2.5 0-4.5 2-4.5 4.5S27.5 14 30 14s4.5-2 4.5-4.5S32.5 5 30 5zm0 50c2.5 0 4.5-2 4.5-4.5S32.5 46 30 46s-4.5 2-4.5 4.5S27.5 55 30 55zM5 30c0 2.5 2 4.5 4.5 4.5S14 32.5 14 30s-2-4.5-4.5-4.5S5 27.5 5 30zm50 0c0-2.5-2-4.5-4.5-4.5S46 27.5 46 30s2 4.5 4.5 4.5S55 32.5 55 30z' fill='%23ffffff' fill-opacity='1'\/%3E%3C\/svg%3E\");\n opacity: .03;\n}\n\n.oak-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.oak-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.oak-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--oak-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.oak-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.oak-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.oak-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.oak-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.oak-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.oak-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--oak-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.oak-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--oak-primary), var(--oak-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.oak-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.oak-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.oak-card {\n background: var(--oak-white);\n border-radius: var(--oak-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--oak-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.oak-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--oak-shadow-lg);\n border-color: var(--oak-primary);\n}\n\n.oak-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--oak-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.oak-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--oak-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.oak-card-highlight {\n background: linear-gradient(135deg, var(--oak-white) 0%, var(--oak-primary-light) 100%);\n border: 2px solid var(--oak-primary-light);\n}\n\n.oak-card-highlight:hover {\n border-color: var(--oak-secondary);\n}\n\n.oak-grid-compact .oak-card {\n padding: 1rem;\n}\n\n.oak-grid-compact .oak-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.oak-grid-compact .oak-card p {\n font-size: 12px;\n}\n\n\/* === STORY BOX === *\/\n.oak-story-box {\n background: linear-gradient(135deg, var(--oak-primary-light) 0%, var(--oak-white) 100%);\n border-radius: var(--oak-radius);\n padding: clamp(2rem, 5vw, 3rem);\n text-align: center;\n border: 2px solid var(--oak-border);\n}\n\n.oak-story-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.oak-story-box h3 {\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 800;\n color: var(--oak-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.oak-story-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--oak-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.oak-story-box p:last-child {\n margin-bottom: 0;\n}\n\n.oak-story-box p strong {\n color: var(--oak-primary-dark);\n}\n\n\/* === STEPS === *\/\n.oak-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.oak-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--oak-white);\n border-radius: var(--oak-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--oak-shadow);\n transition: all .3s ease;\n}\n\n.oak-step:hover {\n transform: translateX(8px);\n box-shadow: var(--oak-shadow-lg);\n}\n\n.oak-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--oak-primary) 0%, var(--oak-secondary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n}\n\n.oak-step-content h4 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--oak-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.oak-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--oak-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === METHOD BOX === *\/\n.oak-method-box {\n background: var(--oak-white);\n border-radius: var(--oak-radius-sm);\n padding: 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--oak-secondary);\n}\n\n.oak-method-box p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--oak-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIP === *\/\n.oak-tip {\n text-align: center;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--oak-text-light);\n margin-top: 1.25rem;\n padding: 1rem;\n background: var(--oak-primary-light);\n border-radius: var(--oak-radius-sm);\n}\n\n\/* === ACCORDÉON === *\/\n.oak-accordion {\n background: var(--oak-white);\n border-radius: var(--oak-radius);\n box-shadow: var(--oak-shadow);\n overflow: hidden;\n}\n\n.oak-accordion-item {\n border-bottom: 1px solid var(--oak-border);\n margin: 0;\n padding: 0;\n}\n\n.oak-accordion-item:last-child {\n border-bottom: none;\n}\n\n.oak-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--oak-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.oak-accordion-header:hover {\n background: var(--oak-primary-light);\n}\n\n.oak-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.oak-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--oak-primary);\n transition: transform .2s ease;\n}\n\n.oak-accordion-item[open] .oak-accordion-header::after {\n content: '−';\n}\n\n.oak-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--oak-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.oak-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.oak-cta-box {\n background: linear-gradient(135deg, var(--oak-primary) 0%, var(--oak-secondary) 50%, var(--oak-primary-dark) 100%);\n border-radius: var(--oak-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.oak-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M20 5c-1.5 0-3 1.5-3 3s1.5 3 3 3 3-1.5 3-3-1.5-3-3-3z' fill='%23ffffff' fill-opacity='.05'\/%3E%3C\/svg%3E\");\n}\n\n.oak-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .oak-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .oak-card {\n padding: 1.125rem;\n }\n \n .oak-section {\n margin-bottom: 1.75rem;\n }\n \n .oak-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--oak-radius-sm);\n }\n \n .oak-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .oak-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .oak-grid-compact {\n gap: .625rem;\n }\n \n .oak-grid-compact .oak-card {\n padding: .75rem;\n }\n \n .oak-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: .75rem;\n padding: 1.25rem 1rem;\n }\n \n .oak-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .oak-story-box {\n padding: 1.5rem 1.25rem;\n }\n \n .oak-story-icon {\n font-size: 36px;\n }\n \n .oak-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .oak-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .oak-badges-top {\n gap: 6px;\n }\n \n .oak-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .oak-card {\n animation: oakFadeInUp .5s ease backwards;\n }\n .oak-card:nth-child(1) { animation-delay: .05s; }\n .oak-card:nth-child(2) { animation-delay: .1s; }\n .oak-card:nth-child(3) { animation-delay: .15s; }\n .oak-card:nth-child(4) { animation-delay: .2s; }\n .oak-card:nth-child(5) { animation-delay: .25s; }\n .oak-card:nth-child(6) { animation-delay: .3s; }\n \n .oak-step {\n animation: oakFadeInUp .5s ease backwards;\n }\n .oak-step:nth-child(1) { animation-delay: .1s; }\n .oak-step:nth-child(2) { animation-delay: .2s; }\n .oak-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes oakFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .oak-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56474986316153,"sku":"NBAIDSH0075","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fleur_de_Bach_dame_saint_hilaire_2.jpg?v=1767970995"},{"product_id":"fleur-de-bach-meleze-n-19-bio-20ml-saint-hilaire","title":"Fleur de Bach Larch (Mélèze) n°19 bio - 20 ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Mélèze n°19 bio - 20ml - Saint-Hilaire\nPalette détectée:\n - Primaire: #8B2D10 (brun-rouge du flacon ambré)\n - Secondaire: #C4A035 (doré\/ocre des accents texte)\n - Accent: #2D4A2D (vert forêt évoquant le mélèze)\nAmbiance: Naturel, artisanal, authentique, bien-être, pharmacopée traditionnelle\nPréfixe CSS: larch\n--\u003e\n\n\u003cdiv class=\"larch-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"larch-hero\"\u003e\n \u003cdiv class=\"larch-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"larch-hero-content\"\u003e\n \u003cdiv class=\"larch-badges-top\"\u003e\n \u003cspan class=\"larch-badge\"\u003e🌲 Fleur de Bach n°19\u003c\/span\u003e\n \u003cspan class=\"larch-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"larch-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"larch-hero-title\"\u003eFleur de Bach Mélèze - Larch n°19\u003c\/span\u003e\n \u003cp class=\"larch-subtitle\"\u003eRéveillez la confiance en vous qui sommeille\u003c\/p\u003e\n \u003cp class=\"larch-description\"\u003eLa fleur de Bach Mélèze de la Distillerie Saint-Hilaire accompagne ceux qui doutent de leurs capacités. Osez enfin vous lancer, croire en votre potentiel et saisir les opportunités qui s'offrent à vous.\u003c\/p\u003e\n \u003cdiv class=\"larch-hero-details\"\u003e\n \u003cspan class=\"larch-hero-tag\"\u003e🌲 Larix decidua\u003c\/span\u003e\n \u003cspan class=\"larch-hero-tag\"\u003e💧 20 ml\u003c\/span\u003e\n \u003cspan class=\"larch-hero-tag\"\u003e💦 Méthode ébullition\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- INTRODUCTION --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003cdiv class=\"larch-intro-box\"\u003e\n \u003cp\u003eVous avez tendance à vous sous-estimer avant même d'avoir essayé ? Vous laissez passer des opportunités par peur de ne pas être à la hauteur ? Ce sentiment d'\u003cstrong\u003einfériorité\u003c\/strong\u003e qui vous freine n'est pas une fatalité. La \u003cstrong\u003efleur de Bach Mélèze\u003c\/strong\u003e, connue internationalement sous le nom de Larch (n°19), est l'alliée précieuse de tous ceux qui manquent de \u003cstrong\u003econfiance en eux\u003c\/strong\u003e. Préparée selon la méthode originale du Docteur Bach, elle vous aide à reconnaître votre valeur et à oser entreprendre ce que vous n'osiez pas jusqu'à présent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- LE MÉLÈZE : UN ARBRE PARTICULIER --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e🌲 Le mélèze : un conifère pas comme les autres\u003c\/h2\u003e\n \u003cdiv class=\"larch-grid\"\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e🔬 Portrait botanique\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003eLarix decidua\u003c\/strong\u003e, ou Mélèze d'Europe, est le seul conifère qui perd ses aiguilles en automne. Cet arbre majestueux des montagnes peut vivre plus de \u003cstrong\u003e500 ans\u003c\/strong\u003e et atteindre 40 mètres de hauteur. Ses petites fleurs rouges apparaissent au printemps, avant même le retour complet de ses aiguilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e💭 La signature de la plante\u003c\/h3\u003e\n \u003cp\u003eLe Docteur Bach voyait dans le Mélèze un symbole puissant : cet arbre qui se dépouille chaque hiver pour renaître au printemps illustre la \u003cstrong\u003ecapacité de transformation\u003c\/strong\u003e. Il nous enseigne que perdre temporairement confiance ne signifie pas qu'elle ne reviendra pas, plus forte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RECONNAÎTRE LE PROFIL MÉLÈZE --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e🎯 Vous reconnaissez-vous dans ce portrait ?\u003c\/h2\u003e\n \u003cdiv class=\"larch-grid\"\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e🚫 Vous n'essayez même pas\u003c\/h3\u003e\n \u003cp\u003eAvant même de tenter quelque chose de nouveau, vous êtes convaincu que vous allez échouer. Alors vous préférez ne pas essayer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e👥 Vous admirez les autres\u003c\/h3\u003e\n \u003cp\u003eVous trouvez les autres plus compétents, plus talentueux, plus capables que vous. Eux peuvent y arriver, pas vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e🗣️ Vous dites souvent...\u003c\/h3\u003e\n \u003cp\u003e« Je ne suis pas capable », « Je n'y arriverai jamais », « C'est trop difficile pour moi », « Les autres sont meilleurs ».\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e🎭 Vous vous effacez\u003c\/h3\u003e\n \u003cp\u003eEn réunion, en société, vous restez en retrait. Vous avez des idées mais n'osez pas les partager par peur du jugement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SITUATIONS CONCRÈTES --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e📋 Dans quelles situations le mélèze peut vous aider ?\u003c\/h2\u003e\n \u003cdiv class=\"larch-situations-grid\"\u003e\n \u003cdiv class=\"larch-situation-col\"\u003e\n \u003ch3\u003e💼 Vie professionnelle\u003c\/h3\u003e\n \u003cul class=\"larch-list\"\u003e\n \u003cli\u003e📝 Passer un entretien d'embauche\u003c\/li\u003e\n \u003cli\u003e📊 Présenter un projet devant un groupe\u003c\/li\u003e\n \u003cli\u003e🚀 Demander une promotion ou une augmentation\u003c\/li\u003e\n \u003cli\u003e💡 Proposer vos idées en réunion\u003c\/li\u003e\n \u003cli\u003e🎯 Postuler à un poste qui vous fait envie\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-situation-col\"\u003e\n \u003ch3\u003e📚 Apprentissage et examens\u003c\/h3\u003e\n \u003cul class=\"larch-list\"\u003e\n \u003cli\u003e🎓 Préparer un examen ou un concours\u003c\/li\u003e\n \u003cli\u003e🚗 Passer le permis de conduire\u003c\/li\u003e\n \u003cli\u003e🎹 Apprendre un instrument de musique\u003c\/li\u003e\n \u003cli\u003e🗣️ Prendre la parole en public\u003c\/li\u003e\n \u003cli\u003e🌍 Oser parler une langue étrangère\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-situation-col\"\u003e\n \u003ch3\u003e❤️ Vie personnelle\u003c\/h3\u003e\n \u003cul class=\"larch-list\"\u003e\n \u003cli\u003e💕 Aborder quelqu'un qui vous plaît\u003c\/li\u003e\n \u003cli\u003e🎨 Vous lancer dans une activité créative\u003c\/li\u003e\n \u003cli\u003e⚽ Reprendre le sport sans complexe\u003c\/li\u003e\n \u003cli\u003e🎉 Participer activement à des événements sociaux\u003c\/li\u003e\n \u003cli\u003e✋ Oser dire non et poser vos limites\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-note\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003ePoint important :\u003c\/strong\u003e Le manque de confiance lié au Mélèze n'est pas de la timidité sociale (plutôt Mimulus) ni de la dévalorisation après un échec (Gentiane). C'est une \u003cstrong\u003ecertitude anticipée d'échec\u003c\/strong\u003e qui empêche même de tenter sa chance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de la fleur de Bach mélèze\u003c\/h2\u003e\n \u003cdiv class=\"larch-benefits\"\u003e\n \u003cdiv class=\"larch-benefit\"\u003e\n \u003cspan class=\"larch-benefit-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"larch-benefit-content\"\u003e\n \u003ch3\u003eRestaure la confiance en vos capacités\u003c\/h3\u003e\n \u003cp\u003eVous prenez conscience que vous avez autant de chances de réussir que n'importe qui d'autre. Vos compétences existent, il suffit d'y croire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-benefit\"\u003e\n \u003cspan class=\"larch-benefit-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"larch-benefit-content\"\u003e\n \u003ch3\u003eLibère l'audace d'essayer\u003c\/h3\u003e\n \u003cp\u003eVous osez enfin vous lancer dans de nouveaux projets. L'échec n'est plus une fatalité mais une possibilité d'apprentissage comme une autre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-benefit\"\u003e\n \u003cspan class=\"larch-benefit-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"larch-benefit-content\"\u003e\n \u003ch3\u003eTransforme le regard sur vous-même\u003c\/h3\u003e\n \u003cp\u003eVous cessez de vous comparer défavorablement aux autres. Vous reconnaissez vos qualités, vos talents et votre valeur unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-benefit\"\u003e\n \u003cspan class=\"larch-benefit-num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"larch-benefit-content\"\u003e\n \u003ch3\u003ePermet de saisir les opportunités\u003c\/h3\u003e\n \u003cp\u003eLes occasions que vous laissiez passer deviennent des portes que vous osez pousser. Votre vie s'ouvre à de nouvelles possibilités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- AVANT \/ APRÈS --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e🔄 La transformation intérieure\u003c\/h2\u003e\n \u003cdiv class=\"larch-grid\"\u003e\n \u003cdiv class=\"larch-card larch-card-before\"\u003e\n \u003ch3\u003e❌ Avant : l'état négatif\u003c\/h3\u003e\n \u003cul class=\"larch-list\"\u003e\n \u003cli\u003e« Je suis sûr de ne pas y arriver »\u003c\/li\u003e\n \u003cli\u003e« Les autres sont plus doués que moi »\u003c\/li\u003e\n \u003cli\u003e« Ce n'est même pas la peine d'essayer »\u003c\/li\u003e\n \u003cli\u003e« Je ne suis pas fait pour ça »\u003c\/li\u003e\n \u003cli\u003e« Je vais me ridiculiser »\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card larch-card-after\"\u003e\n \u003ch3\u003e✅ Après : l'état positif\u003c\/h3\u003e\n \u003cul class=\"larch-list\"\u003e\n \u003cli\u003e« Je tente ma chance, on verra bien »\u003c\/li\u003e\n \u003cli\u003e« J'ai mes propres qualités à faire valoir »\u003c\/li\u003e\n \u003cli\u003e« Si je n'essaie pas, je ne saurai jamais »\u003c\/li\u003e\n \u003cli\u003e« J'apprends de mes erreurs comme tout le monde »\u003c\/li\u003e\n \u003cli\u003e« Je mérite autant que les autres de réussir »\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e🌿 Composition certifiée biologique\u003c\/h2\u003e\n \u003cdiv class=\"larch-composition\"\u003e\n \u003cdiv class=\"larch-ingredient\"\u003e\n \u003cdiv class=\"larch-ingredient-info\"\u003e\n \u003ch3\u003e🍷 Brandy bio\u003c\/h3\u003e\n \u003cspan class=\"larch-tag\"\u003e40% vol\u003c\/span\u003e\n \u003cp\u003eAlcool de raisin biologique servant de conservateur naturel, comme le préconisait le Docteur Bach dans ses préparations originales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-ingredient\"\u003e\n \u003cdiv class=\"larch-ingredient-info\"\u003e\n \u003ch3\u003e🌲 Larix decidua bio\u003c\/h3\u003e\n \u003cspan class=\"larch-tag\"\u003eDilution 1\/250ème\u003c\/span\u003e\n \u003cp\u003eExtrait aqueux de fleurs de Mélèze préparé selon la méthode traditionnelle définie par le Docteur Edward Bach.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-method-box\"\u003e\n \u003ch4\u003e💦 La méthode d'ébullition\u003c\/h4\u003e\n \u003cp\u003eLe Mélèze fait partie des fleurs préparées par \u003cstrong\u003eébullition\u003c\/strong\u003e. Les rameaux portant les fleurs sont cueillis au printemps puis bouillis pendant 30 minutes dans de l'eau de source pure. Cette méthode, définie par le Docteur Bach pour les arbres et arbustes à floraison précoce, permet d'extraire l'essence vibratoire de la plante avec toute sa puissance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e💧 Comment prendre la fleur de Bach mélèze ?\u003c\/h2\u003e\n \u003cdiv class=\"larch-usage\"\u003e\n \u003cdiv class=\"larch-dosage\"\u003e\n \u003cspan class=\"larch-dosage-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"larch-dosage-text\"\u003e\n \u003cspan class=\"larch-dosage-label\"\u003egouttes\u003c\/span\u003e\n \u003cspan class=\"larch-dosage-freq\"\u003e4 fois par jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-usage-steps\"\u003e\n \u003cdiv class=\"larch-step\"\u003e\n \u003cspan class=\"larch-step-icon\"\u003e👅\u003c\/span\u003e\n \u003cp\u003eDirectement sous la langue pour une absorption rapide et optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-step\"\u003e\n \u003cspan class=\"larch-step-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003eOu diluées dans un verre d'eau à boire par petites gorgées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-step\"\u003e\n \u003cspan class=\"larch-step-icon\"\u003e⏰\u003c\/span\u003e\n \u003cp\u003eIdéalement au réveil, à midi, en fin d'après-midi et au coucher\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-scenarios\"\u003e\n \u003ch3\u003e📌 Conseils d'utilisation selon vos besoins\u003c\/h3\u003e\n \u003cdiv class=\"larch-grid\"\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e📅 Événement ponctuel\u003c\/h3\u003e\n \u003cp\u003eEntretien, examen, présentation : commencez \u003cstrong\u003equelques jours avant\u003c\/strong\u003e. Le jour J, prenez 4 gouttes supplémentaires juste avant l'épreuve.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e🔄 Manque de confiance chronique\u003c\/h3\u003e\n \u003cp\u003ePour un travail de fond sur l'estime de soi, suivez une \u003cstrong\u003ecure de 3 semaines minimum\u003c\/strong\u003e, renouvelable selon votre ressenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e🎯 Période de transition\u003c\/h3\u003e\n \u003cp\u003eNouveau travail, reconversion, reprise d'activité : accompagnez-vous \u003cstrong\u003ependant toute la phase d'adaptation\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- DIFFÉRENCES AVEC D'AUTRES FLEURS --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e🤔 Mélèze, Mimulus ou Gentiane : quelle fleur choisir ?\u003c\/h2\u003e\n \u003cp class=\"larch-intro-text\"\u003ePlusieurs fleurs de Bach semblent liées à la confiance. Voici comment les distinguer :\u003c\/p\u003e\n \u003cdiv class=\"larch-comparison-grid\"\u003e\n \u003cdiv class=\"larch-comparison-card larch-comparison-star\"\u003e\n \u003ch4\u003e🌲 Mélèze (n°19)\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003e\u003cstrong\u003eManque de confiance en soi\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003eCertitude d'échec avant même d'essayer\u003c\/li\u003e\n \u003cli\u003eSe sent inférieur aux autres\u003c\/li\u003e\n \u003cli\u003eN'ose pas se lancer\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-comparison-card larch-comparison-pink\"\u003e\n \u003ch4\u003e🌸 Mimulus (n°20)\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003e\u003cstrong\u003ePeurs identifiées\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003eTimidité face aux autres\u003c\/li\u003e\n \u003cli\u003eCraintes précises (animaux, maladie...)\u003c\/li\u003e\n \u003cli\u003eAppréhension des situations sociales\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-comparison-card larch-comparison-green\"\u003e\n \u003ch4\u003e🌼 Gentiane (n°12)\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003e\u003cstrong\u003eDécouragement après échec\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003eDoute suite à un obstacle\u003c\/li\u003e\n \u003cli\u003ePessimisme face aux difficultés\u003c\/li\u003e\n \u003cli\u003ePerd confiance après un revers\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ASSOCIATIONS RECOMMANDÉES --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e💫 Associations pour renforcer les bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"larch-grid\"\u003e\n \u003cdiv class=\"larch-card larch-card-highlight\"\u003e\n \u003ch3\u003e🌲 Mélèze + Mimulus\u003c\/h3\u003e\n \u003cp\u003eSi votre manque de confiance s'accompagne de \u003cstrong\u003etimidité sociale\u003c\/strong\u003e ou de peurs face aux autres. L'association idéale pour les personnes réservées qui doutent d'elles-mêmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card larch-card-highlight\"\u003e\n \u003ch3\u003e🌲 Mélèze + Centaurée\u003c\/h3\u003e\n \u003cp\u003eSi vous n'osez pas vous affirmer et avez tendance à \u003cstrong\u003evous effacer devant les autres\u003c\/strong\u003e. Pour retrouver confiance et apprendre à poser vos limites.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card larch-card-highlight\"\u003e\n \u003ch3\u003e🌲 Mélèze + Noyer\u003c\/h3\u003e\n \u003cp\u003eEn période de \u003cstrong\u003echangement de vie\u003c\/strong\u003e où vous doutez de votre capacité à vous adapter. Pour traverser les transitions avec assurance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-note\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eBon à savoir :\u003c\/strong\u003e Vous pouvez combiner jusqu'à 6 ou 7 fleurs de Bach différentes pour créer un mélange personnalisé adapté à votre situation unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- FAQ ACCORDÉON --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"larch-accordion\"\u003e\n \u003cdetails class=\"larch-accordion-item\"\u003e\n \u003csummary class=\"larch-accordion-header\"\u003e🏔️ Qui est la Distillerie Saint-Hilaire ?\u003c\/summary\u003e\n \u003cdiv class=\"larch-accordion-content\"\u003e\n \u003cp\u003eInstallée au cœur des \u003cstrong\u003evolcans d'Auvergne\u003c\/strong\u003e, la Distillerie Saint-Hilaire perpétue depuis des années la tradition des élixirs floraux. Chaque fleur est récoltée à la main au moment optimal de sa floraison, puis préparée selon la \u003cstrong\u003eméthode originale du Docteur Bach\u003c\/strong\u003e. La certification biologique et le savoir-faire artisanal garantissent des produits d'une qualité exceptionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"larch-accordion-item\"\u003e\n \u003csummary class=\"larch-accordion-header\"\u003e⏳ Au bout de combien de temps vais-je ressentir les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"larch-accordion-content\"\u003e\n \u003cp\u003eChaque personne réagit différemment. Certains ressentent un \u003cstrong\u003eregain de confiance dès les premiers jours\u003c\/strong\u003e, d'autres après 2 à 3 semaines d'utilisation régulière. Pour un manque de confiance ancré depuis longtemps, comptez plusieurs semaines de prise quotidienne pour observer des changements durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"larch-accordion-item\"\u003e\n \u003csummary class=\"larch-accordion-header\"\u003e👶 Convient-elle aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"larch-accordion-content\"\u003e\n \u003cp\u003eLe Mélèze est particulièrement indiqué pour les \u003cstrong\u003eenfants qui se dévalorisent\u003c\/strong\u003e, qui n'osent pas participer en classe ou qui disent « je suis nul ». Chez les plus petits, diluez les gouttes dans un verre d'eau ou de jus de fruit pour éviter le goût de l'alcool. Demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"larch-accordion-item\"\u003e\n \u003csummary class=\"larch-accordion-header\"\u003e🤰 Puis-je l'utiliser enceinte ou allaitante ?\u003c\/summary\u003e\n \u003cdiv class=\"larch-accordion-content\"\u003e\n \u003cp\u003eLes fleurs de Bach contiennent de l'alcool (40% vol). Si vous êtes enceinte ou allaitante, \u003cstrong\u003edemandez l'avis de votre médecin ou sage-femme\u003c\/strong\u003e avant utilisation. Certaines femmes diluent les gouttes dans une boisson chaude pour faire évaporer une partie de l'alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"larch-accordion-item\"\u003e\n \u003csummary class=\"larch-accordion-header\"\u003e💊 Y a-t-il des interactions avec des médicaments ?\u003c\/summary\u003e\n \u003cdiv class=\"larch-accordion-content\"\u003e\n \u003cp\u003eLes fleurs de Bach n'ont \u003cstrong\u003epas d'interactions connues\u003c\/strong\u003e avec les médicaments. Elles agissent sur le plan émotionnel et ne contiennent pas de principes actifs pharmacologiques. Toutefois, elles ne remplacent pas un traitement médical prescrit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"larch-accordion\"\u003e\n \u003cdetails class=\"larch-accordion-item\"\u003e\n \u003csummary class=\"larch-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"larch-accordion-content\"\u003e\n \u003cp\u003eConservez votre élixir à \u003cstrong\u003etempérature ambiante\u003c\/strong\u003e (15-25°C), à l'abri de la lumière directe du soleil et des sources de chaleur. Éloignez-le des appareils électriques et électromagnétiques. Bien refermé, le flacon se conserve plusieurs années grâce à sa teneur en alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"larch-accordion-item\"\u003e\n \u003csummary class=\"larch-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"larch-accordion-content\"\u003e\n \u003cul\u003e\n \u003cli\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eContient de l'alcool\u003c\/strong\u003e (40% vol) : déconseillé aux personnes en sevrage alcoolique\u003c\/li\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n \u003cli\u003eLes fleurs de Bach ne remplacent pas une consultation médicale ou psychologique si nécessaire\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"larch-section\"\u003e\n \u003cdiv class=\"larch-grid-compact\"\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003e20 ml avec compte-gouttes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e🔢 Classification\u003c\/h3\u003e\n \u003cp\u003eBach n°19 - Larch\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e⏱️ Durée moyenne\u003c\/h3\u003e\n \u003cp\u003e3 à 4 semaines d'utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"larch-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"larch-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"larch-cta-box\"\u003e\n \u003cspan class=\"larch-cta-icon\"\u003e🌲\u003c\/span\u003e\n \u003cp\u003eEt si vous osiez enfin \u003cstrong\u003ecroire en vous\u003c\/strong\u003e ?\u003cbr\u003eLe Mélèze vous accompagne pour révéler le potentiel que vous portez en vous.\u003c\/p\u003e\n \u003cspan class=\"larch-cta-tagline\"\u003eVous avez en vous toutes les ressources pour réussir – il est temps de vous en rendre compte\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --larch-cream: #FAF8F3;\n --larch-white: #ffffff;\n --larch-primary: #8B4513;\n --larch-primary-dark: #5D2E0C;\n --larch-primary-light: #F5EDE6;\n --larch-secondary: #C4A035;\n --larch-secondary-dark: #9A7D28;\n --larch-secondary-light: #FDF8E8;\n --larch-accent: #2D5A3D;\n --larch-accent-light: #E8F2EC;\n --larch-text: #1a1a1a;\n --larch-text-light: #5a5a5a;\n --larch-border: #e8e4dc;\n --larch-shadow: 0 4px 24px rgba(93,46,12,.08);\n --larch-shadow-lg: 0 12px 48px rgba(93,46,12,.15);\n --larch-radius: 20px;\n --larch-radius-sm: 12px;\n}\n\n.larch-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--larch-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.larch-premium * {\n box-sizing: border-box;\n}\n\n.larch-hero {\n position: relative;\n background: linear-gradient(135deg, var(--larch-accent) 0%, var(--larch-primary) 50%, var(--larch-secondary-dark) 100%);\n border-radius: var(--larch-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--larch-shadow-lg);\n}\n\n.larch-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n}\n\n.larch-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.larch-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.larch-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--larch-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.larch-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.larch-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 30px rgba(0,0,0,.25);\n}\n\n.larch-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.larch-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.larch-hero-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.larch-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: white;\n}\n\n.larch-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.larch-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--larch-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.larch-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--larch-accent), var(--larch-secondary));\n border-radius: 2px;\n}\n\n.larch-intro-box {\n background: var(--larch-white);\n border-radius: var(--larch-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--larch-shadow);\n border-left: 4px solid var(--larch-accent);\n}\n\n.larch-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin: 0;\n color: var(--larch-text);\n}\n\n.larch-intro-text {\n font-size: 16px;\n color: var(--larch-text);\n text-align: center;\n margin-bottom: 1.5rem;\n}\n\n.larch-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.larch-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.larch-card {\n background: var(--larch-white);\n border-radius: var(--larch-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--larch-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.larch-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--larch-shadow-lg);\n border-color: var(--larch-accent);\n}\n\n.larch-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--larch-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.larch-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--larch-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.larch-card-highlight {\n background: linear-gradient(135deg, var(--larch-white) 0%, var(--larch-accent-light) 100%);\n border: 2px solid var(--larch-accent);\n}\n\n.larch-card-before {\n background: linear-gradient(135deg, var(--larch-white) 0%, #ffe8e8 100%);\n border-left: 4px solid #c0392b;\n}\n\n.larch-card-after {\n background: linear-gradient(135deg, var(--larch-white) 0%, #e8f5e9 100%);\n border-left: 4px solid #27ae60;\n}\n\n.larch-card-before h3,\n.larch-card-after h3 {\n text-align: left;\n}\n\n.larch-card-before .larch-list,\n.larch-card-after .larch-list {\n text-align: left;\n}\n\n.larch-grid-compact .larch-card {\n padding: 1rem;\n}\n\n.larch-grid-compact .larch-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.larch-grid-compact .larch-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--larch-primary-dark);\n}\n\n.larch-situations-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.larch-situation-col {\n background: var(--larch-white);\n border-radius: var(--larch-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--larch-shadow);\n}\n\n.larch-situation-col h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--larch-primary-dark);\n margin: 0 0 1rem 0;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--larch-accent-light);\n}\n\n.larch-list {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.larch-list li {\n padding: .5rem 0;\n font-size: 14px;\n color: var(--larch-text);\n border-bottom: 1px solid var(--larch-border);\n}\n\n.larch-list li:last-child {\n border-bottom: none;\n}\n\n.larch-note {\n background: var(--larch-secondary-light);\n border-radius: var(--larch-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n border-left: 4px solid var(--larch-secondary);\n}\n\n.larch-note p {\n font-size: 14px;\n color: var(--larch-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.larch-benefits {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.larch-benefit {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--larch-white);\n border-radius: var(--larch-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--larch-shadow);\n border-left: 4px solid var(--larch-accent);\n transition: all .3s ease;\n}\n\n.larch-benefit:hover {\n transform: translateX(8px);\n box-shadow: var(--larch-shadow-lg);\n}\n\n.larch-benefit-num {\n font-size: 32px;\n font-weight: 900;\n color: var(--larch-accent);\n opacity: .7;\n line-height: 1;\n min-width: 50px;\n}\n\n.larch-benefit-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--larch-primary-dark);\n margin: 0 0 .5rem 0;\n text-align: left;\n}\n\n.larch-benefit-content p {\n font-size: 14px;\n color: var(--larch-text-light);\n margin: 0;\n line-height: 1.6;\n text-align: left;\n}\n\n.larch-composition {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.larch-ingredient {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--larch-white);\n border-radius: var(--larch-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--larch-shadow);\n transition: all .3s ease;\n}\n\n.larch-ingredient:hover {\n transform: translateY(-5px);\n box-shadow: var(--larch-shadow-lg);\n}\n\n.larch-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.larch-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--larch-primary-dark);\n margin: 0 0 .25rem 0;\n text-align: left;\n}\n\n.larch-tag {\n display: inline-block;\n background: var(--larch-accent-light);\n color: var(--larch-accent);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.larch-ingredient-info p {\n font-size: 14px;\n color: var(--larch-text-light);\n margin: 0;\n line-height: 1.5;\n text-align: left;\n}\n\n.larch-method-box {\n background: linear-gradient(135deg, var(--larch-accent-light) 0%, var(--larch-white) 100%);\n border-radius: var(--larch-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--larch-accent);\n}\n\n.larch-method-box h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--larch-accent);\n margin: 0 0 .75rem 0;\n}\n\n.larch-method-box p {\n font-size: 14px;\n color: var(--larch-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.larch-usage {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n margin-bottom: 1.5rem;\n align-items: center;\n}\n\n.larch-dosage {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--larch-accent) 0%, var(--larch-primary-dark) 100%);\n border-radius: var(--larch-radius);\n padding: 2rem 2.5rem;\n box-shadow: var(--larch-shadow-lg);\n}\n\n.larch-dosage-number {\n font-size: 72px;\n font-weight: 900;\n color: white;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.larch-dosage-text {\n display: flex;\n flex-direction: column;\n}\n\n.larch-dosage-label {\n font-size: 24px;\n font-weight: 700;\n color: white;\n line-height: 1.2;\n}\n\n.larch-dosage-freq {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n}\n\n.larch-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.larch-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--larch-white);\n border-radius: var(--larch-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--larch-shadow);\n transition: all .3s ease;\n}\n\n.larch-step:hover {\n transform: translateX(5px);\n}\n\n.larch-step-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.larch-step p {\n font-size: 14px;\n color: var(--larch-text);\n margin: 0;\n font-weight: 500;\n}\n\n.larch-scenarios {\n background: var(--larch-white);\n border-radius: var(--larch-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--larch-shadow);\n}\n\n.larch-scenarios \u003e h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--larch-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.larch-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.larch-comparison-card {\n padding: 1.5rem;\n border-radius: var(--larch-radius-sm);\n}\n\n.larch-comparison-star {\n background: var(--larch-accent-light);\n border: 2px solid var(--larch-accent);\n}\n\n.larch-comparison-pink {\n background: #FFF0F5;\n border: 2px solid #DB7093;\n}\n\n.larch-comparison-green {\n background: var(--larch-secondary-light);\n border: 2px solid var(--larch-secondary);\n}\n\n.larch-comparison-card h4 {\n font-size: 15px;\n font-weight: 800;\n margin: 0 0 1rem 0;\n color: var(--larch-primary-dark);\n}\n\n.larch-comparison-card ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.larch-comparison-card li {\n font-size: 13px;\n color: var(--larch-text-light);\n padding: .4rem 0 .4rem 1.25rem;\n position: relative;\n line-height: 1.5;\n}\n\n.larch-comparison-card li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--larch-accent);\n font-weight: bold;\n font-size: 12px;\n}\n\n.larch-accordion {\n background: var(--larch-white);\n border-radius: var(--larch-radius);\n box-shadow: var(--larch-shadow);\n overflow: hidden;\n}\n\n.larch-accordion-item {\n border-bottom: 1px solid var(--larch-border);\n margin: 0;\n padding: 0;\n}\n\n.larch-accordion-item:last-child {\n border-bottom: none;\n}\n\n.larch-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--larch-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.larch-accordion-header:hover {\n background: var(--larch-primary-light);\n}\n\n.larch-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.larch-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--larch-accent);\n transition: transform .2s ease;\n}\n\n.larch-accordion-item[open] .larch-accordion-header::after {\n content: '−';\n}\n\n.larch-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--larch-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.larch-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.larch-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.larch-accordion-content ul {\n margin: .75rem 0 0 0;\n padding-left: 1.25rem;\n}\n\n.larch-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.larch-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n.larch-cta-box {\n background: linear-gradient(135deg, var(--larch-accent) 0%, var(--larch-primary) 50%, var(--larch-secondary-dark) 100%);\n border-radius: var(--larch-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--larch-shadow-lg);\n}\n\n.larch-cta-icon {\n display: block;\n font-size: 56px;\n margin-bottom: 1.5rem;\n animation: larchFloat 3s ease-in-out infinite;\n}\n\n@keyframes larchFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n.larch-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0 0 1.5rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.larch-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 10px 24px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .larch-card {\n animation: larchFadeInUp .5s ease backwards;\n }\n .larch-card:nth-child(1) { animation-delay: .05s; }\n .larch-card:nth-child(2) { animation-delay: .1s; }\n .larch-card:nth-child(3) { animation-delay: .15s; }\n .larch-card:nth-child(4) { animation-delay: .2s; }\n .larch-card:nth-child(5) { animation-delay: .25s; }\n .larch-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes larchFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 767px) {\n .larch-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .larch-grid-compact {\n gap: .625rem;\n }\n \n .larch-grid-compact .larch-card {\n padding: .75rem;\n }\n \n .larch-card {\n padding: 1.125rem;\n }\n \n .larch-section {\n margin-bottom: 1.75rem;\n }\n \n .larch-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--larch-radius-sm);\n }\n \n .larch-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .larch-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .larch-usage {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .larch-dosage {\n justify-content: center;\n padding: 1.5rem 2rem;\n }\n \n .larch-dosage-number {\n font-size: 56px;\n }\n \n .larch-situations-grid,\n .larch-composition,\n .larch-comparison-grid {\n grid-template-columns: 1fr;\n }\n \n .larch-benefit {\n gap: 1rem;\n }\n \n .larch-benefit-num {\n font-size: 24px;\n min-width: 40px;\n }\n \n .larch-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .larch-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .larch-badges-top {\n gap: 8px;\n }\n \n .larch-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n \n .larch-hero-details {\n flex-direction: column;\n align-items: center;\n }\n \n .larch-ingredient {\n flex-direction: column;\n text-align: center;\n }\n \n .larch-ingredient-info h3,\n .larch-ingredient-info p {\n text-align: center;\n }\n \n .larch-method-box {\n text-align: center;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .larch-premium *,\n .larch-cta-icon {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56475035304313,"sku":"NBAIDSH0072","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Canva_Fleur_de_Bach_dame_saint_hilaire_3.jpg?v=1767971214"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/elixirs-floraux.webp?v=1790072193","url":"https:\/\/www.naturellement-bio.com\/collections\/elixirs-floraux.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}