{"title":"2026-05-05 00:00:00 +0200","description":null,"products":[{"product_id":"isotonic-buvable-30-ampoules-de-10-ml-quinton","title":"Isotonic Buvable - 30 Ampoules de 10 ml - Quinton","description":"\u003cdiv class=\"qi-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"qi-hero\"\u003e\n\u003cdiv class=\"qi-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qi-hero-content\"\u003e\n\u003cdiv class=\"qi-badges-top\"\u003e\n\u003cspan class=\"qi-badge\"\u003e🌊 78 minéraux \u0026amp; oligo-éléments\u003c\/span\u003e \u003cspan class=\"qi-badge\"\u003e💧 30 ampoules de 10 ml\u003c\/span\u003e \u003cspan class=\"qi-badge\"\u003e🧪 100% eau de mer naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"qi-hero-title\"\u003eIsotonic Buvable - Quinton\u003c\/span\u003e\n\u003cp class=\"qi-subtitle\"\u003eL'eau de mer isotonique au service de votre vitalité cellulaire\u003c\/p\u003e\n\u003cp class=\"qi-description\"\u003eDepuis plus d'un siècle, le protocole Quinton puise dans les profondeurs océaniques une eau marine d'exception, naturellement riche en minéraux biodisponibles, pour recharger chaque cellule de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eQuinton Isotonic : l'eau de mer isotonique en ampoules buvables\u003c\/h2\u003e\n\u003cp class=\"qi-section-intro\"\u003eL'\u003cstrong\u003eeau de Quinton isotonique\u003c\/strong\u003e est bien plus qu'un simple complément alimentaire. Issue des profondeurs océaniques, cette \u003cstrong\u003eeau de mer isotonique\u003c\/strong\u003e reproduit fidèlement la composition minérale de notre plasma sanguin.\u003c\/p\u003e\n\u003cdiv class=\"qi-grid-compact\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🧬 Plasma marin\u003c\/h3\u003e\n\u003cp\u003eComposition identique à notre milieu intérieur pour une assimilation immédiate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e💎 30 ampoules\u003c\/h3\u003e\n\u003cp\u003eCure complète de 10 ml par ampoule, soit 300 ml d'eau de mer pure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚡ Recharge minérale\u003c\/h3\u003e\n\u003cp\u003e78 minéraux et oligo-éléments essentiels pour votre organisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eSans conservateur, sans additif, sans traitement chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'eau de Quinton isotonique ?\u003c\/h2\u003e\n\u003cdiv class=\"qi-testimonial\"\u003e\n\u003cp class=\"qi-testimonial-text\"\u003eVotre corps a besoin de plus de \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e pour fonctionner de manière optimale. Or, l'alimentation moderne ne couvre pas toujours ces besoins. C'est là qu'intervient ce \u003cstrong\u003ecomplément alimentaire minéraux\u003c\/strong\u003e d'exception : l'eau de mer prélevée par Quinton contient naturellement du magnésium, du calcium, du potassium, du zinc, du sélénium et bien d'autres éléments, dans des proportions parfaitement biodisponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux \u003cstrong\u003ecompléments alimentaires vitamines et minéraux\u003c\/strong\u003e synthétiques, la solution Quinton Isotonic propose des nutriments sous leur forme naturelle, directement assimilables par vos cellules. C'est ce qui en fait l'un des \u003cstrong\u003emeilleurs compléments multivitamines et minéraux\u003c\/strong\u003e d'origine marine disponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eComposition de chaque ampoule\u003c\/h2\u003e\n\u003cdiv class=\"qi-grid\"\u003e\n\u003cdiv class=\"qi-card qi-card-composition\"\u003e\n\u003ch3\u003e🌊 Eau de mer naturelle\u003c\/h3\u003e\n\u003cp\u003ePrélevée en profondeur dans des zones marines protégées, riche en \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e : sodium, magnésium, calcium, potassium, zinc, manganèse, sélénium…\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card qi-card-composition\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eUtilisée pour la dilution isotonique, afin d'obtenir une concentration identique à celle de notre milieu intérieur (\u003cstrong\u003e9 g\/L de sels minéraux\u003c\/strong\u003e).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans conservateur, sans additif, sans traitement chimique.\u003c\/strong\u003e Le procédé exclusif de microfiltration à froid préserve l'intégralité des propriétés de l'eau marine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eBienfaits de l'eau de Quinton isotonique\u003c\/h2\u003e\n\u003cp class=\"qi-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'eau de mer isotonique\u003c\/strong\u003e sont reconnus depuis plus d'un siècle, grâce aux travaux du biologiste René Quinton. Voici ce que cette cure peut vous apporter :\u003c\/p\u003e\n\u003cdiv class=\"qi-grid\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🫧 Hydratation cellulaire profonde\u003c\/h3\u003e\n\u003cp\u003eSa concentration isotonique permet une absorption immédiate par les cellules, sans effort pour l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚡ Soutien de la vitalité\u003c\/h3\u003e\n\u003cp\u003eL'apport en minéraux contribue à réduire la fatigue et à maintenir un bon équilibre électrolytique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre acido-basique\u003c\/h3\u003e\n\u003cp\u003eAide à rétablir le pH naturel du corps, souvent perturbé par le stress ou une alimentation déséquilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🏃 Récupération et bien-être\u003c\/h3\u003e\n\u003cp\u003eParticulièrement appréciée des sportifs, des personnes fatiguées ou en période de convalescence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"qi-timeline\"\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eOuvrez l'ampoule\u003c\/h3\u003e\n\u003cp\u003eCassez les deux extrémités de l'ampoule avec précaution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eConsommez directement\u003c\/h3\u003e\n\u003cp\u003eVersez le contenu directement dans la bouche ou dans un petit verre d'eau, puis consommez sans attendre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eRespectez le dosage\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 à 3 ampoules par jour\u003c\/strong\u003e, de préférence à jeun ou 15 minutes avant un repas pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-grid-compact qi-dosage-grid\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🔥 Cure d'attaque\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e3 ampoules\/jour\u003c\/strong\u003e pendant 10 jours\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🌱 Entretien\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e1 à 2 ampoules\/jour\u003c\/strong\u003e, à renouveler aux changements de saison\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003ePour qui est faite cette eau isotonique ?\u003c\/h2\u003e\n\u003cdiv class=\"qi-grid-compact\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e😴 Adultes fatigués\u003c\/h3\u003e\n\u003cp\u003eRechargez votre capital minéral naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eOptimisez votre récupération musculaire et électrolytique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🩺 Convalescents\u003c\/h3\u003e\n\u003cp\u003eSoutenez votre organisme après une période d'affaiblissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e✨ Prévention\u003c\/h3\u003e\n\u003cp\u003eMaintenez un équilibre minéral optimal au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e👶\u003c\/span\u003e\n\u003cp\u003eCe complément convient également aux \u003cstrong\u003eenfants\u003c\/strong\u003e, sur avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"qi-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions\u003c\/h2\u003e\n\u003cdiv class=\"qi-accordion\"\u003e\n\u003cdetails class=\"qi-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"qi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"qi-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de régime pauvre en sodium ou de traitement médical en cours, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"qi-accordion-item\"\u003e\n\u003csummary class=\"qi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"qi-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez les ampoules à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"qi-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --qi-cream: #F4F9FB;\n --qi-white: #ffffff;\n --qi-primary: #4AABCF;\n --qi-primary-dark: #1B7A9E;\n --qi-primary-light: #E8F4F9;\n --qi-secondary: #1B7A9E;\n --qi-accent: #89D4E8;\n --qi-text: #1a1a1a;\n --qi-text-light: #5a6a72;\n --qi-border: #d8e8ef;\n --qi-shadow: 0 4px 24px rgba(27, 122, 158, .08);\n --qi-shadow-lg: 0 12px 48px rgba(27, 122, 158, .15);\n --qi-radius: 20px;\n --qi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.qi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.qi-premium *, .qi-premium *::before, .qi-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.qi-hero {\n position: relative;\n background: linear-gradient(135deg, #1B7A9E 0%, #4AABCF 45%, #89D4E8 100%);\n border-radius: var(--qi-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(--qi-shadow-lg);\n}\n\n.qi-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,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.qi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.qi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qi-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(--qi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.qi-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.qi-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.qi-description {\n color: rgba(255,255,255,.82);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.qi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qi-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.qi-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(--qi-primary), var(--qi-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.qi-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qi-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.qi-section-intro strong {\n color: var(--qi-text);\n}\n\n\/* === CARDS === *\/\n.qi-card {\n background: var(--qi-white);\n border-radius: var(--qi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qi-shadow-lg);\n border-color: var(--qi-primary);\n}\n\n.qi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.qi-card p strong {\n color: var(--qi-text);\n}\n\n\/* === CARD COMPOSITION === *\/\n.qi-card-composition {\n text-align: left;\n}\n\n.qi-card-composition h3 {\n text-align: center;\n margin-bottom: .75rem;\n}\n\n\/* === GRILLES === *\/\n.qi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.qi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qi-grid-compact .qi-card {\n padding: 1rem;\n}\n\n.qi-grid-compact .qi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qi-grid-compact .qi-card p {\n font-size: 12px;\n}\n\n.qi-dosage-grid {\n margin-top: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.qi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qi-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qi-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qi-primary), var(--qi-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74, 171, 207, .3);\n}\n\n.qi-timeline-content {\n flex: 1;\n background: var(--qi-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qi-radius-sm);\n box-shadow: var(--qi-shadow);\n}\n\n.qi-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qi-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qi-timeline-content p {\n font-size: 14px;\n color: var(--qi-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.qi-timeline-content p strong {\n color: var(--qi-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.qi-testimonial {\n background: var(--qi-white);\n border-radius: var(--qi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qi-shadow);\n border-left: 4px solid var(--qi-primary);\n margin-bottom: 1rem;\n}\n\n.qi-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qi-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.qi-testimonial-text strong {\n color: var(--qi-primary-dark);\n font-style: normal;\n}\n\n\/* === TIP BOX === *\/\n.qi-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qi-primary-light);\n border-radius: var(--qi-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.qi-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qi-tip p {\n font-size: 14px;\n color: var(--qi-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.qi-tip p strong {\n color: var(--qi-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.qi-accordion {\n background: var(--qi-white);\n border-radius: var(--qi-radius);\n box-shadow: var(--qi-shadow);\n overflow: hidden;\n}\n\n.qi-accordion-item {\n border-bottom: 1px solid var(--qi-border);\n margin: 0;\n padding: 0;\n}\n\n.qi-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qi-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.qi-accordion-header:hover {\n background: var(--qi-primary-light);\n}\n\n.qi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--qi-primary);\n transition: transform .2s ease;\n}\n\n.qi-accordion-item[open] .qi-accordion-header::after {\n content: '−';\n}\n\n.qi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qi-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qi-disclaimer {\n font-size: 12px;\n color: var(--qi-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 .qi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .qi-card {\n padding: 1.125rem;\n }\n\n .qi-section {\n margin-bottom: 1.75rem;\n }\n\n .qi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qi-radius-sm);\n }\n\n .qi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .qi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .qi-grid-compact {\n gap: .625rem;\n }\n\n .qi-grid-compact .qi-card {\n padding: .75rem;\n }\n\n .qi-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .qi-timeline-content {\n padding: .875rem 1rem;\n }\n\n .qi-timeline-content h3 {\n font-size: 14px;\n }\n\n .qi-timeline-content p {\n font-size: 13px;\n }\n\n .qi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .qi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .qi-testimonial {\n padding: 1.25rem;\n }\n\n .qi-testimonial-text {\n font-size: 14px;\n }\n\n .qi-tip {\n padding: .875rem 1rem;\n }\n\n .qi-tip-icon {\n font-size: 20px;\n }\n\n .qi-tip p {\n font-size: 13px;\n }\n\n .qi-card-composition {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .qi-card {\n animation: qiFadeInUp .5s ease backwards;\n }\n .qi-card:nth-child(1) { animation-delay: .05s; }\n .qi-card:nth-child(2) { animation-delay: .1s; }\n .qi-card:nth-child(3) { animation-delay: .15s; }\n .qi-card:nth-child(4) { animation-delay: .2s; }\n .qi-card:nth-child(5) { animation-delay: .25s; }\n .qi-card:nth-child(6) { animation-delay: .3s; }\n\n .qi-timeline-item {\n animation: qiFadeInUp .5s ease backwards;\n }\n .qi-timeline-item:nth-child(1) { animation-delay: .05s; }\n .qi-timeline-item:nth-child(2) { animation-delay: .15s; }\n .qi-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes qiFadeInUp {\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 .qi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754680705181,"sku":"QU0030","price":33.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/isotonic-buvable-30-ampoules-de-10-ml-quinton-lifestyle.webp?v=1770973943"},{"product_id":"glycine-cristallisee-300-g-qualidiet","title":"Glycine Cristallisée en poudre - 300 g - Qualidiet","description":"\u003cdiv class=\"gly-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gly-hero\"\u003e\n\u003cdiv class=\"gly-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gly-hero-content\"\u003e\n\u003cdiv class=\"gly-badges-top\"\u003e\n\u003cspan class=\"gly-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e🧪 100 % pure\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e📦 Format 300 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gly-hero-title\"\u003eGlycine cristallisée en poudre\u003c\/span\u003e\n\u003cp class=\"gly-subtitle\"\u003eQualidiet - 300 g de pureté absolue\u003c\/p\u003e\n\u003cp class=\"gly-description\"\u003eL'acide aminé indispensable pour vos articulations, votre peau et un sommeil réparateur. Saveur douce et naturellement sucrée, sans aucun additif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée en poudre : l'acide aminé essentiel à votre bien-être quotidien\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eVous cherchez un complément simple, pur et efficace pour prendre soin de vos articulations, de votre peau et de votre sommeil ? La \u003cstrong\u003eglycine cristallisée en poudre\u003c\/strong\u003e de Qualidiet est exactement ce qu'il vous faut.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid-compact\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 300 g généreux\u003c\/h3\u003e\n\u003cp\u003ePlusieurs semaines d'utilisation grâce à un format économique et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧬 Acide aminé clé\u003c\/h3\u003e\n\u003cp\u003eNaturellement présent dans l'organisme, mais souvent insuffisant via l'alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur douce\u003c\/h3\u003e\n\u003cp\u003eLégèrement sucrée, agréable dans un verre d'eau, une tisane ou un smoothie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n\u003cp\u003eFormule sans aucun conservateur, colorant ni excipient. Pureté maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eLes bienfaits de la glycine cristallisée\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eLes bienfaits de la glycine sont aujourd'hui largement documentés. Cet acide aminé intervient dans de nombreuses fonctions essentielles de votre organisme.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🦴 Synthèse du collagène\u003c\/h3\u003e\n\u003cp\u003ePrincipal composant du collagène, la glycine est indispensable à la \u003cstrong\u003esouplesse des articulations\u003c\/strong\u003e, à la solidité des tendons et à l'élasticité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003ePrise le soir, la glycine favorise un \u003cstrong\u003eendormissement plus rapide\u003c\/strong\u003e et un sommeil réparateur, sans effet de somnolence au réveil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e💪 Soutien articulaire\u003c\/h3\u003e\n\u003cp\u003eEn stimulant la production de collagène, elle contribue à \u003cstrong\u003eréduire les inconforts articulaires\u003c\/strong\u003e liés à l'âge ou à l'activité physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLa glycine participe à la production de \u003cstrong\u003eglutathion\u003c\/strong\u003e, l'un des antioxydants les plus puissants du corps, contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🫁 Fonction digestive\u003c\/h3\u003e\n\u003cp\u003eElle contribue à la \u003cstrong\u003ebonne santé de la muqueuse intestinale\u003c\/strong\u003e, soutenant ainsi une digestion confortable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"gly-composition-highlight\"\u003e\n\u003cdiv class=\"gly-composition-badge\"\u003e100 %\u003c\/div\u003e\n\u003cdiv class=\"gly-composition-text\"\u003e\n\u003ch3\u003eGlycine pure cristallisée\u003c\/h3\u003e\n\u003cp\u003eIngrédient unique. Aucun conservateur, aucun colorant, aucun excipient. Un produit d'une \u003cstrong\u003epureté maximale\u003c\/strong\u003e, totalement hydrosoluble et hautement biodisponible. C'est cette transparence qui fait la différence par rapport à ce que vous pourriez trouver en pharmacie ou ailleurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"gly-timeline\"\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDosez 3 à 5 g par jour\u003c\/h3\u003e\n\u003cp\u003ePrélevez la quantité souhaitée à l'aide d'une cuillère doseuse ou d'une cuillère à café rase (environ 3 g).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDiluez dans une boisson\u003c\/h3\u003e\n\u003cp\u003eLa poudre se dissout facilement grâce à sa forme cristallisée : eau, tisane, smoothie, jus de fruit ou même un yaourt ou une compote.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eRépartissez en 2 à 3 prises\u003c\/h3\u003e\n\u003cp\u003eRépartissez la dose sur la journée. Pour favoriser le sommeil, privilégiez une prise \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-tip\"\u003e\n\u003cspan class=\"gly-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e N'hésitez pas à varier les plaisirs en l'incorporant dans vos recettes du quotidien. Sa saveur douce et sucrée se marie à tout !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée : danger ou sans risque ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-testimonial\"\u003e\n\u003cp class=\"gly-testimonial-text\"\u003e\"Beaucoup d'entre vous se demandent si la glycine cristallisée présente un danger. Rassurez-vous : aux doses recommandées, la glycine est très bien tolérée par la grande majorité des personnes. Cependant, si vous suivez un traitement médical, si vous êtes enceinte ou allaitante, demandez l'avis de votre médecin avant toute supplémentation. Ce complément alimentaire ne remplace pas un traitement médical ni une alimentation variée et équilibrée.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003ePourquoi choisir la glycine Qualidiet ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eProduite dans une usine certifiée \u003cstrong\u003eISO 22000\u003c\/strong\u003e, garantissant les plus hauts standards de qualité et de sécurité alimentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧪 Formule 100 % pure\u003c\/h3\u003e\n\u003cp\u003eSans aucun additif, conservateur, colorant ni excipient. La pureté à l'état brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 Format économique 300 g\u003c\/h3\u003e\n\u003cp\u003eUn grand format pensé pour une \u003cstrong\u003ecure prolongée\u003c\/strong\u003e de plusieurs semaines sans interruption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur naturellement douce\u003c\/h3\u003e\n\u003cp\u003eAgréable et facile à consommer au quotidien, sans goût désagréable ni arrière-goût chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e✅ Traçabilité rigoureuse\u003c\/h3\u003e\n\u003cp\u003eContrôle qualité strict sur chaque lot pour vous garantir un produit irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-section-intro\" style=\"margin-top: 1.5rem;\"\u003eQue vous soyez sportif souhaitant préserver vos articulations, en quête d'un sommeil de meilleure qualité ou simplement désireux de soutenir votre production naturelle de collagène, cette glycine en poudre s'intègre facilement dans votre routine quotidienne.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON : Précautions --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003cdiv class=\"gly-accordion\"\u003e\n\u003cdetails class=\"gly-accordion-item\"\u003e\n\u003csummary class=\"gly-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gly-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\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=\"gly-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"gly-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre corps l'acide aminé dont il a besoin.\u003cbr\u003e300 g de glycine pure, fabriquée en France, pour des résultats que vous ressentirez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --gly-cream: #f5f6fa;\n --gly-white: #ffffff;\n --gly-primary: #1a3a6e;\n --gly-primary-dark: #0e2550;\n --gly-primary-light: #e8edf6;\n --gly-secondary: #c8102e;\n --gly-accent: #3b7dd8;\n --gly-text: #1a1a1a;\n --gly-text-light: #5a5a5a;\n --gly-border: #e0e0e0;\n --gly-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gly-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gly-radius: 20px;\n --gly-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gly-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gly-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gly-hero {\n position: relative;\n background: linear-gradient(135deg, #0e2550 0%, #1a3a6e 45%, #3b7dd8 100%);\n border-radius: var(--gly-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(--gly-shadow-lg);\n}\n\n.gly-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(200,16,46,.12) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(59,125,216,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.gly-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gly-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.gly-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.gly-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.gly-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gly-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(--gly-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gly-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gly-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gly-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gly-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.gly-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(--gly-primary), var(--gly-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gly-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gly-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gly-card {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gly-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gly-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gly-shadow-lg);\n border-color: var(--gly-primary);\n}\n\n.gly-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gly-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gly-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gly-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gly-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gly-grid-compact .gly-card {\n padding: 1rem;\n}\n\n.gly-grid-compact .gly-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gly-grid-compact .gly-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.gly-composition-highlight {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gly-shadow);\n border: 2px solid var(--gly-primary-light);\n}\n\n.gly-composition-badge {\n flex-shrink: 0;\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 22px;\n box-shadow: 0 6px 24px rgba(26,58,110,.3);\n}\n\n.gly-composition-text h3 {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--gly-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.gly-composition-text p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.gly-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gly-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gly-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gly-primary), var(--gly-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(26,58,110,.25);\n}\n\n.gly-timeline-content {\n flex: 1;\n background: var(--gly-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gly-radius-sm);\n box-shadow: var(--gly-shadow);\n}\n\n.gly-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gly-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gly-timeline-content p {\n font-size: 14px;\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gly-testimonial {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gly-shadow);\n border-left: 4px solid var(--gly-secondary);\n}\n\n.gly-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gly-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gly-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gly-primary-light);\n border-radius: var(--gly-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gly-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gly-tip p {\n font-size: 14px;\n color: var(--gly-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gly-accordion {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n box-shadow: var(--gly-shadow);\n overflow: hidden;\n}\n\n.gly-accordion-item {\n border-bottom: 1px solid var(--gly-border);\n margin: 0;\n padding: 0;\n}\n\n.gly-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gly-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gly-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.gly-accordion-header:hover {\n background: var(--gly-primary-light);\n}\n\n.gly-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gly-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gly-primary);\n transition: transform .2s ease;\n}\n\n.gly-accordion-item[open] .gly-accordion-header::after {\n content: '−';\n}\n\n.gly-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gly-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gly-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gly-cta-box {\n background: linear-gradient(135deg, var(--gly-primary) 0%, var(--gly-primary-dark) 100%);\n border-radius: var(--gly-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gly-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(200,16,46,.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 30%, rgba(59,125,216,.1) 0%, transparent 50%);\n}\n\n.gly-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.gly-disclaimer {\n font-size: 12px;\n color: var(--gly-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 .gly-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gly-card {\n padding: 1.125rem;\n }\n\n .gly-section {\n margin-bottom: 1.75rem;\n }\n\n .gly-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gly-radius-sm);\n }\n\n .gly-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gly-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gly-grid-compact {\n gap: .625rem;\n }\n\n .gly-grid-compact .gly-card {\n padding: .75rem;\n }\n\n \/* Composition highlight mobile *\/\n .gly-composition-highlight {\n flex-direction: column;\n text-align: center;\n padding: 1.25rem;\n }\n\n .gly-composition-badge {\n width: 64px;\n height: 64px;\n font-size: 18px;\n }\n\n \/* Timeline mobile *\/\n .gly-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gly-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gly-timeline-content h3 {\n font-size: 14px;\n }\n\n .gly-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .gly-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gly-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .gly-testimonial {\n padding: 1.25rem;\n }\n\n .gly-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gly-card {\n animation: glyFadeInUp .5s ease backwards;\n }\n .gly-card:nth-child(1) { animation-delay: .05s; }\n .gly-card:nth-child(2) { animation-delay: .1s; }\n .gly-card:nth-child(3) { animation-delay: .15s; }\n .gly-card:nth-child(4) { animation-delay: .2s; }\n .gly-card:nth-child(5) { animation-delay: .25s; }\n .gly-card:nth-child(6) { animation-delay: .3s; }\n\n .gly-timeline-item {\n animation: glyFadeInUp .5s ease backwards;\n }\n .gly-timeline-item:nth-child(1) { animation-delay: .1s; }\n .gly-timeline-item:nth-child(2) { animation-delay: .2s; }\n .gly-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes glyFadeInUp {\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 .gly-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754724712605,"sku":"VO4840","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glycine-cristallisee-en-poudre-300-g-qualidiet-packshothd.webp?v=1786024913"},{"product_id":"complexe-secours-spray-bio-20-ml-biofloral","title":"Spray Bio aux Fleurs de Bach - SOS Jour Serein - 20 ml - Biofloral","description":"\u003cdiv class=\"sos-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"sos-hero\"\u003e\n\u003cdiv class=\"sos-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sos-hero-content\"\u003e\n\u003cdiv class=\"sos-badges-top\"\u003e\n\u003cspan class=\"sos-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🌸 5 Fleurs de Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sos-hero-title\"\u003eSpray SOS Jour Serein\u003c\/span\u003e\n\u003cp class=\"sos-subtitle\"\u003eFleurs de Bach authentiques • 20 ml\u003c\/p\u003e\n\u003cp class=\"sos-description\"\u003eVotre allié naturel pour retrouver calme et sérénité en quelques secondes. Format spray pratique pour vous accompagner partout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePourquoi choisir les fleurs de Bach pour gérer le stress ?\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eDéveloppées dans les années 1930 par le Dr Edward Bach, les fleurs de Bach agissent en douceur sur nos états émotionnels pour rétablir l'harmonie corps-esprit.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🔄 Transformation positive\u003c\/h3\u003e\n\u003cp\u003eChaque fleur possède une vibration énergétique qui transforme une émotion négative en son potentiel positif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Pour toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient à tous les membres de la famille et s'intègre facilement dans votre quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🎯 Action ciblée\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les moments ponctuels de tension ou les périodes exigeantes : examens, ménopause, changements professionnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLes 5 fleurs de Bach du complexe SOS Jour Serein\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eCinq essences florales soigneusement sélectionnées pour leur synergie apaisante exceptionnelle.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e☀️ Hélianthème\u003c\/h3\u003e\n\u003cp class=\"sos-latin\"\u003eHelianthemum nummularium\u003c\/p\u003e\n\u003cp\u003eAide à surmonter les moments de panique. Apporte courage et présence d'esprit face aux situations d'urgence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e⚡ Impatiente\u003c\/h3\u003e\n\u003cp class=\"sos-latin\"\u003eImpatiens glandulifera\u003c\/p\u003e\n\u003cp\u003eIdéale contre l'irritabilité et l'agitation. Favorise la patience et la détente intérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e🌿 Clématite\u003c\/h3\u003e\n\u003cp class=\"sos-latin\"\u003eClematis vitalba\u003c\/p\u003e\n\u003cp\u003ePour ceux qui « s'évadent » mentalement. Ramène à l'instant présent avec douceur et clarté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e🌸 Prunier myrobolan\u003c\/h3\u003e\n\u003cp class=\"sos-latin\"\u003ePrunus cerasifera\u003c\/p\u003e\n\u003cp\u003eSoutient quand on a peur de perdre le contrôle. Apporte calme et maîtrise émotionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e⭐ Étoile de Bethléem\u003c\/h3\u003e\n\u003cp class=\"sos-latin\"\u003eOrnithogalum umbellatum\u003c\/p\u003e\n\u003cp\u003eRéconforte après un choc ou traumatisme. Aide à apaiser les blessures intérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"sos-composition-box\"\u003e\n\u003cdiv class=\"sos-composition-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Cognac bio*, eau de source, extraits aqueux de fleurs de Bach bio* (1\/240e) : Hélianthème, Impatiente, Clématite, Prunier myrobolan, Étoile de Bethléem.\u003c\/p\u003e\n\u003cp class=\"sos-bio-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n\u003cp\u003e20 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🍷 Alcool\u003c\/h3\u003e\n\u003cp\u003e~27% vol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComment utiliser le spray SOS Jour Serein ?\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eL'avantage du format spray : simplicité d'utilisation et action rapide.\u003c\/p\u003e\n\u003cdiv class=\"sos-timeline\"\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cdiv class=\"sos-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eUsage ponctuel\u003c\/h3\u003e\n\u003cp\u003eVaporisez 2 à 3 fois directement dans la bouche dès que vous ressentez le besoin de vous apaiser\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cdiv class=\"sos-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eStress intense\u003c\/h3\u003e\n\u003cp\u003eRenouvelez jusqu'à 6 fois par jour lors des pics émotionnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cdiv class=\"sos-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eUsage régulier\u003c\/h3\u003e\n\u003cp\u003ePour un accompagnement au quotidien, limitez-vous à 4 prises par jour\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-tip\"\u003e\n\u003cspan class=\"sos-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eFormat compact de 20 ml qui se glisse facilement dans un sac, une poche ou une trousse pour vous accompagner partout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eFleurs de Bach et ménopause : un soutien naturel\u003c\/h2\u003e\n\u003cdiv class=\"sos-testimonial\"\u003e\n\u003cp class=\"sos-testimonial-text\"\u003eLa ménopause s'accompagne souvent de bouleversements émotionnels : irritabilité, anxiété, sautes d'humeur, difficultés à gérer le stress... Les fleurs de Bach représentent une approche complémentaire appréciée par de nombreuses femmes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🔥 Bouffées de chaleur\u003c\/h3\u003e\n\u003cp\u003eApaise l'anxiété associée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😌 Transition sereine\u003c\/h3\u003e\n\u003cp\u003eÉquilibre émotionnel naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLa qualité Biofloral : un savoir-faire français\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eDepuis plus de 30 ans, Biofloral perpétue les méthodes traditionnelles du Dr Bach au cœur des montagnes du Forez, en Auvergne.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌾 Cueillette sauvage\u003c\/h3\u003e\n\u003cp\u003eDans des zones préservées de toute pollution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🏺 Préparation artisanale\u003c\/h3\u003e\n\u003cp\u003eMéthodes de solarisation et d'ébullition traditionnelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e✅ Certification bio\u003c\/h3\u003e\n\u003cp\u003eAbsence de pesticides et produits chimiques garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌍 Engagement environnemental\u003c\/h3\u003e\n\u003cp\u003eProfond respect de la biodiversité locale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sos-accordion\"\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e⚠️ Dosage recommandé\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce produit ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eDéconseillé aux personnes souffrant d'éthylisme, aux femmes enceintes et allaitantes en raison de la présence d'alcool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🧒 Sécurité enfants\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eTenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eConserver à l'abri de la chaleur, de la lumière et éloigné des appareils électroniques (micro-ondes, téléphones portables).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sos-disclaimer\"\u003eCe produit ne remplace pas un avis médical. En cas de troubles persistants, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"sos-section\"\u003e\n\u003ch2\u003eLes atouts du Spray SOS Jour Serein en résumé\u003c\/h2\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e⚡ Action rapide\u003c\/h3\u003e\n\u003cp\u003eFormat spray sublingual\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌸 5 fleurs synergiques\u003c\/h3\u003e\n\u003cp\u003eApaisement global\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n\u003cp\u003e100% naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eArtisanal \u0026amp; traditionnel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e✈️ Format nomade\u003c\/h3\u003e\n\u003cp\u003e20 ml à emporter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eUtilisation partagée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"sos-cta-box\"\u003e\n\u003cp\u003e🌸 Retrouvez votre sérénité en un instant avec le Spray SOS Jour Serein - votre compagnon naturel pour affronter chaque journée avec calme et confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sos-cream: #FDF8F3;\n --sos-white: #ffffff;\n --sos-primary: #8B5A2B;\n --sos-primary-dark: #5D3A1A;\n --sos-primary-light: #F5EDE6;\n --sos-secondary: #F5D547;\n --sos-accent: #E8A02E;\n --sos-text: #1a1a1a;\n --sos-text-light: #5a5a5a;\n --sos-border: #e8e0d8;\n --sos-shadow: 0 4px 24px rgba(139,90,43,.08);\n --sos-shadow-lg: 0 12px 48px rgba(139,90,43,.15);\n --sos-radius: 20px;\n --sos-radius-sm: 12px;\n}\n\n.sos-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sos-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sos-hero {\n position: relative;\n background: linear-gradient(135deg, #8B5A2B 0%, #A67C52 40%, #C9A66B 100%);\n border-radius: var(--sos-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sos-shadow-lg);\n}\n\n.sos-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c2 8 8 14 16 16-8 2-14 8-16 16-2-8-8-14-16-16 8-2 14-8 16-16z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.sos-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sos-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sos-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sos-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sos-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sos-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.sos-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sos-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sos-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sos-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sos-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sos-secondary), var(--sos-accent));\n border-radius: 2px;\n}\n\n.sos-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.sos-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sos-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sos-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sos-shadow-lg);\n border-color: var(--sos-secondary);\n}\n\n.sos-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sos-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sos-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sos-card-flower .sos-latin {\n font-style: italic;\n font-size: 12px;\n color: var(--sos-accent);\n margin-bottom: .5rem;\n}\n\n\/* === GRILLES === *\/\n.sos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sos-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sos-grid-compact .sos-card {\n padding: 1rem;\n}\n\n.sos-grid-compact .sos-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sos-grid-compact .sos-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sos-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sos-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sos-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sos-secondary), var(--sos-accent));\n color: var(--sos-primary-dark);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(245,213,71,.3);\n}\n\n.sos-timeline-content {\n flex: 1;\n background: var(--sos-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sos-radius-sm);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sos-timeline-content p {\n font-size: 14px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sos-testimonial {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sos-shadow);\n border-left: 4px solid var(--sos-secondary);\n}\n\n.sos-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sos-composition-box {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-composition-content {\n margin-bottom: 1.25rem;\n}\n\n.sos-composition-content p {\n font-size: 15px;\n color: var(--sos-text);\n line-height: 1.7;\n margin: 0 0 .5rem 0;\n}\n\n.sos-bio-note {\n font-size: 13px !important;\n color: var(--sos-accent) !important;\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.sos-accordion {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n box-shadow: var(--sos-shadow);\n overflow: hidden;\n}\n\n.sos-accordion-item {\n border-bottom: 1px solid var(--sos-border);\n margin: 0;\n padding: 0;\n}\n\n.sos-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sos-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sos-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sos-accordion-header:hover {\n background: var(--sos-primary-light);\n}\n\n.sos-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sos-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sos-accent);\n transition: transform .2s ease;\n}\n\n.sos-accordion-item[open] .sos-accordion-header::after {\n content: '−';\n}\n\n.sos-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sos-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sos-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sos-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, rgba(245,213,71,.15), rgba(232,160,46,.1));\n border-radius: var(--sos-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid rgba(245,213,71,.3);\n}\n\n.sos-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sos-tip p {\n font-size: 14px;\n color: var(--sos-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sos-cta-box {\n background: linear-gradient(135deg, var(--sos-primary) 0%, var(--sos-primary-dark) 100%);\n border-radius: var(--sos-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sos-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M20 5c1.5 6 6 10.5 12 12-6 1.5-10.5 6-12 12-1.5-6-6-10.5-12-12 6-1.5 10.5-6 12-12z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.sos-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sos-disclaimer {\n font-size: 12px;\n color: var(--sos-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sos-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sos-card {\n padding: 1.125rem;\n }\n \n .sos-section {\n margin-bottom: 1.75rem;\n }\n \n .sos-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sos-radius-sm);\n }\n \n .sos-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sos-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sos-grid-compact {\n gap: .625rem;\n }\n \n .sos-grid-compact .sos-card {\n padding: .75rem;\n }\n \n .sos-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sos-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sos-timeline-content h3 {\n font-size: 14px;\n }\n \n .sos-timeline-content p {\n font-size: 13px;\n }\n \n .sos-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sos-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sos-testimonial {\n padding: 1.25rem;\n }\n \n .sos-testimonial-text {\n font-size: 14px;\n }\n \n .sos-composition-box {\n padding: 1.25rem;\n }\n \n .sos-tip {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sos-card {\n animation: sosCardFadeIn .5s ease backwards;\n }\n .sos-card:nth-child(1) { animation-delay: .05s; }\n .sos-card:nth-child(2) { animation-delay: .1s; }\n .sos-card:nth-child(3) { animation-delay: .15s; }\n .sos-card:nth-child(4) { animation-delay: .2s; }\n .sos-card:nth-child(5) { animation-delay: .25s; }\n .sos-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sosCardFadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sos-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOFLORAL","offers":[{"title":"Default Title","offer_id":45755250671773,"sku":"BI0070","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-bio-aux-fleurs-de-bach-sos-jour-serein-20-ml-biofloral-lifestyle_800fdb1e-8cbe-41bb-aa38-216b0434e38e.webp?v=1769092616"},{"product_id":"vital-flax-bio-equilibre-emotionnel-60-capsules-lt-labo","title":"Vital Flax Bio - Equilibre Émotionnel - 60 Capsules - LT Labo","description":"\u003cdiv class=\"vf-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"vf-hero\"\u003e\n\u003cdiv class=\"vf-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vf-hero-content\"\u003e\n\u003cdiv class=\"vf-badges-top\"\u003e\n\u003cspan class=\"vf-badge\"\u003e🌿 Certifié Agriculture Biologique\u003c\/span\u003e \u003cspan class=\"vf-badge\"\u003e🧬 Oméga 3-6-9 végétal\u003c\/span\u003e \u003cspan class=\"vf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"vf-badge\"\u003e💊 60 capsules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vf-hero-title\"\u003eVital Flax Bio\u003c\/span\u003e\n\u003cp class=\"vf-subtitle\"\u003eHuile de graines de lin biologique — Oméga-3 végétal\u003c\/p\u003e\n\u003cp class=\"vf-description\"\u003eL'allié 100 % végétal de votre équilibre émotionnel, de vos fonctions cognitives et de votre santé cardiovasculaire. Formulé par LT Labo à partir d'huile de lin bio pressée à froid, naturellement riche en acide alpha-linolénique (ALA).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eVital Flax Bio : l'huile de lin oméga-3 au service de votre équilibre émotionnel\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eVous cherchez une source végétale d'oméga-3 fiable, certifiée bio, pour prendre soin de votre équilibre intérieur au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"vf-highlight-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eVital Flax Bio de LT Labo\u003c\/strong\u003e est un complément alimentaire à base d'\u003cstrong\u003ehuile de graines de lin biologique\u003c\/strong\u003e, naturellement concentrée en \u003cstrong\u003eacide alpha-linolénique (ALA)\u003c\/strong\u003e, un acide gras essentiel que votre organisme ne peut pas fabriquer lui-même. Ce précieux oméga-3 végétal contribue au bon fonctionnement du cerveau et joue un rôle reconnu dans le maintien de l'équilibre émotionnel.\u003c\/p\u003e\n\u003cp\u003ePrésenté sous forme de \u003cstrong\u003e60 capsules\u003c\/strong\u003e pratiques et faciles à avaler, Vital Flax Bio vous accompagne pendant un à deux mois de cure, selon vos besoins. Certifié \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e, il vous offre une alternative 100 % végétale aux oméga-3 d'origine marine, idéale si vous suivez un régime végétarien, végan ou si vous ne souhaitez tout simplement pas consommer de poisson.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003ePourquoi les oméga-3 de l'huile de lin sont-ils si importants ?\u003c\/h2\u003e\n\u003cdiv class=\"vf-highlight-box\"\u003e\n\u003cp\u003eLes \u003cstrong\u003egraines de lin\u003c\/strong\u003e figurent parmi les sources végétales les plus riches en \u003cstrong\u003eoméga-3\u003c\/strong\u003e. L'huile obtenue par première pression à froid de ces graines concentre une quantité remarquable d'\u003cstrong\u003eacide alpha-linolénique (ALA)\u003c\/strong\u003e, un acide gras polyinsaturé classé parmi les \u003cstrong\u003eacides gras essentiels\u003c\/strong\u003e. Essentiel, car votre corps en a absolument besoin mais ne sait pas le synthétiser : il doit impérativement être apporté par l'alimentation.\u003c\/p\u003e\n\u003cp\u003eOr, l'alimentation moderne, souvent trop riche en oméga-6 et pauvre en oméga-3, déséquilibre le fameux \u003cstrong\u003eratio oméga-6\/oméga-3\u003c\/strong\u003e. Ce déséquilibre est associé à de nombreux inconforts du quotidien : irritabilité, fatigue mentale, difficulté à se concentrer, baisse de moral… En rééquilibrant vos apports grâce à l'\u003cstrong\u003ehuile de lin oméga-3\u003c\/strong\u003e, vous offrez à votre organisme les briques nutritionnelles dont il a besoin pour fonctionner harmonieusement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de lin oméga-3 dans Vital Flax Bio\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eL'huile de lin oméga-3 présente dans Vital Flax Bio ne se limite pas à un seul bénéfice. Voici les principaux domaines dans lesquels elle peut vous accompagner :\u003c\/p\u003e\n\u003cdiv class=\"vf-grid\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🧘 Équilibre émotionnel et gestion du stress\u003c\/h3\u003e\n\u003cp\u003eL'ALA participe au fonctionnement normal du système nerveux. Un apport suffisant en oméga-3 contribue à maintenir une humeur stable et à mieux faire face aux tensions du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n\u003cp\u003eMémoire, concentration, clarté mentale… Les acides gras oméga-3 sont des constituants essentiels des membranes cellulaires du cerveau. Les nourrir, c'est soutenir vos capacités intellectuelles au fil du temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e👶 Croissance et développement cérébral\u003c\/h3\u003e\n\u003cp\u003eLes graines de lin oméga-3 constituent un apport précieux pour les enfants en pleine croissance, contribuant au développement normal de leurs fonctions cérébrales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n\u003cp\u003eL'ALA contribue au maintien d'un taux de cholestérol sanguin normal lorsqu'il est consommé dans le cadre d'une alimentation équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e⚖️ Rééquilibrage du ratio oméga-6\/oméga-3\u003c\/h3\u003e\n\u003cp\u003eEn complétant vos apports en oméga-3 d'origine végétale, vous aidez votre organisme à retrouver un meilleur équilibre entre ces deux familles d'acides gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eComposition détaillée – Pour 2 capsules (dose journalière recommandée)\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eChaque capsule de Vital Flax Bio est formulée avec soin à partir d'ingrédients biologiques et naturels.\u003c\/p\u003e\n\u003cdiv class=\"vf-compo-table\"\u003e\n\u003cdiv class=\"vf-compo-row vf-compo-header\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003eIngrédient\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003ePour 2 capsules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e🌱 Huile de graines de lin bio\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e1 000 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row vf-compo-sub\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e↳ dont Oméga-3 (ALA)\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row vf-compo-sub\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e↳ dont Oméga-6 (acide linoléique)\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e135 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e🥬 Fibres alimentaires\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e30 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e🔬 Lignanes\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e3 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e✨ Vitamine E naturelle (tocophérols)\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e2 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-tip\"\u003e\n\u003cspan class=\"vf-tip-icon\"\u003e💊\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eEnveloppe de la capsule\u003c\/strong\u003e : gélatine végétale, glycérine. Produit certifié Agriculture Biologique (AB). Sans additifs chimiques. Convient aux personnes suivant un régime végétarien ou végan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eUn mot sur les lignanes et la vitamine E\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eAu-delà des oméga-3, Vital Flax Bio vous apporte deux autres composés intéressants souvent méconnus.\u003c\/p\u003e\n\u003cdiv class=\"vf-grid-compact\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🔬 Les lignanes\u003c\/h3\u003e\n\u003cp\u003eDes polyphénols naturellement présents dans les graines de lin. Ils possèdent des propriétés antioxydantes et contribuent à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e✨ La vitamine E\u003c\/h3\u003e\n\u003cp\u003eAntioxydant naturel, elle aide à préserver la qualité de l'huile tout en apportant un bénéfice supplémentaire pour la protection des cellules de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-tip\"\u003e\n\u003cspan class=\"vf-tip-icon\"\u003e🧪\u003c\/span\u003e\n\u003cp\u003eCette synergie entre \u003cstrong\u003eoméga-3, lignanes et vitamine E\u003c\/strong\u003e fait de Vital Flax Bio un complément plus complet qu'une simple huile de lin classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eComment prendre Vital Flax Bio ?\u003c\/h2\u003e\n\u003cdiv class=\"vf-timeline\"\u003e\n\u003cdiv class=\"vf-timeline-item\"\u003e\n\u003cdiv class=\"vf-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-content\"\u003e\n\u003ch3\u003eEn entretien quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 capsule par jour\u003c\/strong\u003e, au cours d'un repas, avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-item\"\u003e\n\u003cdiv class=\"vf-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-content\"\u003e\n\u003ch3\u003eEn cure de soutien\u003c\/h3\u003e\n\u003cp\u003ePériodes de stress, fatigue intellectuelle, changement de saison : prenez \u003cstrong\u003e2 capsules par jour\u003c\/strong\u003e, réparties sur un ou deux repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-item\"\u003e\n\u003cdiv class=\"vf-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-content\"\u003e\n\u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n\u003cp\u003eLa prise au moment du repas favorise l'absorption des acides gras. Pour des résultats durables, une \u003cstrong\u003ecure de 1 à 3 mois\u003c\/strong\u003e est conseillée, renouvelable plusieurs fois par an.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-tip\"\u003e\n\u003cspan class=\"vf-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce pratique\u003c\/strong\u003e : si vous avez du mal à avaler les capsules, vous pouvez les percer et mélanger l'huile directement dans une salade ou un yaourt. L'efficacité reste la même.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eHuile de lin oméga-3 vs oméga-3 de poisson : pourquoi choisir le végétal ?\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eLa question revient souvent : faut-il préférer les oméga-3 issus de poissons gras ou ceux de l'huile de lin ? L'huile de graines de lin présente des avantages spécifiques.\u003c\/p\u003e\n\u003cdiv class=\"vf-grid\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🌱 100 % végétale\u003c\/h3\u003e\n\u003cp\u003eParfaite pour les personnes végétariennes, véganes, ou celles qui n'apprécient pas le goût du poisson ni les reflux désagréables que certains compléments à base d'huile de poisson peuvent provoquer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🛡️ Sans risque de métaux lourds\u003c\/h3\u003e\n\u003cp\u003eContrairement aux huiles de poisson, l'huile de lin bio n'expose pas aux polluants marins (mercure, PCB, dioxines).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🏆 Richesse exceptionnelle en ALA\u003c\/h3\u003e\n\u003cp\u003eLa graine de lin est l'un des aliments les plus concentrés en acide alpha-linolénique au monde, avec environ \u003cstrong\u003e16,7 g d'ALA pour 100 g\u003c\/strong\u003e de graines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🌍 Production durable\u003c\/h3\u003e\n\u003cp\u003eLa culture du lin, notamment en France, représente une filière respectueuse de l'environnement et certifiable en agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #8 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Vital Flax Bio ?\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eCe complément alimentaire conviendra particulièrement si vous vous reconnaissez dans l'une de ces situations :\u003c\/p\u003e\n\u003cdiv class=\"vf-grid\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e😤 Périodes de stress\u003c\/h3\u003e\n\u003cp\u003eVous traversez une période de stress ou de surmenage et ressentez le besoin de retrouver un meilleur équilibre émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e📚 Étudiants et actifs\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez soutenir vos fonctions cognitives : mémoire, concentration, apprentissage au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🥗 Végétariens et végans\u003c\/h3\u003e\n\u003cp\u003eVous cherchez une source fiable d'oméga-3 sans poisson, 100 % d'origine végétale et certifiée bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e👧 Parents attentionnés\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez offrir à vos enfants un apport en acides gras essentiels d'origine naturelle pour accompagner leur croissance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n\u003cp\u003eVous faites attention à votre santé cardiovasculaire et souhaitez rééquilibrer votre rapport oméga-6\/oméga-3.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #9 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eLes engagements qualité de LT Labo\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eLe laboratoire LT Labo est un acteur reconnu dans la fabrication de compléments alimentaires naturels et biologiques en France.\u003c\/p\u003e\n\u003cdiv class=\"vf-grid-compact\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🏷️ Certification AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique et label européen bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n\u003cp\u003eHuile de lin obtenue par première pression à froid, préservant l'intégrité des acides gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eContrôle rigoureux des matières premières en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n\u003cp\u003eSans colorants, sans conservateurs artificiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #10 \u0026 #11 regroupés en accordéon --\u003e\n\u003csection class=\"vf-section\"\u003e\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"vf-section\"\u003e\n\u003ch2\u003eEn résumé : ce que Vital Flax Bio vous apporte\u003c\/h2\u003e\n\u003cdiv class=\"vf-cta-box\"\u003e\n\u003cp\u003e🌱 \u003cstrong\u003eHuile de graines de lin biologique\u003c\/strong\u003e, pressée à froid, riche en ALA\u003c\/p\u003e\n\u003cp\u003e🧬 \u003cstrong\u003eOméga-3, oméga-6 et oméga-9\u003c\/strong\u003e d'origine 100 % végétale\u003c\/p\u003e\n\u003cp\u003e🧘 Soutien de l'\u003cstrong\u003eéquilibre émotionnel\u003c\/strong\u003e, des \u003cstrong\u003efonctions cognitives\u003c\/strong\u003e et de la \u003cstrong\u003esanté cardiovasculaire\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e🔬 Formule enrichie en \u003cstrong\u003elignanes antioxydants\u003c\/strong\u003e et en \u003cstrong\u003evitamine E naturelle\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e🏷️ Certifié \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e, fabriqué en France par LT Labo\u003c\/p\u003e\n\u003cp\u003e💊 \u003cstrong\u003e60 capsules\u003c\/strong\u003e pour 1 à 2 mois de cure selon vos besoins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"vf-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --vf-cream: #F4F8FA;\n --vf-white: #ffffff;\n --vf-primary: #5B7FA5;\n --vf-primary-dark: #3A5A7C;\n --vf-primary-light: #E8F0F6;\n --vf-secondary: #4A7A3E;\n --vf-accent: #3D6B99;\n --vf-text: #1a1a1a;\n --vf-text-light: #5a5a5a;\n --vf-border: #dde5eb;\n --vf-shadow: 0 4px 24px rgba(59,90,124,.08);\n --vf-shadow-lg: 0 12px 48px rgba(59,90,124,.15);\n --vf-radius: 20px;\n --vf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.vf-hero {\n position: relative;\n background: linear-gradient(135deg, #3A5A7C 0%, #5B7FA5 40%, #4A7A3E 100%);\n border-radius: var(--vf-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(--vf-shadow-lg);\n}\n\n.vf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(74,122,62,.15) 0%, transparent 60%);\n opacity: 1;\n}\n\n.vf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vf-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.vf-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.01em;\n}\n\n.vf-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.vf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.vf-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(--vf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.vf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vf-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.vf-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(--vf-primary), var(--vf-secondary));\n border-radius: 2px;\n}\n\n.vf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.vf-highlight-box {\n background: var(--vf-white);\n border-radius: var(--vf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vf-shadow);\n border-left: 4px solid var(--vf-primary);\n}\n\n.vf-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--vf-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.vf-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.vf-card {\n background: var(--vf-white);\n border-radius: var(--vf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vf-shadow-lg);\n border-color: var(--vf-primary);\n}\n\n.vf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.vf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vf-grid-compact .vf-card {\n padding: 1rem;\n}\n\n.vf-grid-compact .vf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vf-grid-compact .vf-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.vf-compo-table {\n background: var(--vf-white);\n border-radius: var(--vf-radius);\n box-shadow: var(--vf-shadow);\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.vf-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--vf-border);\n transition: background .2s ease;\n}\n\n.vf-compo-row:last-child {\n border-bottom: none;\n}\n\n.vf-compo-row:hover {\n background: var(--vf-primary-light);\n}\n\n.vf-compo-header {\n background: linear-gradient(135deg, var(--vf-primary), var(--vf-primary-dark));\n color: white;\n}\n\n.vf-compo-header:hover {\n background: linear-gradient(135deg, var(--vf-primary), var(--vf-primary-dark));\n}\n\n.vf-compo-header .vf-compo-label,\n.vf-compo-header .vf-compo-value {\n color: white;\n font-weight: 700;\n font-size: 14px;\n}\n\n.vf-compo-label {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vf-text);\n font-weight: 600;\n}\n\n.vf-compo-value {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vf-primary-dark);\n font-weight: 700;\n text-align: right;\n flex-shrink: 0;\n}\n\n.vf-compo-sub .vf-compo-label {\n padding-left: 1rem;\n font-weight: 500;\n color: var(--vf-text-light);\n font-size: clamp(12px, 1.8vw, 14px);\n}\n\n.vf-compo-sub {\n background: rgba(232,240,246,.3);\n}\n\n\/* === TIMELINE === *\/\n.vf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.vf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vf-primary), var(--vf-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.vf-timeline-content {\n flex: 1;\n background: var(--vf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--vf-radius-sm);\n box-shadow: var(--vf-shadow);\n}\n\n.vf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--vf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vf-timeline-content p {\n font-size: 14px;\n color: var(--vf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vf-testimonial {\n background: var(--vf-white);\n border-radius: var(--vf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vf-shadow);\n border-left: 4px solid var(--vf-primary);\n}\n\n.vf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vf-accordion {\n background: var(--vf-white);\n border-radius: var(--vf-radius);\n box-shadow: var(--vf-shadow);\n overflow: hidden;\n}\n\n.vf-accordion-item {\n border-bottom: 1px solid var(--vf-border);\n margin: 0;\n padding: 0;\n}\n\n.vf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vf-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.vf-accordion-header:hover {\n background: var(--vf-primary-light);\n}\n\n.vf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vf-primary);\n transition: transform .2s ease;\n}\n\n.vf-accordion-item[open] .vf-accordion-header::after {\n content: '−';\n}\n\n.vf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.vf-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--vf-primary-light);\n border-radius: var(--vf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.vf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.vf-tip p {\n font-size: 14px;\n color: var(--vf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vf-cta-box {\n background: linear-gradient(135deg, var(--vf-primary) 0%, var(--vf-primary-dark) 100%);\n border-radius: var(--vf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vf-cta-box p {\n color: white;\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.8;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 .5rem 0;\n}\n\n.vf-cta-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.vf-disclaimer {\n font-size: 12px;\n color: var(--vf-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 .vf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vf-card {\n padding: 1.125rem;\n }\n\n .vf-section {\n margin-bottom: 1.75rem;\n }\n\n .vf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vf-radius-sm);\n }\n\n .vf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .vf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .vf-grid-compact {\n gap: .625rem;\n }\n\n .vf-grid-compact .vf-card {\n padding: .75rem;\n }\n\n .vf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .vf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .vf-timeline-content h3 {\n font-size: 14px;\n }\n\n .vf-timeline-content p {\n font-size: 13px;\n }\n\n .vf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .vf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .vf-testimonial {\n padding: 1.25rem;\n }\n\n .vf-testimonial-text {\n font-size: 14px;\n }\n\n .vf-highlight-box {\n padding: 1.25rem;\n }\n\n .vf-highlight-box p {\n font-size: 14px;\n }\n\n .vf-compo-row {\n padding: .75rem 1rem;\n }\n\n .vf-compo-label {\n font-size: 13px;\n }\n\n .vf-compo-value {\n font-size: 13px;\n }\n\n .vf-compo-sub .vf-compo-label {\n padding-left: .5rem;\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vf-card {\n animation: vfFadeInUp .5s ease backwards;\n }\n .vf-card:nth-child(1) { animation-delay: .05s; }\n .vf-card:nth-child(2) { animation-delay: .1s; }\n .vf-card:nth-child(3) { animation-delay: .15s; }\n .vf-card:nth-child(4) { animation-delay: .2s; }\n .vf-card:nth-child(5) { animation-delay: .25s; }\n .vf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes vfFadeInUp {\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 .vf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755273805981,"sku":"LT0060","price":17.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vital-flax-bio-equilibre-emotionnel-60-capsules-lt-labo-lifestyle.webp?v=1770725810"},{"product_id":"pastilles-de-secours-sos-nuit-paisible-fleurs-de-bach-50-g-biofloral","title":"Pastilles de Secours - SOS Nuit Paisible - Fleurs de Bach - 50g - Biofloral","description":"\u003cdiv class=\"sos-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sos-hero\"\u003e\n\u003cdiv class=\"sos-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sos-hero-content\"\u003e\n\u003cdiv class=\"sos-badges-top\"\u003e\n\u003cspan class=\"sos-badge\"\u003e🌙 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":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Pastilles-de-secours-nuit-paisible-fleurs-de-bach-1-475946.png?v=1732721401"},{"product_id":"pastilles-de-secours-sos-jour-serein-fleurs-de-bach-50-g-biofloral","title":"Pastilles aux Fleurs de Bach - SOS Jour Serein - 50g - Biofloral","description":"\u003cdiv class=\"sos-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sos-hero\"\u003e\n\u003cdiv class=\"sos-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sos-hero-content\"\u003e\n\u003cdiv class=\"sos-badges-top\"\u003e\n\u003cspan class=\"sos-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🍋 Goût citron\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sos-hero-title\"\u003ePastilles SOS Jour Serein\u003c\/span\u003e\n\u003cp class=\"sos-subtitle\"\u003eFleurs de Bach authentiques\u003c\/p\u003e\n\u003cp class=\"sos-description\"\u003eRetrouvez votre calme intérieur avec ces pastilles bio aux 5 quintessences florales. Une pause apaisante à glisser dans votre poche pour les journées intenses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePourquoi choisir les Pastilles SOS Jour Serein ?\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eLes fleurs de Bach sont reconnues depuis près d'un siècle pour leur capacité à accompagner l'équilibre émotionnel. Le Dr Edward Bach a mis au point ces élixirs floraux dans les années 1930 pour harmoniser les états émotionnels du quotidien.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😌 Sérénité retrouvée\u003c\/h3\u003e\n\u003cp\u003eRetrouvez votre calme lors de situations stressantes grâce à la synergie des 5 fleurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌸 Apaisement naturel\u003c\/h3\u003e\n\u003cp\u003eApaisez la nervosité passagère avec des quintessences florales authentiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e⚡ Retour au calme rapide\u003c\/h3\u003e\n\u003cp\u003eFavorisez un apaisement immédiat grâce au format pastille qui fond en bouche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🦋 Transitions en douceur\u003c\/h3\u003e\n\u003cp\u003eAccompagnez les périodes de transition émotionnelle avec bienveillance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLes Fleurs de Bach pour accompagner les moments de vie\u003c\/h2\u003e\n\u003cdiv class=\"sos-card-large\"\u003e\n\u003cp\u003eQue vous traversiez une période de changement professionnel, que vous viviez les bouleversements de la \u003cstrong\u003eménopause\u003c\/strong\u003e, ou simplement que vous ayez besoin d'un coup de pouce pour gérer le stress quotidien, les fleurs de Bach constituent une approche naturelle et douce.\u003c\/p\u003e\n\u003cp\u003eDe nombreuses femmes découvrent les bienfaits des fleurs de Bach pour la ménopause, cette période de transition où les émotions peuvent être particulièrement fluctuantes. Les pastilles SOS Jour Serein offrent un soutien précieux pour traverser ces moments avec plus de sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-tip\"\u003e\n\u003cspan class=\"sos-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCes pastilles peuvent accompagner une démarche globale de bien-être, notamment lors d'un rééquilibrage alimentaire où la gestion des émotions joue un rôle important.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLes cinq fleurs du complexe SOS\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eChaque pastille renferme l'essence de cinq fleurs de Bach aux propriétés complémentaires\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e🌼 Rock Rose\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eHélianthème\u003c\/em\u003e - Pour retrouver son courage face aux situations qui paralysent\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e💜 Impatiens\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eImpatiente\u003c\/em\u003e - Pour apaiser l'agitation et l'irritabilité du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e🌿 Clematis\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eClématite\u003c\/em\u003e - Pour rester ancré dans le présent et garder les pieds sur terre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e⭐ Star of Bethlehem\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eÉtoile de Bethléem\u003c\/em\u003e - Pour réconforter après un choc émotionnel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-flower\"\u003e\n\u003ch3\u003e🌸 Cherry Plum\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003ePrunier myrobolan\u003c\/em\u003e - Pour garder le contrôle de ses émotions\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"sos-composition\"\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🍬 Sucre de canne bio\u003c\/h3\u003e\n\u003cp\u003eBase naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🍯 Sirop de glucose bio\u003c\/h3\u003e\n\u003cp\u003eLiant naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌺 Fleurs de Bach bio\u003c\/h3\u003e\n\u003cp\u003e5 quintessences - 0,01%\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🍋 Arôme citron bio\u003c\/h3\u003e\n\u003cp\u003eGoût frais et agréable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-highlight-box\"\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Contenance :\u003c\/strong\u003e Boîte métallique de 50 g - Format nomade idéal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComment utiliser ces pastilles aux Fleurs de Bach ?\u003c\/h2\u003e\n\u003cdiv class=\"sos-timeline\"\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cdiv class=\"sos-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eLaissez fondre lentement\u003c\/h3\u003e\n\u003cp\u003ePlacez 1 à 2 pastilles dans votre bouche et laissez-les fondre doucement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cdiv class=\"sos-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n\u003cp\u003eVous pouvez prendre plusieurs pastilles par jour selon vos besoins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cdiv class=\"sos-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eChoisissez le bon moment\u003c\/h3\u003e\n\u003cp\u003eDès que vous ressentez une tension, avant un événement stressant, ou pour une pause bien-être\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-tip\"\u003e\n\u003cspan class=\"sos-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eLe goût citronné léger rend la prise agréable. Le format boîte métallique se glisse facilement dans un sac à main ou une poche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eL'engagement qualité Biofloral\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eBiofloral est un laboratoire français installé en Auvergne, au cœur d'un environnement préservé. Depuis plus de 25 ans, cette entreprise familiale élabore des fleurs de Bach authentiques.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🏅 Certifié Ecocert\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique contrôlée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌾 Cueillette sauvage\u003c\/h3\u003e\n\u003cp\u003eFleurs cueillies à la main\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e☀️ Méthode originale\u003c\/h3\u003e\n\u003cp\u003eSolarisation et ébullition\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🏔️ Made in Auvergne\u003c\/h3\u003e\n\u003cp\u003eFabrication 100% française\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePour qui sont destinées ces pastilles ?\u003c\/h2\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😰 Gestion du stress\u003c\/h3\u003e\n\u003cp\u003ePour gérer plus sereinement les situations de stress quotidien au travail ou à la maison\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌺 Périodes de transition\u003c\/h3\u003e\n\u003cp\u003eAccompagner naturellement les périodes comme la ménopause ou les changements de vie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🎒 Solution nomade\u003c\/h3\u003e\n\u003cp\u003eDisposer d'une solution pratique à emporter partout dans sa poche ou son sac\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🍬 Découverte gourmande\u003c\/h3\u003e\n\u003cp\u003eDécouvrir les fleurs de Bach sous une forme gourmande et accessible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"sos-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sos-accordion\"\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eCes pastilles contiennent du sucre de canne. Les personnes diabétiques doivent en tenir compte dans leur alimentation. Ce produit ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e👨⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eEn cas de troubles persistants, consultez un professionnel de santé.\u003c\/strong\u003e Les fleurs de Bach ne remplacent en aucun cas un traitement médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eConserver à l'abri de la chaleur et de l'humidité. À tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-cta-box\"\u003e\n\u003cp\u003e🌸 Offrez-vous une pause sérénité avec les Pastilles SOS Jour Serein - L'apaisement naturel au creux de votre poche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sos-disclaimer\"\u003eComplément alimentaire. Ne pas dépasser la dose journalière recommandée. À consommer dans le cadre d'un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sos-cream: #FDF6F0;\n --sos-white: #ffffff;\n --sos-primary: #F7D000;\n --sos-primary-dark: #5D3A1A;\n --sos-primary-light: #FFF8DC;\n --sos-secondary: #A67C52;\n --sos-accent: #E8B923;\n --sos-text: #1a1a1a;\n --sos-text-light: #5a5a5a;\n --sos-border: #e8ddd4;\n --sos-shadow: 0 4px 24px rgba(93,58,26,.08);\n --sos-shadow-lg: 0 12px 48px rgba(93,58,26,.15);\n --sos-radius: 20px;\n --sos-radius-sm: 12px;\n}\n\n.sos-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sos-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sos-hero {\n position: relative;\n background: linear-gradient(135deg, #F7D000 0%, #E8B923 50%, #5D3A1A 100%);\n border-radius: var(--sos-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sos-shadow-lg);\n}\n\n.sos-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%235D3A1A' fill-opacity='0.08'%3E%3Cpath d='M30 30c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zm-20 0c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.sos-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sos-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sos-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sos-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sos-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(93,58,26,.3);\n}\n\n.sos-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.sos-description {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(93,58,26,.2);\n}\n\n\/* === SECTIONS === *\/\n.sos-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sos-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sos-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sos-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sos-primary), var(--sos-secondary));\n border-radius: 2px;\n}\n\n.sos-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sos-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sos-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sos-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sos-shadow-lg);\n border-color: var(--sos-primary);\n}\n\n.sos-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sos-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sos-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sos-card-flower {\n border-left: 4px solid var(--sos-primary);\n}\n\n.sos-card-large {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sos-shadow);\n margin-bottom: 1rem;\n}\n\n.sos-card-large p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--sos-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.sos-card-large p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRILLES === *\/\n.sos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sos-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sos-grid-compact .sos-card {\n padding: 1rem;\n}\n\n.sos-grid-compact .sos-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sos-grid-compact .sos-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sos-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sos-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sos-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sos-primary), var(--sos-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(247,208,0,.3);\n}\n\n.sos-timeline-content {\n flex: 1;\n background: var(--sos-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sos-radius-sm);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sos-timeline-content p {\n font-size: 14px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sos-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sos-primary-light);\n border-radius: var(--sos-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--sos-primary);\n}\n\n.sos-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sos-tip p {\n font-size: 14px;\n color: var(--sos-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sos-highlight-box {\n display: flex;\n gap: 1rem;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--sos-primary-dark), var(--sos-secondary));\n border-radius: var(--sos-radius-sm);\n padding: 1rem 1.5rem;\n margin-top: 1.25rem;\n}\n\n.sos-highlight-icon {\n font-size: 28px;\n}\n\n.sos-highlight-box p {\n font-size: 15px;\n color: white;\n margin: 0;\n font-weight: 500;\n}\n\n\/* === ACCORDÉON === *\/\n.sos-accordion {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n box-shadow: var(--sos-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.sos-accordion-item {\n border-bottom: 1px solid var(--sos-border);\n margin: 0;\n padding: 0;\n}\n\n.sos-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sos-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sos-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sos-accordion-header:hover {\n background: var(--sos-primary-light);\n}\n\n.sos-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sos-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sos-primary-dark);\n transition: transform .2s ease;\n}\n\n.sos-accordion-item[open] .sos-accordion-header::after {\n content: '−';\n}\n\n.sos-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sos-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sos-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sos-cta-box {\n background: linear-gradient(135deg, var(--sos-primary) 0%, var(--sos-accent) 100%);\n border-radius: var(--sos-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sos-cta-box p {\n color: var(--sos-primary-dark);\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 700;\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sos-disclaimer {\n font-size: 12px;\n color: var(--sos-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === COMPOSITION SECTION === *\/\n.sos-composition {\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sos-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sos-card {\n padding: 1.125rem;\n }\n \n .sos-section {\n margin-bottom: 1.75rem;\n }\n \n .sos-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sos-radius-sm);\n }\n \n .sos-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sos-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sos-grid-compact {\n gap: .625rem;\n }\n \n .sos-grid-compact .sos-card {\n padding: .75rem;\n }\n \n .sos-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sos-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sos-timeline-content h3 {\n font-size: 14px;\n }\n \n .sos-timeline-content p {\n font-size: 13px;\n }\n \n .sos-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sos-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sos-card-large {\n padding: 1.25rem;\n }\n \n .sos-card-large p {\n font-size: 14px;\n }\n \n .sos-tip {\n padding: .875rem 1rem;\n }\n \n .sos-highlight-box {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sos-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sos-card:nth-child(1) { animation-delay: .05s; }\n .sos-card:nth-child(2) { animation-delay: .1s; }\n .sos-card:nth-child(3) { animation-delay: .15s; }\n .sos-card:nth-child(4) { animation-delay: .2s; }\n .sos-card:nth-child(5) { animation-delay: .25s; }\n .sos-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sos-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOFLORAL","offers":[{"title":"Default Title","offer_id":45755349696669,"sku":"BI0065","price":14.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Pastilles-de-secours-fleurs-de-bach-50-g-PASTILLESSECO-1-1.png?v=1770041913"},{"product_id":"diomune-200-ml-laboratoire-dioter","title":"Diomune - 200 ml – Laboratoire Dioter","description":"\u003cdiv class=\"dm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"dm-hero\"\u003e\n\u003cdiv class=\"dm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dm-hero-content\"\u003e\n\u003cdiv class=\"dm-badges-top\"\u003e\n\u003cspan class=\"dm-badge\"\u003e🌿 Phytothérapie\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e🇫🇷 Laboratoire français\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e🍃 Echinacée · Sureau · Thym\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e🧴 200 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"dm-hero-title\"\u003eDiomune\u003c\/span\u003e\n\u003cp class=\"dm-subtitle\"\u003eSirop défenses naturelles, Laboratoire Dioter\u003c\/p\u003e\n\u003cp class=\"dm-description\"\u003eUn véritable élixir naturel issu de la phytothérapie, conçu pour renforcer vos défenses immunitaires de façon douce, mais efficace. Grâce à un \u003cem\u003eprocédé de broyage à froid\u003c\/em\u003e préservant tous les principes actifs des plantes, ce complexe assure une synergie optimale entre nature et bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eUne formule naturelle, biologique et complémentaire\u003c\/h2\u003e\n\u003cp class=\"dm-section-intro\"\u003eChaque ingrédient a été sélectionné pour ses vertus reconnues et sa complémentarité au service de vos défenses immunitaires.\u003c\/p\u003e\n\u003cdiv class=\"dm-grid\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌸 Echinacée\u003c\/h3\u003e\n\u003cp\u003eStimule naturellement les défenses de l'organisme. Plante de référence en phytothérapie pour soutenir l'immunité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🫐 Sureau\u003c\/h3\u003e\n\u003cp\u003eContribue à l'élimination des toxines et soutient le système respiratoire. Un allié précieux lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌿 Thym\u003c\/h3\u003e\n\u003cp\u003eRéputé pour ses propriétés antiseptiques et fortifiantes. Un pilier de la tradition herboristique française.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n\u003cp\u003eRéduit la fatigue et contribue au fonctionnement normal du système immunitaire. 12 mg par dose journalière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eUn allié idéal en cure préventive\u003c\/h2\u003e\n\u003cdiv class=\"dm-card dm-card-highlight\"\u003e\n\u003cp\u003eAdapté à toute la famille, le sirop Diomune est recommandé en \u003cstrong\u003ecure saisonnière\u003c\/strong\u003e ou lors des changements de saison pour \u003cstrong\u003erenforcer la résistance naturelle de l'organisme\u003c\/strong\u003e. Il peut également être utilisé en soutien ponctuel lors des périodes de fatigue ou de fragilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-grid-compact\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n\u003cp\u003eRenforcez vos défenses en automne et en hiver\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e💪 Fatigue passagère\u003c\/h3\u003e\n\u003cp\u003eSoutien ponctuel lors des coups de mou\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eUn sirop adapté à toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🛡️ Prévention\u003c\/h3\u003e\n\u003cp\u003eCure préventive pour une immunité renforcée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eUne fabrication respectueuse de l'environnement\u003c\/h2\u003e\n\u003cdiv class=\"dm-card dm-card-highlight\"\u003e\n\u003cp\u003eCe produit est élaboré par le \u003cstrong\u003eLaboratoire Dioter\u003c\/strong\u003e, expert français en phytothérapie. Engagé dans une démarche éthique, Dioter privilégie les \u003cstrong\u003ematières premières biologiques\u003c\/strong\u003e et les \u003cstrong\u003eprocédés de fabrication doux et écologiques\u003c\/strong\u003e, pour des produits à la fois performants et respectueux de la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-grid-compact\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eExpertise et savoir-faire du Laboratoire Dioter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌱 Matières premières bio\u003c\/h3\u003e\n\u003cp\u003eIngrédients biologiques sélectionnés avec soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e❄️ Broyage à froid\u003c\/h3\u003e\n\u003cp\u003eProcédé préservant tous les principes actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e♻️ Démarche éco-responsable\u003c\/h3\u003e\n\u003cp\u003eProcédés doux et respectueux de la planète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"dm-timeline\"\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003ePrendre de \u003cstrong\u003e1 à 3 cuillères à café par jour\u003c\/strong\u003e, selon les besoins ou les recommandations d'un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eMode de prise\u003c\/h3\u003e\n\u003cp\u003ePur ou dilué dans un peu d'eau, au moment qui vous convient le mieux dans la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eDurée de cure\u003c\/h3\u003e\n\u003cp\u003eEn cure saisonnière de plusieurs semaines pour un soutien optimal de vos défenses immunitaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-tip\"\u003e\n\u003cspan class=\"dm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e commencez votre cure dès les premiers signes de changement de saison pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 \u0026 #6 regroupés en accordéon --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"dm-accordion\"\u003e\n\u003cdetails class=\"dm-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e📋 Ingrédients complets\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003eSirop de sucre, extraits fluides d'Echinacée (14 ml), de Sureau (14 ml), de Thym (7 ml), Vitamine C (160 mg).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dm-accordion-item\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e📊 Apport journalier (3 cuillères)\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003e2,63 ml d'extraits fluides dont Echinacée (40 %), Sureau (40 %), Thym (20 %), Vitamine C (12 mg).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"dm-accordion\"\u003e\n\u003cdetails class=\"dm-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire n'est pas un médicament. Ne pas dépasser la dose journalière recommandée. À consommer dans le cadre d'un régime alimentaire varié et équilibré. \u003cstrong\u003eTenir hors de portée des jeunes enfants.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"dm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"dm-cta-box\"\u003e\n\u003cp\u003e🌿 Renforcez naturellement vos défenses immunitaires avec Diomune : l'expertise phytothérapeutique du Laboratoire Dioter au service de votre bien-être quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"dm-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --dm-cream: #f7f6f1;\n --dm-white: #ffffff;\n --dm-primary: #7B8B2A;\n --dm-primary-dark: #4a5518;\n --dm-primary-light: #f0f3e4;\n --dm-secondary: #3A3A2E;\n --dm-accent: #A8B834;\n --dm-text: #1a1a1a;\n --dm-text-light: #5a5a5a;\n --dm-border: #e0e0e0;\n --dm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --dm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --dm-radius: 20px;\n --dm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--dm-secondary) 0%, #52522e 40%, var(--dm-primary) 100%);\n border-radius: var(--dm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--dm-shadow-lg);\n}\n\n.dm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(168,184,52,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(123,139,42,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.dm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.dm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.dm-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.dm-description em {\n color: var(--dm-accent);\n font-style: italic;\n}\n\n\/* === BADGES === *\/\n.dm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--dm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.dm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--dm-primary), var(--dm-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.dm-card {\n background: var(--dm-white);\n border-radius: var(--dm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dm-shadow-lg);\n border-color: var(--dm-primary);\n}\n\n.dm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dm-card-highlight {\n background: var(--dm-primary-light);\n border: 2px solid var(--dm-primary);\n margin-bottom: 1.25rem;\n text-align: left;\n}\n\n.dm-card-highlight:hover {\n transform: none;\n box-shadow: var(--dm-shadow);\n}\n\n.dm-card-highlight p {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--dm-text);\n line-height: 1.7;\n}\n\n.dm-card-highlight strong {\n color: var(--dm-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.dm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dm-grid-compact .dm-card {\n padding: 1rem;\n}\n\n.dm-grid-compact .dm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dm-grid-compact .dm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dm-primary), var(--dm-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.dm-timeline-content {\n flex: 1;\n background: var(--dm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dm-radius-sm);\n box-shadow: var(--dm-shadow);\n}\n\n.dm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dm-timeline-content p {\n font-size: 14px;\n color: var(--dm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.dm-testimonial {\n background: var(--dm-white);\n border-radius: var(--dm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dm-shadow);\n border-left: 4px solid var(--dm-primary);\n}\n\n.dm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.dm-accordion {\n background: var(--dm-white);\n border-radius: var(--dm-radius);\n box-shadow: var(--dm-shadow);\n overflow: hidden;\n}\n\n.dm-accordion-item {\n border-bottom: 1px solid var(--dm-border);\n margin: 0;\n padding: 0;\n}\n\n.dm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.dm-accordion-header:hover {\n background: var(--dm-primary-light);\n}\n\n.dm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dm-primary);\n transition: transform .2s ease;\n}\n\n.dm-accordion-item[open] .dm-accordion-header::after {\n content: '−';\n}\n\n.dm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.dm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dm-primary-light);\n border-radius: var(--dm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dm-tip p {\n font-size: 14px;\n color: var(--dm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.dm-cta-box {\n background: linear-gradient(135deg, var(--dm-primary) 0%, var(--dm-primary-dark) 100%);\n border-radius: var(--dm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.dm-disclaimer {\n font-size: 12px;\n color: var(--dm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .dm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dm-card {\n padding: 1.125rem;\n }\n\n .dm-section {\n margin-bottom: 1.75rem;\n }\n\n .dm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dm-radius-sm);\n }\n\n .dm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dm-grid-compact {\n gap: .625rem;\n }\n\n .dm-grid-compact .dm-card {\n padding: .75rem;\n }\n\n .dm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dm-timeline-content h3 {\n font-size: 14px;\n }\n\n .dm-timeline-content p {\n font-size: 13px;\n }\n\n .dm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .dm-testimonial {\n padding: 1.25rem;\n }\n\n .dm-testimonial-text {\n font-size: 14px;\n }\n\n .dm-card-highlight {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dm-card {\n animation: dmFadeInUp .5s ease backwards;\n }\n .dm-card:nth-child(1) { animation-delay: .05s; }\n .dm-card:nth-child(2) { animation-delay: .1s; }\n .dm-card:nth-child(3) { animation-delay: .15s; }\n .dm-card:nth-child(4) { animation-delay: .2s; }\n .dm-card:nth-child(5) { animation-delay: .25s; }\n .dm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55118125171065,"sku":"DI5000","price":22.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/diomune-200-ml-laboratoire-dioter-lifestyle.webp?v=1770628421"},{"product_id":"glucosamine-60-gelules-laboratoire-code","title":"Glucosamine Chondroïtine MSM - 60 gélules - Laboratoire Code","description":"\u003cdiv class=\"gc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gc-hero\"\u003e\n\u003cdiv class=\"gc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gc-hero-content\"\u003e\n\u003cdiv class=\"gc-badges-top\"\u003e\n\u003cspan class=\"gc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"gc-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e \u003cspan class=\"gc-badge\"\u003e💪 Confort articulaire\u003c\/span\u003e \u003cspan class=\"gc-badge\"\u003e🔬 3 actifs synergiques\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gc-hero-title\"\u003eGlucosamine Chondroïtine MSM\u003c\/span\u003e\n\u003cp class=\"gc-subtitle\"\u003eLaboratoire Code - 60 gélules végétales de 716 mg\u003c\/p\u003e\n\u003cp class=\"gc-description\"\u003eLa formule complète qui associe trois actifs majeurs et deux oligo-éléments pour soutenir la souplesse de vos articulations au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gc-section\"\u003e\n\u003ch2\u003eGlucosamine Chondroïtine MSM : votre allié pour le confort articulaire\u003c\/h2\u003e\n\u003cp class=\"gc-section-intro\"\u003eVous ressentez des raideurs le matin, des gênes au niveau des genoux ou des hanches après l'effort ?\u003c\/p\u003e\n\u003cdiv class=\"gc-highlight-box\"\u003e\n\u003cp\u003eLe complément alimentaire \u003cstrong\u003eGlucosamine Chondroïtine MSM\u003c\/strong\u003e du \u003cstrong\u003eLaboratoire Code\u003c\/strong\u003e a été conçu pour répondre précisément à ces inconforts du quotidien. Associant trois actifs majeurs à des oligo-éléments essentiels, cette formule complète soutient la \u003cstrong\u003esouplesse articulaire\u003c\/strong\u003e et contribue au \u003cstrong\u003emaintien de cartilages en bonne santé\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gc-section\"\u003e\n\u003ch2\u003ePourquoi associer glucosamine, chondroïtine et MSM ?\u003c\/h2\u003e\n\u003cp class=\"gc-section-intro\"\u003eLa combinaison glucosamine, chondroïtine et MSM est l'une des plus étudiées en matière de bien-être articulaire. Chaque actif joue un rôle complémentaire :\u003c\/p\u003e\n\u003cdiv class=\"gc-grid\"\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e🦴 Sulfate de glucosamine\u003c\/h3\u003e\n\u003cp class=\"gc-dosage\"\u003e900 mg \/ 3 gélules dont 540 mg actifs\u003c\/p\u003e\n\u003cp\u003eNaturellement présente dans le cartilage, la glucosamine participe à la production de glycosaminoglycanes, des molécules indispensables à la structure et à la résistance du tissu cartilagineux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e🛡️ Chondroïtine sulfate\u003c\/h3\u003e\n\u003cp class=\"gc-dosage\"\u003e540 mg \/ 3 gélules - titré à 90 %\u003c\/p\u003e\n\u003cp\u003eExtraite de poissons, la chondroïtine sulfate forme un duo reconnu avec la glucosamine pour aider à préserver l'élasticité du cartilage et limiter sa dégradation progressive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e⚡ MSM – Méthylsulfonylméthane\u003c\/h3\u003e\n\u003cp class=\"gc-dosage\"\u003e540 mg \/ 3 gélules\u003c\/p\u003e\n\u003cp\u003eCe composé soufré naturel soutient la synthèse du collagène et contribue au confort des tissus conjonctifs, pour des articulations plus souples.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gc-section\"\u003e\n\u003ch2\u003eDes oligo-éléments pour renforcer l'action articulaire\u003c\/h2\u003e\n\u003cp class=\"gc-section-intro\"\u003eCette formule glucosamine chondroïtine MSM est enrichie en deux minéraux ciblés :\u003c\/p\u003e\n\u003cdiv class=\"gc-grid-compact\"\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e🔶 Manganèse\u003c\/h3\u003e\n\u003cp class=\"gc-dosage\"\u003e1,74 mg - 87 % des VNR\u003c\/p\u003e\n\u003cp\u003eContribue à la formation normale du tissu conjonctif, essentiel à la solidité des articulations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e🟠 Cuivre\u003c\/h3\u003e\n\u003cp class=\"gc-dosage\"\u003e1 mg - 100 % des VNR\u003c\/p\u003e\n\u003cp\u003eParticipe à la protection des cellules contre le stress oxydatif et au maintien normal des tissus conjonctifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gc-section\"\u003e\n\u003ch2\u003eGlucosamine chondroïtine : danger ou complément sûr ?\u003c\/h2\u003e\n\u003cdiv class=\"gc-safety-box\"\u003e\n\u003cp\u003eLa question du danger de la glucosamine chondroïtine revient souvent. Aux dosages recommandés et en respectant les précautions d'emploi, ce complément est \u003cstrong\u003egénéralement bien toléré\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"gc-warning\"\u003e\n\u003cspan class=\"gc-warning-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes ou allaitantes, aux personnes diabétiques, asthmatiques, sous traitement anticoagulant (anti-vitamine K) ou ayant une alimentation contrôlée en sodium, potassium ou calcium.\u003c\/p\u003e\n\u003cp\u003eCe produit contient des dérivés de \u003cstrong\u003ecrustacés et de poissons\u003c\/strong\u003e : vérifiez l'absence d'allergie avant utilisation. En cas de doute, consultez votre médecin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gc-section\"\u003e\n\u003ch2\u003eComment prendre ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"gc-timeline\"\u003e\n\u003cdiv class=\"gc-timeline-item\"\u003e\n\u003cdiv class=\"gc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gc-timeline-content\"\u003e\n\u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 gélule 3 fois par jour\u003c\/strong\u003e, de préférence au cours des repas, avec un grand verre d'eau. Il est possible de doubler la dose selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-timeline-item\"\u003e\n\u003cdiv class=\"gc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gc-timeline-content\"\u003e\n\u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n\u003cp\u003ePour des résultats durables, une \u003cstrong\u003ecure d'au moins 4 semaines\u003c\/strong\u003e est recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-timeline-item\"\u003e\n\u003cdiv class=\"gc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gc-timeline-content\"\u003e\n\u003ch3\u003eContenu du pilulier\u003c\/h3\u003e\n\u003cp\u003eLe pilulier de \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e correspond à environ \u003cstrong\u003e20 jours de cure\u003c\/strong\u003e à la posologie standard.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gc-section\"\u003e\n\u003ch2\u003eComposition complète pour 3 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"gc-accordion\"\u003e\n\u003cdetails open=\"\" class=\"gc-accordion-item\"\u003e\n\u003csummary class=\"gc-accordion-header\"\u003e🧪 Actifs principaux\u003c\/summary\u003e\n\u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n\u003cul class=\"gc-compo-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSulfate de glucosamine 2KCl\u003c\/strong\u003e (crustacés) : \u003cspan class=\"gc-value\"\u003e900 mg\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMSM\u003c\/strong\u003e (Méthylsulfonylméthane) : \u003cspan class=\"gc-value\"\u003e540 mg\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSulfate de chondroïtine\u003c\/strong\u003e titré à 90 % (poissons) : \u003cspan class=\"gc-value\"\u003e540 mg\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gc-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"gc-accordion-header\"\u003e⚙️ Oligo-éléments\u003c\/summary\u003e\n\u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n\u003cul class=\"gc-compo-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGluconate de manganèse\u003c\/strong\u003e : \u003cspan class=\"gc-value\"\u003e1,74 mg (87 % VNR)\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGluconate de cuivre\u003c\/strong\u003e : \u003cspan class=\"gc-value\"\u003e1 mg (100 % VNR)\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gc-accordion-item\"\u003e\n\u003csummary class=\"gc-accordion-header\"\u003e💊 Enveloppe\u003c\/summary\u003e\n\u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n\u003cp\u003eGélule végétale (hypromellose)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gc-section\"\u003e\n\u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n\u003cdiv class=\"gc-grid-compact\"\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eSelon des normes strictes de qualité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e🌿 100 % végétal\u003c\/h3\u003e\n\u003cp\u003eGélules en hypromellose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e💊 60 gélules\u003c\/h3\u003e\n\u003cp\u003ePilulier de 716 mg par gélule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-card\"\u003e\n\u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n\u003cp\u003e42,96 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gc-cta-box\"\u003e\n\u003cp\u003e🦴 Retrouvez le confort de bouger sans contrainte - soutenez vos articulations avec la triple action Glucosamine + Chondroïtine + MSM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gc-disclaimer\"\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 enfants. Ne convient pas aux enfants ni aux adolescents.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --gc-cream: #F4F7FA;\n --gc-white: #ffffff;\n --gc-primary: #4A8FC2;\n --gc-primary-dark: #2B6A9E;\n --gc-primary-light: #E8F1F8;\n --gc-secondary: #D4243B;\n --gc-accent: #C41E32;\n --gc-text: #1a1a1a;\n --gc-text-light: #5a5a5a;\n --gc-border: #dde4ec;\n --gc-shadow: 0 4px 24px rgba(42, 106, 158, .08);\n --gc-shadow-lg: 0 12px 48px rgba(42, 106, 158, .15);\n --gc-radius: 20px;\n --gc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gc-primary) 0%, var(--gc-primary-dark) 50%, #1E4F75 100%);\n border-radius: var(--gc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gc-shadow-lg);\n}\n\n.gc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212, 36, 59, .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.gc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.gc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.gc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.gc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gc-primary), var(--gc-secondary));\n border-radius: 2px;\n}\n\n.gc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.gc-highlight-box {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gc-shadow);\n border-left: 5px solid var(--gc-primary);\n}\n\n.gc-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--gc-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.gc-highlight-box strong {\n color: var(--gc-primary-dark);\n}\n\n\/* === CARDS === *\/\n.gc-card {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gc-shadow-lg);\n border-color: var(--gc-primary);\n}\n\n.gc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gc-dosage {\n display: inline-block;\n background: var(--gc-primary-light);\n color: var(--gc-primary-dark) !important;\n font-size: 12px !important;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .5rem !important;\n}\n\n\/* === GRILLES === *\/\n.gc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gc-grid-compact .gc-card {\n padding: 1rem;\n}\n\n.gc-grid-compact .gc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gc-grid-compact .gc-card p {\n font-size: 12px;\n}\n\n\/* === SAFETY BOX === *\/\n.gc-safety-box {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gc-shadow);\n}\n\n.gc-safety-box \u003e p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--gc-text);\n line-height: 1.8;\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.gc-safety-box strong {\n color: var(--gc-primary-dark);\n}\n\n.gc-warning {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: #FFF5F5;\n border-radius: var(--gc-radius-sm);\n padding: 1rem 1.25rem;\n border-left: 4px solid var(--gc-secondary);\n}\n\n.gc-warning-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.gc-warning p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--gc-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.gc-warning p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.gc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gc-primary), var(--gc-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74, 143, 194, .3);\n}\n\n.gc-timeline-content {\n flex: 1;\n background: var(--gc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gc-radius-sm);\n box-shadow: var(--gc-shadow);\n}\n\n.gc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gc-timeline-content p {\n font-size: 14px;\n color: var(--gc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gc-timeline-content strong {\n color: var(--gc-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.gc-accordion {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n box-shadow: var(--gc-shadow);\n overflow: hidden;\n}\n\n.gc-accordion-item {\n border-bottom: 1px solid var(--gc-border);\n margin: 0;\n padding: 0;\n}\n\n.gc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gc-accordion-header:hover {\n background: var(--gc-primary-light);\n}\n\n.gc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gc-primary);\n transition: transform .2s ease;\n}\n\n.gc-accordion-item[open] .gc-accordion-header::after {\n content: '−';\n}\n\n.gc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gc-accordion-content p {\n margin: 0;\n}\n\n\/* === COMPO LIST === *\/\n.gc-compo-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.gc-compo-list li {\n padding: .625rem 0;\n border-bottom: 1px solid var(--gc-border);\n font-size: 14px;\n color: var(--gc-text);\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: .25rem;\n}\n\n.gc-compo-list li:last-child {\n border-bottom: none;\n}\n\n.gc-compo-list strong {\n color: var(--gc-primary-dark);\n}\n\n.gc-value {\n font-weight: 800;\n color: var(--gc-secondary);\n white-space: nowrap;\n}\n\n\/* === CTA === *\/\n.gc-cta-box {\n background: linear-gradient(135deg, var(--gc-primary) 0%, var(--gc-primary-dark) 100%);\n border-radius: var(--gc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.gc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gc-disclaimer {\n font-size: 12px;\n color: var(--gc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gc-card {\n padding: 1.125rem;\n }\n\n .gc-section {\n margin-bottom: 1.75rem;\n }\n\n .gc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gc-radius-sm);\n }\n\n .gc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gc-grid-compact {\n gap: .625rem;\n }\n\n .gc-grid-compact .gc-card {\n padding: .75rem;\n }\n\n .gc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gc-timeline-content h3 {\n font-size: 14px;\n }\n\n .gc-timeline-content p {\n font-size: 13px;\n }\n\n .gc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gc-highlight-box {\n padding: 1.25rem;\n }\n\n .gc-safety-box {\n padding: 1.25rem;\n }\n\n .gc-warning {\n padding: .875rem 1rem;\n }\n\n .gc-compo-list li {\n font-size: 13px;\n flex-direction: column;\n align-items: flex-start;\n gap: .125rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gc-card {\n animation: gcFadeInUp .5s ease backwards;\n }\n .gc-card:nth-child(1) { animation-delay: .05s; }\n .gc-card:nth-child(2) { animation-delay: .1s; }\n .gc-card:nth-child(3) { animation-delay: .15s; }\n .gc-card:nth-child(4) { animation-delay: .2s; }\n .gc-card:nth-child(5) { animation-delay: .25s; }\n .gc-card:nth-child(6) { animation-delay: .3s; }\n\n .gc-timeline-item {\n animation: gcFadeInUp .5s ease backwards;\n }\n .gc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .gc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .gc-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes gcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55118135460217,"sku":"LC9110","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glucosamine-chondroitine-msm-60-gelules-laboratoire-code-packshothd_20c6adde-f56a-4bc5-b753-f3b3d372414b.webp?v=1785949761"},{"product_id":"fleur-de-bach-centaury-centauree-bio-10-ml-dioter","title":"Fleur de Bach Centaury (Centaurée) bio - 10 ml - Dioter","description":"\u003cdiv class=\"ct-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ct-hero\"\u003e\n\u003cdiv class=\"ct-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ct-hero-content\"\u003e\n\u003cdiv class=\"ct-badges-top\"\u003e\n\u003cspan class=\"ct-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"ct-badge\"\u003e🇫🇷 Centaurée française\u003c\/span\u003e \u003cspan class=\"ct-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ct-hero-title\"\u003eFleur de Bach Centaury (Centaurée) bio\u003c\/span\u003e\n\u003cp class=\"ct-subtitle\"\u003eÉlixir floral Dioter - Méthode originelle du Dr Bach\u003c\/p\u003e\n\u003cp class=\"ct-description\"\u003eRetrouvez votre force intérieure et apprenez à poser vos limites avec douceur grâce à cet élixir floral de \u003cem\u003eCentaurium erythraea\u003c\/em\u003e, symbole de détermination, d'équilibre émotionnel et d'estime de soi retrouvée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ct-section\"\u003e\n\u003ch2\u003eUne réponse naturelle à la sensibilité excessive\u003c\/h2\u003e\n\u003cp class=\"ct-section-intro\"\u003eParticulièrement recommandée aux personnes trop serviables ou influençables, la Fleur de Bach Centaurée agit comme un véritable soutien émotionnel au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"ct-grid\"\u003e\n\u003cdiv class=\"ct-card\"\u003e\n\u003ch3\u003e💪 Autodétermination\u003c\/h3\u003e\n\u003cp\u003eDéveloppez votre capacité à prendre des décisions alignées avec vos véritables besoins et envies, sans culpabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-card\"\u003e\n\u003ch3\u003e🛡️ Poser ses limites\u003c\/h3\u003e\n\u003cp\u003eSortez de la soumission et apprenez à dire non avec assurance et bienveillance, tout en respectant les autres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-card\"\u003e\n\u003ch3\u003e🌸 Écoute de soi\u003c\/h3\u003e\n\u003cp\u003eReconnectez-vous à vos besoins personnels et prenez position avec confiance dans chaque aspect de votre quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ct-section\"\u003e\n\u003ch2\u003eDes ingrédients bio, purs et respectueux de la nature\u003c\/h2\u003e\n\u003cdiv class=\"ct-grid-compact\"\u003e\n\u003cdiv class=\"ct-card\"\u003e\n\u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n\u003cp\u003eÉlixir floral obtenu par solarisation de centaurée sauvage française\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-card\"\u003e\n\u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eExtrait issu de l'agriculture biologique certifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eAlcool de cognac biologique comme conservateur naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-card\"\u003e\n\u003ch3\u003e✅ FR-BIO-01\u003c\/h3\u003e\n\u003cp\u003eCertification biologique officielle garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ct-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"ct-timeline\"\u003e\n\u003cdiv class=\"ct-timeline-item\"\u003e\n\u003cdiv class=\"ct-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ct-timeline-content\"\u003e\n\u003ch3\u003eUtilisation express\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e diluées dans un verre d'eau ou directement sous la langue, à renouveler plusieurs fois par jour selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-timeline-item\"\u003e\n\u003cdiv class=\"ct-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ct-timeline-content\"\u003e\n\u003ch3\u003eUtilisation prolongée\u003c\/h3\u003e\n\u003cp\u003ePréparez un mélange de \u003cstrong\u003e25 gouttes dans un demi-litre d'eau\u003c\/strong\u003e non gazeuse et consommez en 4 à 5 prises quotidiennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-timeline-item\"\u003e\n\u003cdiv class=\"ct-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ct-timeline-content\"\u003e\n\u003ch3\u003eAvant chaque prise\u003c\/h3\u003e\n\u003cp\u003eAgitez bien le flacon ou la bouteille avant chaque usage pour garantir une bonne répartition de l'élixir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ct-tip\"\u003e\n\u003cspan class=\"ct-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLaissez quelques instants l'élixir en bouche avant d'avaler pour une absorption optimale par la muqueuse sublinguale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ct-section\"\u003e\n\u003ch2\u003eInformations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"ct-accordion\"\u003e\n\u003cdetails class=\"ct-accordion-item\"\u003e\n\u003csummary class=\"ct-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n\u003cdiv class=\"ct-accordion-content mt-3\"\u003e\n\u003cp\u003eFlacon compte-gouttes en verre ambré de 10 ml, avec pipette doseuse pour un usage précis et hygiénique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ct-accordion-item\"\u003e\n\u003csummary class=\"ct-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ct-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation équilibrée et variée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. À tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"ct-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"ct-cta-box\"\u003e\n\u003cp\u003e🌿 Reconnectez-vous à votre force intérieure avec la douceur de la Centaurée bio — un allié précieux pour affirmer qui vous êtes, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ct-disclaimer\"\u003eComplément alimentaire — Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ct-cream: #FDF8F3;\n --ct-white: #ffffff;\n --ct-primary: #A07830;\n --ct-primary-dark: #6B4F1D;\n --ct-primary-light: #F5EDE0;\n --ct-secondary: #D4A574;\n --ct-accent: #E8B4B8;\n --ct-text: #1a1a1a;\n --ct-text-light: #5a5a5a;\n --ct-border: #e8ddd0;\n --ct-shadow: 0 4px 24px rgba(107,79,29,.08);\n --ct-shadow-lg: 0 12px 48px rgba(107,79,29,.15);\n --ct-radius: 20px;\n --ct-radius-sm: 12px;\n}\n\n.ct-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ct-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ct-hero {\n position: relative;\n background: linear-gradient(135deg, #6B4F1D 0%, #A07830 40%, #D4A574 75%, #E8B4B8 100%);\n border-radius: var(--ct-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ct-shadow-lg);\n}\n\n.ct-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(232,180,184,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ct-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ct-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ct-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.ct-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ct-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ct-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ct-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ct-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ct-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ct-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ct-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ct-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ct-primary), var(--ct-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ct-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ct-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.ct-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ct-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ct-shadow-lg);\n border-color: var(--ct-primary);\n}\n\n.ct-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ct-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ct-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ct-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ct-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ct-grid-compact .ct-card {\n padding: 1rem;\n}\n\n.ct-grid-compact .ct-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ct-grid-compact .ct-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ct-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ct-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ct-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ct-primary), var(--ct-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ct-timeline-content {\n flex: 1;\n background: var(--ct-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ct-radius-sm);\n box-shadow: var(--ct-shadow);\n}\n\n.ct-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ct-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ct-timeline-content p {\n font-size: 14px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ct-testimonial {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ct-shadow);\n border-left: 4px solid var(--ct-primary);\n}\n\n.ct-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ct-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ct-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ct-primary-light);\n border-radius: var(--ct-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ct-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ct-tip p {\n font-size: 14px;\n color: var(--ct-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ct-accordion {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n box-shadow: var(--ct-shadow);\n overflow: hidden;\n}\n\n.ct-accordion-item {\n border-bottom: 1px solid var(--ct-border);\n margin: 0;\n padding: 0;\n}\n\n.ct-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ct-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ct-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ct-accordion-header:hover {\n background: var(--ct-primary-light);\n}\n\n.ct-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ct-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ct-primary);\n transition: transform .2s ease;\n}\n\n.ct-accordion-item[open] .ct-accordion-header::after {\n content: '−';\n}\n\n.ct-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ct-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ct-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ct-cta-box {\n background: linear-gradient(135deg, var(--ct-primary) 0%, var(--ct-primary-dark) 100%);\n border-radius: var(--ct-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ct-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ct-disclaimer {\n font-size: 12px;\n color: var(--ct-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ct-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ct-card {\n padding: 1.125rem;\n }\n\n .ct-section {\n margin-bottom: 1.75rem;\n }\n\n .ct-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ct-radius-sm);\n }\n\n .ct-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ct-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ct-grid-compact {\n gap: .625rem;\n }\n\n .ct-grid-compact .ct-card {\n padding: .75rem;\n }\n\n .ct-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ct-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ct-timeline-content h3 {\n font-size: 14px;\n }\n\n .ct-timeline-content p {\n font-size: 13px;\n }\n\n .ct-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ct-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ct-testimonial {\n padding: 1.25rem;\n }\n\n .ct-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ct-card {\n animation: ctFadeInUp .5s ease backwards;\n }\n .ct-card:nth-child(1) { animation-delay: .05s; }\n .ct-card:nth-child(2) { animation-delay: .1s; }\n .ct-card:nth-child(3) { animation-delay: .15s; }\n .ct-card:nth-child(4) { animation-delay: .2s; }\n .ct-card:nth-child(5) { animation-delay: .25s; }\n .ct-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ctFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ct-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55118198342009,"sku":"DI5034","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-centaury-centauree-bio-10-ml-dioter-lifestyle.webp?v=1770635610"},{"product_id":"energie-virile-bio-60-gelules-laboratoire-code","title":"Energie Virile bio - 60 gélules - Laboratoire Code","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Energie Virile bio - 60 gélules - Laboratoire Code\nPalette détectée:\n - Primaire: #C41E3A (rouge vif du label \"ENERGIE VIRILE\")\n - Secondaire: #6B9BC3 (bleu ciel du couvercle et bande décorative)\n - Accent: #1E3A5F (bleu foncé pour contraste et profondeur)\n - Cream: #F8F6F3 (fond neutre chaleureux)\nAmbiance: Masculin, dynamique, énergique, laboratoire\/scientifique avec touche premium et moderne\nPréfixe CSS: ev\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Des ingrédients actifs reconnus pour leurs bienfaits\"\n 2. \"Un soutien global pour la vitalité masculine\"\n 3. \"Un produit naturel et vegan, fabriqué en France\"\n 4. \"Conseils d'utilisation\"\n 5. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ev-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ev-hero\"\u003e\n \u003cdiv class=\"ev-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ev-hero-content\"\u003e\n \u003cdiv class=\"ev-badges-top\"\u003e\n \u003cspan class=\"ev-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ev-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"ev-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ev-hero-title\"\u003eÉnergie Virile Bio\u003c\/span\u003e\n \u003cp class=\"ev-subtitle\"\u003eLaboratoire Code • 60 gélules végétales de 555 mg\u003c\/p\u003e\n \u003cp class=\"ev-description\"\u003eRéveillez votre vitalité masculine grâce à une synergie puissante de plantes médicinales, vitamines et oligo-éléments pour soutenir naturellement libido, tonus et performances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ev-section\"\u003e\n \u003ch2\u003eDes ingrédients actifs reconnus pour leurs bienfaits\u003c\/h2\u003e\n \u003cp class=\"ev-section-intro\"\u003eUne formulation experte qui réunit le meilleur de la nature pour la vitalité masculine\u003c\/p\u003e\n \u003cdiv class=\"ev-grid\"\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🌸 Safran\u003c\/h3\u003e\n \u003cp\u003eStimule la libido et soutient les performances sexuelles de manière naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e💪 Tribulus terrestris\u003c\/h3\u003e\n \u003cp\u003eMaintient le tonus musculaire et booste les niveaux d'énergie au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🌴 Saw palmetto\u003c\/h3\u003e\n \u003cp\u003ePlante bénéfique pour la santé masculine et la fonction reproductive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e⚡ Zinc\u003c\/h3\u003e\n \u003cp\u003eEssentiel au maintien d'un taux normal de testostérone dans l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n \u003cp\u003eFavorise une spermatogenèse normale et protège les cellules du stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🔥 Gingembre \u0026amp; Maca\u003c\/h3\u003e\n \u003cp\u003eDuo aux vertus stimulantes et énergisantes reconnues depuis des siècles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ev-section\"\u003e\n \u003ch2\u003eUn soutien global pour la vitalité masculine\u003c\/h2\u003e\n \u003cdiv class=\"ev-highlight-box\"\u003e\n \u003cdiv class=\"ev-highlight-content\"\u003e\n \u003cp\u003eEnrichi en \u003cstrong\u003evitamines B1, B2 et B3\u003c\/strong\u003e, ce complément aide à réduire la fatigue et soutenir le métabolisme énergétique. \u003cem\u003eÉnergie Virile Bio\u003c\/em\u003e est un véritable allié pour renforcer naturellement la vitalité physique, émotionnelle et sexuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-grid-compact\"\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🏃 Énergie physique\u003c\/h3\u003e\n \u003cp\u003eBoost du métabolisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e❤️ Vitalité sexuelle\u003c\/h3\u003e\n \u003cp\u003eLibido renforcée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🧠 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eBien-être global\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e⚡ Anti-fatigue\u003c\/h3\u003e\n \u003cp\u003eRéduction de l'épuisement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ev-section\"\u003e\n \u003ch2\u003eUn produit naturel et vegan, fabriqué en France\u003c\/h2\u003e\n \u003cdiv class=\"ev-france-box\"\u003e\n \u003cdiv class=\"ev-france-grid\"\u003e\n \u003cdiv class=\"ev-france-item\"\u003e\n \u003cspan class=\"ev-france-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFabrication française\u003c\/strong\u003e\n \u003cp\u003eNormes de qualité les plus strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-france-item\"\u003e\n \u003cspan class=\"ev-france-icon\"\u003e🌱\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eGélules végétales\u003c\/strong\u003e\n \u003cp\u003eAdaptées aux végétariens et vegans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-france-item\"\u003e\n \u003cspan class=\"ev-france-icon\"\u003e🚫\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eSans ingrédient animal\u003c\/strong\u003e\n \u003cp\u003eRespectueux de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-france-item\"\u003e\n \u003cspan class=\"ev-france-icon\"\u003e✅\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eQualité premium\u003c\/strong\u003e\n \u003cp\u003eSélection rigoureuse des actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ev-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ev-timeline\"\u003e\n \u003cdiv class=\"ev-timeline-item\"\u003e\n \u003cdiv class=\"ev-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ev-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-timeline-item\"\u003e\n \u003cdiv class=\"ev-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ev-timeline-content\"\u003e\n \u003ch3\u003eProgramme recommandé\u003c\/h3\u003e\n \u003cp\u003eCure de \u003cstrong\u003e30 jours\u003c\/strong\u003e pour des résultats optimaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-tip\"\u003e\n \u003cspan class=\"ev-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une efficacité maximale, prenez vos gélules de préférence le matin au petit-déjeuner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ev-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ev-accordion\"\u003e\n \u003cdetails class=\"ev-accordion-item\"\u003e\n \u003csummary class=\"ev-accordion-header\"\u003e⚠️ Dosage et utilisation\u003c\/summary\u003e\n \u003cdiv class=\"ev-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 2 gélules. Ce complément alimentaire ne remplace pas une alimentation équilibrée et variée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ev-accordion-item\"\u003e\n \u003csummary class=\"ev-accordion-header\"\u003e👶 Conservation et sécurité\u003c\/summary\u003e\n \u003cdiv class=\"ev-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ev-accordion-item\"\u003e\n \u003csummary class=\"ev-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"ev-accordion-content\"\u003e\n \u003cp\u003eDemandez l'avis de votre médecin en cas de traitement anticoagulant ou de toute autre médication en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"ev-disclaimer\"\u003eLes compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain et ne peuvent se substituer à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ev-cream: #F8F6F3;\n --ev-white: #ffffff;\n --ev-primary: #C41E3A;\n --ev-primary-dark: #9A1829;\n --ev-primary-light: #FCE8EB;\n --ev-secondary: #6B9BC3;\n --ev-secondary-dark: #4A7BA3;\n --ev-accent: #1E3A5F;\n --ev-text: #1a1a1a;\n --ev-text-light: #5a5a5a;\n --ev-border: #e0e0e0;\n --ev-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ev-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ev-radius: 20px;\n --ev-radius-sm: 12px;\n}\n\n.ev-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ev-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ev-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ev-primary) 0%, var(--ev-primary-dark) 40%, var(--ev-accent) 100%);\n border-radius: var(--ev-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(--ev-shadow-lg);\n}\n\n.ev-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.ev-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ev-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.ev-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.ev-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.ev-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ev-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(--ev-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ev-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ev-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ev-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ev-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.ev-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(--ev-primary), var(--ev-secondary));\n border-radius: 2px;\n}\n\n.ev-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ev-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.ev-card {\n background: var(--ev-white);\n border-radius: var(--ev-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ev-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ev-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ev-shadow-lg);\n border-color: var(--ev-primary);\n}\n\n.ev-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ev-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ev-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ev-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ev-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ev-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ev-grid-compact .ev-card {\n padding: 1rem;\n}\n\n.ev-grid-compact .ev-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ev-grid-compact .ev-card p {\n font-size: 12px;\n}\n\n.ev-highlight-box {\n background: linear-gradient(135deg, var(--ev-secondary) 0%, var(--ev-secondary-dark) 100%);\n border-radius: var(--ev-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: 1.5rem;\n box-shadow: var(--ev-shadow);\n}\n\n.ev-highlight-content p {\n color: white;\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.8;\n margin: 0;\n text-align: center;\n}\n\n.ev-highlight-content strong {\n color: white;\n}\n\n.ev-france-box {\n background: var(--ev-white);\n border-radius: var(--ev-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ev-shadow);\n}\n\n.ev-france-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.ev-france-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.ev-france-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.ev-france-item strong {\n display: block;\n font-size: 15px;\n font-weight: 700;\n color: var(--ev-primary-dark);\n margin-bottom: .25rem;\n}\n\n.ev-france-item p {\n font-size: 13px;\n color: var(--ev-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ev-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ev-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ev-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ev-primary), var(--ev-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ev-timeline-content {\n flex: 1;\n background: var(--ev-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ev-radius-sm);\n box-shadow: var(--ev-shadow);\n}\n\n.ev-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ev-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ev-timeline-content p {\n font-size: 14px;\n color: var(--ev-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ev-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ev-primary-light);\n border-radius: var(--ev-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ev-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ev-tip p {\n font-size: 14px;\n color: var(--ev-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.ev-accordion {\n background: var(--ev-white);\n border-radius: var(--ev-radius);\n box-shadow: var(--ev-shadow);\n overflow: hidden;\n}\n\n.ev-accordion-item {\n border-bottom: 1px solid var(--ev-border);\n margin: 0;\n padding: 0;\n}\n\n.ev-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ev-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ev-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.ev-accordion-header:hover {\n background: var(--ev-primary-light);\n}\n\n.ev-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ev-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ev-primary);\n transition: transform .2s ease;\n}\n\n.ev-accordion-item[open] .ev-accordion-header::after {\n content: '−';\n}\n\n.ev-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ev-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.ev-accordion-content p {\n margin: 0;\n}\n\n.ev-disclaimer {\n font-size: 12px;\n color: var(--ev-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .ev-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ev-card {\n padding: 1.125rem;\n }\n \n .ev-section {\n margin-bottom: 1.75rem;\n }\n \n .ev-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ev-radius-sm);\n }\n \n .ev-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ev-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ev-grid-compact {\n gap: .625rem;\n }\n \n .ev-grid-compact .ev-card {\n padding: .75rem;\n }\n \n .ev-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .ev-timeline-content {\n padding: .875rem 1rem;\n }\n \n .ev-timeline-content h3 {\n font-size: 14px;\n }\n \n .ev-timeline-content p {\n font-size: 13px;\n }\n \n .ev-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ev-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ev-highlight-box {\n padding: 1.25rem;\n }\n \n .ev-france-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ev-france-icon {\n font-size: 24px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .ev-card {\n animation: evFadeInUp .5s ease backwards;\n }\n .ev-card:nth-child(1) { animation-delay: .05s; }\n .ev-card:nth-child(2) { animation-delay: .1s; }\n .ev-card:nth-child(3) { animation-delay: .15s; }\n .ev-card:nth-child(4) { animation-delay: .2s; }\n .ev-card:nth-child(5) { animation-delay: .25s; }\n .ev-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes evFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ev-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55118929494393,"sku":"LC9080","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/energie-virile-60-gelules-laboratoire-code_1.webp?v=1744635150"},{"product_id":"melatonine-verveine-bio-60-gelules-laboratoire-code","title":"Mélatonine Verveine - 60 gélules - Laboratoire Code","description":"\u003cdiv class=\"mv-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"mv-hero\"\u003e\n\u003cdiv class=\"mv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mv-hero-content\"\u003e\n\u003cdiv class=\"mv-badges-top\"\u003e\n\u003cspan class=\"mv-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e \u003cspan class=\"mv-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e \u003cspan class=\"mv-badge\"\u003e🌙 1,8 mg de mélatonine\u003c\/span\u003e \u003cspan class=\"mv-badge\"\u003e💊 60 gélules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mv-hero-title\"\u003eMélatonine Verveine\u003c\/span\u003e\n\u003cp class=\"mv-subtitle\"\u003eLaboratoire Code - 60 gélules végétales de 325 mg\u003c\/p\u003e\n\u003cp class=\"mv-description\"\u003eL'alliance apaisante de la mélatonine et de la verveine pour retrouver un endormissement serein, réduire les effets du décalage horaire et favoriser un sommeil profond et réparateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"mv-section\"\u003e\n\u003ch2\u003eMélatonine Verveine : retrouvez un endormissement serein et naturel\u003c\/h2\u003e\n\u003cp class=\"mv-section-intro\"\u003eVous avez du mal à trouver le sommeil le soir ? Les nuits agitées, les réveils difficiles ou le \u003cstrong\u003edécalage horaire\u003c\/strong\u003e perturbent votre quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"mv-grid-compact\"\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e🌙 Endormissement facilité\u003c\/h3\u003e\n\u003cp\u003eLa mélatonine réduit le temps nécessaire pour s'endormir naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e🌿 Synergie végétale\u003c\/h3\u003e\n\u003cp\u003eMélatonine + verveine : deux actifs complémentaires pour des nuits apaisées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e🚫 Sans accoutumance\u003c\/h3\u003e\n\u003cp\u003eUne solution douce, sans dépendance ni effets résiduels au réveil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n\u003cp\u003eFormule végétale, conditionnée en France pour une traçabilité totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"mv-section\"\u003e\n\u003ch2\u003ePourquoi associer mélatonine et verveine pour le sommeil ?\u003c\/h2\u003e\n\u003cdiv class=\"mv-dual-block\"\u003e\n\u003cdiv class=\"mv-card mv-card-highlight mv-card-mela\"\u003e\n\u003ch3\u003e🧠 La mélatonine, hormone du sommeil\u003c\/h3\u003e\n\u003cp\u003eNaturellement produite par notre cerveau à la tombée de la nuit, la \u003cstrong\u003emélatonine\u003c\/strong\u003e signale à votre organisme qu'il est temps de se reposer. Lorsque sa sécrétion est perturbée - par les écrans, le stress, un voyage ou un rythme de vie décalé - l'endormissement devient plus difficile. Un apport en \u003cstrong\u003emélatonine pour le sommeil\u003c\/strong\u003e contribue alors à réduire le temps nécessaire pour s'endormir et à atténuer les effets du jet-lag.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-card mv-card-highlight mv-card-verv\"\u003e\n\u003ch3\u003e🌿 La verveine, plante de la détente\u003c\/h3\u003e\n\u003cp\u003eLa \u003cstrong\u003everveine\u003c\/strong\u003e est traditionnellement reconnue pour ses propriétés relaxantes. Elle favorise une détente mentale et physique propice au coucher. En l'associant à la mélatonine, cette formule crée une véritable synergie : la verveine prépare votre corps au repos, tandis que la mélatonine enclenche le processus d'endormissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-tip\"\u003e\n\u003cspan class=\"mv-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous ne vous contentez pas de dormir plus vite : vous abordez la nuit dans de meilleures conditions pour un \u003cstrong\u003esommeil profond\u003c\/strong\u003e et réparateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"mv-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément alimentaire sommeil ?\u003c\/h2\u003e\n\u003cdiv class=\"mv-grid\"\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e✈️ Voyageurs fréquents\u003c\/h3\u003e\n\u003cp\u003eLimitez efficacement les effets du décalage horaire et retrouvez votre rythme plus rapidement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e🔄 Horaires irréguliers\u003c\/h3\u003e\n\u003cp\u003eTravail posté, gardes de nuit : recalez votre horloge biologique en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e😴 Difficultés d'endormissement\u003c\/h3\u003e\n\u003cp\u003eAdultes ayant du mal à s'endormir ou souffrant d'un sommeil léger et non réparateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e🌱 Alternative naturelle\u003c\/h3\u003e\n\u003cp\u003ePour toute personne cherchant une solution douce et végétale, loin des somnifères classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"mv-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 2 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"mv-composition\"\u003e\n\u003cdiv class=\"mv-compo-item\"\u003e\n\u003cdiv class=\"mv-compo-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"mv-compo-info\"\u003e\n\u003ch3\u003eVerveine (poudre)\u003c\/h3\u003e\n\u003cp class=\"mv-compo-dose\"\u003e498 mg\u003c\/p\u003e\n\u003cp\u003ePlante relaxante qui prépare le corps au repos et favorise la détente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-compo-item\"\u003e\n\u003cdiv class=\"mv-compo-icon\"\u003e🌙\u003c\/div\u003e\n\u003cdiv class=\"mv-compo-info\"\u003e\n\u003ch3\u003eMélatonine\u003c\/h3\u003e\n\u003cp class=\"mv-compo-dose\"\u003e1,8 mg\u003c\/p\u003e\n\u003cp\u003eHormone du sommeil qui réduit le temps d'endormissement et atténue le jet-lag.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-compo-item\"\u003e\n\u003cdiv class=\"mv-compo-icon\"\u003e💊\u003c\/div\u003e\n\u003cdiv class=\"mv-compo-info\"\u003e\n\u003ch3\u003eEnveloppe de la gélule\u003c\/h3\u003e\n\u003cp class=\"mv-compo-dose\"\u003eHypromellose\u003c\/p\u003e\n\u003cp\u003eGélule 100 % végétale, compatible avec un régime végétalien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-tip\"\u003e\n\u003cspan class=\"mv-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eChaque pilulier contient \u003cstrong\u003e60 gélules végétales de 325 mg\u003c\/strong\u003e, soit \u003cstrong\u003e30 à 60 jours\u003c\/strong\u003e d'utilisation selon le dosage choisi. Formule sans ingrédient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"mv-section\"\u003e\n\u003ch2\u003eConseils d'utilisation : comment prendre la mélatonine verveine ?\u003c\/h2\u003e\n\u003cdiv class=\"mv-timeline\"\u003e\n\u003cdiv class=\"mv-timeline-item\"\u003e\n\u003cdiv class=\"mv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mv-timeline-content\"\u003e\n\u003ch3\u003ePour faciliter l'endormissement\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules\u003c\/strong\u003e avec un verre d'eau, \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-timeline-item\"\u003e\n\u003cdiv class=\"mv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mv-timeline-content\"\u003e\n\u003ch3\u003eEn cas de décalage horaire\u003c\/h3\u003e\n\u003cp\u003eCommencez dès le premier soir de voyage à raison de \u003cstrong\u003e1 à 2 gélules\u003c\/strong\u003e avant le coucher, puis poursuivez pendant quelques jours après l'arrivée à destination.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-timeline-item\"\u003e\n\u003cdiv class=\"mv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mv-timeline-content\"\u003e\n\u003ch3\u003eOptimisez vos résultats\u003c\/h3\u003e\n\u003cp\u003eMaintenez des horaires de coucher réguliers et limitez l'exposition aux écrans en fin de soirée pour un résultat optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"mv-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"mv-accordion\"\u003e\n\u003cdetails class=\"mv-accordion-item\"\u003e\n\u003csummary class=\"mv-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace ni un traitement médical ni un suivi par un professionnel de santé. Déconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e, aux enfants, aux adolescents et aux personnes souffrant de maladies inflammatoires ou auto-immunes. Si vous suivez un traitement médicamenteux ou si vous présentez une pathologie particulière (épilepsie, troubles de l'humeur), consultez votre médecin avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mv-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"mv-accordion-header\"\u003e🚗 Somnolence et dosage\u003c\/summary\u003e\n\u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit peut entraîner une somnolence : ne conduisez pas juste après la prise. Ne dépassez pas la dose recommandée. Ne pas utiliser de manière prolongée sans avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mv-accordion-item\"\u003e\n\u003csummary class=\"mv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le pilulier à l'abri de la lumière et de l'humidité, à température ambiante. 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=\"mv-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --mv-cream: #f4f7fa;\n --mv-white: #ffffff;\n --mv-primary: #7DB8D4;\n --mv-primary-dark: #2a6a8a;\n --mv-primary-light: #e8f4fa;\n --mv-secondary: #D93B3B;\n --mv-accent: #5A9BB5;\n --mv-text: #1a1a1a;\n --mv-text-light: #5a5a5a;\n --mv-border: #e0e0e0;\n --mv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mv-radius: 20px;\n --mv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mv-hero {\n position: relative;\n background: linear-gradient(135deg, #2a6a8a 0%, #5A9BB5 40%, #7DB8D4 70%, #a8d4e8 100%);\n border-radius: var(--mv-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(--mv-shadow-lg);\n}\n\n.mv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n repeating-linear-gradient(120deg, rgba(255,255,255,.02) 0px, rgba(255,255,255,.02) 2px, transparent 2px, transparent 40px);\n opacity: 1;\n}\n\n.mv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.mv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mv-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(--mv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.mv-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.mv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.mv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mv-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.mv-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(--mv-primary), var(--mv-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.mv-card {\n background: var(--mv-white);\n border-radius: var(--mv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mv-shadow-lg);\n border-color: var(--mv-primary);\n}\n\n.mv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD HIGHLIGHT (pour la section synergie) === *\/\n.mv-card-highlight {\n text-align: left;\n border-left: 4px solid var(--mv-primary);\n}\n\n.mv-card-highlight:hover {\n border-left-color: var(--mv-secondary);\n}\n\n.mv-card-mela {\n border-left-color: var(--mv-primary);\n}\n\n.mv-card-verv {\n border-left-color: #6ab07a;\n}\n\n.mv-card-verv:hover {\n border-color: #6ab07a;\n}\n\n\/* === GRILLES === *\/\n.mv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mv-grid-compact .mv-card {\n padding: 1rem;\n}\n\n.mv-grid-compact .mv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mv-grid-compact .mv-card p {\n font-size: 12px;\n}\n\n\/* === DUAL BLOCK (2 colonnes pour synergie) === *\/\n.mv-dual-block {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1rem;\n}\n\n\/* === COMPOSITION === *\/\n.mv-composition {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mv-compo-item {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--mv-white);\n border-radius: var(--mv-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--mv-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.mv-compo-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--mv-shadow-lg);\n border-color: var(--mv-primary);\n}\n\n.mv-compo-icon {\n font-size: 32px;\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: var(--mv-primary-light);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.mv-compo-info {\n flex: 1;\n}\n\n.mv-compo-info h3 {\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mv-compo-dose {\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 700;\n color: var(--mv-secondary);\n margin: 0 0 .35rem 0 !important;\n}\n\n.mv-compo-info p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--mv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIMELINE === *\/\n.mv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mv-primary), var(--mv-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(125,184,212,.4);\n}\n\n.mv-timeline-content {\n flex: 1;\n background: var(--mv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mv-radius-sm);\n box-shadow: var(--mv-shadow);\n}\n\n.mv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mv-timeline-content p {\n font-size: 14px;\n color: var(--mv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.mv-testimonial {\n background: var(--mv-white);\n border-radius: var(--mv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mv-shadow);\n border-left: 4px solid var(--mv-primary);\n}\n\n.mv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.mv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mv-primary-light);\n border-radius: var(--mv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mv-tip p {\n font-size: 14px;\n color: var(--mv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.mv-accordion {\n background: var(--mv-white);\n border-radius: var(--mv-radius);\n box-shadow: var(--mv-shadow);\n overflow: hidden;\n}\n\n.mv-accordion-item {\n border-bottom: 1px solid var(--mv-border);\n margin: 0;\n padding: 0;\n}\n\n.mv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mv-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.mv-accordion-header:hover {\n background: var(--mv-primary-light);\n}\n\n.mv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mv-primary);\n transition: transform .2s ease;\n}\n\n.mv-accordion-item[open] .mv-accordion-header::after {\n content: '−';\n}\n\n.mv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mv-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mv-disclaimer {\n font-size: 12px;\n color: var(--mv-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 .mv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mv-card {\n padding: 1.125rem;\n }\n\n .mv-section {\n margin-bottom: 1.75rem;\n }\n\n .mv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mv-radius-sm);\n }\n\n .mv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte : 2 colonnes serrées *\/\n .mv-grid-compact {\n gap: .625rem;\n }\n\n .mv-grid-compact .mv-card {\n padding: .75rem;\n }\n\n \/* Dual block mobile *\/\n .mv-dual-block {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n \/* Composition mobile *\/\n .mv-compo-item {\n padding: 1rem;\n gap: 1rem;\n }\n\n .mv-compo-icon {\n width: 44px;\n height: 44px;\n font-size: 24px;\n border-radius: 12px;\n }\n\n \/* Timeline mobile *\/\n .mv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mv-timeline-content h3 {\n font-size: 14px;\n }\n\n .mv-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .mv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .mv-testimonial {\n padding: 1.25rem;\n }\n\n .mv-testimonial-text {\n font-size: 14px;\n }\n\n \/* Tip mobile *\/\n .mv-tip {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mv-card,\n .mv-compo-item {\n animation: mvFadeInUp .5s ease backwards;\n }\n .mv-card:nth-child(1),\n .mv-compo-item:nth-child(1) { animation-delay: .05s; }\n .mv-card:nth-child(2),\n .mv-compo-item:nth-child(2) { animation-delay: .1s; }\n .mv-card:nth-child(3),\n .mv-compo-item:nth-child(3) { animation-delay: .15s; }\n .mv-card:nth-child(4) { animation-delay: .2s; }\n .mv-card:nth-child(5) { animation-delay: .25s; }\n .mv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mvFadeInUp {\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 .mv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55118972617081,"sku":"LC1014","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/melatonine-verveine-60-gelules-laboratoire-code-packshothd.webp?v=1784551960"},{"product_id":"desmomarie-90-gelules-laboratoire-code","title":"Desmomarie - 90 gélules- Laboratoire Code","description":"\u003cdiv class=\"dm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"dm-hero\"\u003e\n\u003cdiv class=\"dm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dm-hero-content\"\u003e\n\u003cdiv class=\"dm-badges-top\"\u003e\n\u003cspan class=\"dm-badge\"\u003e🌿 100 % Vegan\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e💊 90 gélules végétales\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e🫚 5 plantes synergiques\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"dm-hero-title\"\u003eDesmomarie\u003c\/span\u003e\n\u003cp class=\"dm-subtitle\"\u003eLaboratoire Code\u003c\/p\u003e\n\u003cp class=\"dm-description\"\u003eLa synergie végétale de 5 plantes médicinales pour drainer, stimuler et protéger votre foie naturellement. Cure de 15 à 30 jours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eDesmomarie du Laboratoire Code : la synergie végétale pour drainer et protéger votre foie\u003c\/h2\u003e\n\u003cp class=\"dm-section-intro\"\u003eVous ressentez une digestion lourde, un teint terne ou une fatigue persistante ? Votre foie vous envoie peut-être des signaux.\u003c\/p\u003e\n\u003cdiv class=\"dm-grid-compact\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🧹 Drainage hépatique\u003c\/h3\u003e\n\u003cp\u003eAide à éliminer les toxines accumulées dans le foie grâce au desmodium et au chrysanthellum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003eLa silymarine du chardon marie protège les cellules hépatiques des agressions quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e⚡ Stimulation biliaire\u003c\/h3\u003e\n\u003cp\u003eLe curcuma et la gentiane stimulent la production de bile pour une meilleure digestion\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n\u003cp\u003e5 plantes médicinales dosées avec précision, en gélules végétales sans gélatine animale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003ePourquoi prendre soin de votre foie est essentiel\u003c\/h2\u003e\n\u003cdiv class=\"dm-explainer\"\u003e\n\u003cp\u003eLe foie est votre \u003cstrong\u003eprincipal organe de détoxification\u003c\/strong\u003e. Il filtre le sang, métabolise les graisses, élimine les toxines et contribue à la production de bile.\u003c\/p\u003e\n\u003cp\u003eExcès alimentaires, stress, alcool, médicaments ou pollution : au quotidien, il est fortement sollicité. Quand il sature, les premiers signes apparaissent :\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-grid\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🫧 Ballonnements\u003c\/h3\u003e\n\u003cp\u003eSensation de ventre gonflé après les repas, inconfort digestif récurrent\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🪨 Lourdeurs digestives\u003c\/h3\u003e\n\u003cp\u003eDigestion lente et pénible, sensation de pesanteur après chaque repas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e😴 Fatigue au réveil\u003c\/h3\u003e\n\u003cp\u003eUn foie surchargé peine à se régénérer la nuit, provoquant une fatigue persistante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-tip\"\u003e\n\u003cspan class=\"dm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe \u003cstrong\u003eDesmomarie\u003c\/strong\u003e a été formulé précisément pour répondre à ces situations en soutenant la fonction hépatique de manière naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eLa composition du Desmomarie : cinq plantes aux vertus complémentaires\u003c\/h2\u003e\n\u003cp class=\"dm-section-intro\"\u003eLa force de cette formule réside dans la \u003cstrong\u003esynergie de ses actifs\u003c\/strong\u003e. Dosages pour 6 gélules (dose journalière maximale) :\u003c\/p\u003e\n\u003cdiv class=\"dm-grid\"\u003e\n\u003cdiv class=\"dm-card dm-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Desmodium adscendens\u003c\/h3\u003e\n\u003cspan class=\"dm-dosage\"\u003e540 mg\u003c\/span\u003e\n\u003cp\u003ePlante africaine de référence en phytothérapie hépatique, traditionnellement utilisée pour favoriser la régénération des cellules du foie et faciliter le drainage des toxines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card dm-card-ingredient\"\u003e\n\u003ch3\u003e🌾 Chardon Marie\u003c\/h3\u003e\n\u003cspan class=\"dm-dosage\"\u003e330 mg\u003c\/span\u003e\n\u003cp\u003eRiche en silymarine, un flavonoïde reconnu pour ses propriétés protectrices sur les cellules hépatiques et son action détoxifiante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card dm-card-ingredient\"\u003e\n\u003ch3\u003e🫚 Curcuma longa\u003c\/h3\u003e\n\u003cspan class=\"dm-dosage\"\u003e300 mg\u003c\/span\u003e\n\u003cp\u003eAntioxydant puissant, il soutient la digestion et contribue à l'élimination des déchets métaboliques grâce à la curcumine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card dm-card-ingredient\"\u003e\n\u003ch3\u003e🌼 Chrysanthellum americanum\u003c\/h3\u003e\n\u003cspan class=\"dm-dosage\"\u003e270 mg\u003c\/span\u003e\n\u003cp\u003ePlante tonique qui aide à protéger le foie contre les effets des excès alimentaires et stimule les sécrétions biliaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card dm-card-ingredient\"\u003e\n\u003ch3\u003e🌸 Gentiane\u003c\/h3\u003e\n\u003cspan class=\"dm-dosage\"\u003e180 mg\u003c\/span\u003e\n\u003cp\u003eAmère et digestive, elle favorise l'appétit, améliore le confort intestinal et soutient la digestion globale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card dm-card-ingredient\"\u003e\n\u003ch3\u003e💊 Enveloppe végétale\u003c\/h3\u003e\n\u003cspan class=\"dm-dosage\"\u003eHypromellose\u003c\/span\u003e\n\u003cp\u003eGélule végétale sans gélatine animale, convient parfaitement aux personnes suivant un régime vegan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eComment prendre le Desmomarie ?\u003c\/h2\u003e\n\u003cdiv class=\"dm-timeline\"\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e3 à 6 gélules par jour\u003c\/strong\u003e, de préférence au début des repas, avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eCure intensive - 15 jours\u003c\/h3\u003e\n\u003cp\u003eÀ la dose maximale de \u003cstrong\u003e6 gélules quotidiennes\u003c\/strong\u003e, le pilulier correspond à une cure de 15 jours, idéale aux changements de saison, après une période d'excès ou en accompagnement d'un rééquilibrage alimentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eCure douce - 30 jours\u003c\/h3\u003e\n\u003cp\u003eOptez pour \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e sur 30 jours pour un soutien plus doux et prolongé de votre fonction hépatique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"dm-accordion\"\u003e\n\u003cdetails class=\"dm-accordion-item\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e👤 Personnes concernées\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003eRéservé à l'adulte. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dm-accordion-item\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas utiliser en cas de troubles des voies biliaires ou d'allergie aux Asteraceae.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dm-accordion-item\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003ePrudence en cas de traitement anticoagulant, anticancéreux ou immunosuppresseur : consultez votre médecin avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dm-accordion-item\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003eNe remplace pas une alimentation variée et équilibrée ni un suivi médical. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"dm-grid-compact\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e💊 Conditionnement\u003c\/h3\u003e\n\u003cp\u003ePilulier de 90 gélules végétales de 345 mg\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n\u003cp\u003e31,05 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e📅 Durée de cure\u003c\/h3\u003e\n\u003cp\u003e15 à 30 jours selon le dosage choisi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n\u003cp\u003eConvient aux végans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n\u003cp\u003eLaboratoire Code\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n\u003cp\u003eConditionné en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"dm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"dm-cta-box\"\u003e\n\u003cp\u003eLes avis sur le Desmomarie soulignent régulièrement le \u003cstrong\u003econfort digestif ressenti dès les premiers jours de cure\u003c\/strong\u003e. Si vous cherchez une solution naturelle et bien dosée pour soutenir votre foie au quotidien, cette formule fait partie des \u003cstrong\u003eréférences en phytothérapie hépatique\u003c\/strong\u003e. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"dm-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de la portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --dm-cream: #f5f7fa;\n --dm-white: #ffffff;\n --dm-primary: #5B9BD5;\n --dm-primary-dark: #2c6faa;\n --dm-primary-light: #e8f1fb;\n --dm-secondary: #E8A838;\n --dm-accent: #2E7D32;\n --dm-text: #1a1a1a;\n --dm-text-light: #5a5a5a;\n --dm-border: #e0e0e0;\n --dm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --dm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --dm-radius: 20px;\n --dm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dm-hero {\n position: relative;\n background: linear-gradient(135deg, #2c6faa 0%, #5B9BD5 40%, #E8A838 100%);\n border-radius: var(--dm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--dm-shadow-lg);\n}\n\n.dm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.dm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.dm-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.dm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--dm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.dm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--dm-primary), var(--dm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.dm-section-intro strong {\n color: var(--dm-text);\n}\n\n\/* === EXPLAINER TEXT === *\/\n.dm-explainer {\n max-width: 700px;\n margin: 0 auto 1.5rem;\n text-align: center;\n}\n\n.dm-explainer p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--dm-text-light);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n}\n\n.dm-explainer strong {\n color: var(--dm-text);\n}\n\n\/* === CARDS === *\/\n.dm-card {\n background: var(--dm-white);\n border-radius: var(--dm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dm-shadow-lg);\n border-color: var(--dm-primary);\n}\n\n.dm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT === *\/\n.dm-card-ingredient {\n position: relative;\n}\n\n.dm-dosage {\n display: inline-block;\n background: linear-gradient(135deg, var(--dm-secondary), #d4922e);\n color: white;\n font-size: 13px;\n font-weight: 800;\n padding: 4px 14px;\n border-radius: 999px;\n margin-bottom: .75rem;\n letter-spacing: .02em;\n}\n\n\/* === GRILLES === *\/\n.dm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dm-grid-compact .dm-card {\n padding: 1rem;\n}\n\n.dm-grid-compact .dm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dm-grid-compact .dm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dm-primary), var(--dm-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.dm-timeline-content {\n flex: 1;\n background: var(--dm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dm-radius-sm);\n box-shadow: var(--dm-shadow);\n}\n\n.dm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dm-timeline-content p {\n font-size: 14px;\n color: var(--dm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.dm-timeline-content strong {\n color: var(--dm-text);\n}\n\n\/* === ACCORDÉON === *\/\n.dm-accordion {\n background: var(--dm-white);\n border-radius: var(--dm-radius);\n box-shadow: var(--dm-shadow);\n overflow: hidden;\n}\n\n.dm-accordion-item {\n border-bottom: 1px solid var(--dm-border);\n margin: 0;\n padding: 0;\n}\n\n.dm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.dm-accordion-header:hover {\n background: var(--dm-primary-light);\n}\n\n.dm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dm-primary);\n transition: transform .2s ease;\n}\n\n.dm-accordion-item[open] .dm-accordion-header::after {\n content: '−';\n}\n\n.dm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.dm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dm-primary-light);\n border-radius: var(--dm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dm-tip p {\n font-size: 14px;\n color: var(--dm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.dm-tip strong {\n color: var(--dm-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.dm-cta-box {\n background: linear-gradient(135deg, var(--dm-primary) 0%, var(--dm-primary-dark) 100%);\n border-radius: var(--dm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.dm-disclaimer {\n font-size: 12px;\n color: var(--dm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .dm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dm-card {\n padding: 1.125rem;\n }\n\n .dm-section {\n margin-bottom: 1.75rem;\n }\n\n .dm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dm-radius-sm);\n }\n\n .dm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dm-grid-compact {\n gap: .625rem;\n }\n\n .dm-grid-compact .dm-card {\n padding: .75rem;\n }\n\n .dm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dm-timeline-content h3 {\n font-size: 14px;\n }\n\n .dm-timeline-content p {\n font-size: 13px;\n }\n\n .dm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .dm-explainer p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dm-card {\n animation: dmFadeInUp .5s ease backwards;\n }\n .dm-card:nth-child(1) { animation-delay: .05s; }\n .dm-card:nth-child(2) { animation-delay: .1s; }\n .dm-card:nth-child(3) { animation-delay: .15s; }\n .dm-card:nth-child(4) { animation-delay: .2s; }\n .dm-card:nth-child(5) { animation-delay: .25s; }\n .dm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55120641425785,"sku":"LC9103","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/desmomarie-90-gelules-laboratoire-code-packshothd.webp?v=1785949396"},{"product_id":"fleur-de-bach-aspen-tremble-bio-10-ml-dioter","title":"Fleur de Bach Aspen (Tremble) bio - 10 ml - Dioter","description":"\u003cdiv class=\"asp-premium\"\u003e\n\u003cdiv class=\"asp-hero\"\u003e\n\u003cdiv class=\"asp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"asp-hero-content\"\u003e\n\u003cdiv class=\"asp-badges-top\"\u003e\n\u003cspan class=\"asp-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"asp-badge\"\u003e🌸 Méthode du Dr Bach\u003c\/span\u003e \u003cspan class=\"asp-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"asp-hero-title\"\u003eFleur de Bach Aspen (Tremble) bio\u003c\/span\u003e\n\u003cp class=\"asp-subtitle\"\u003eÉlixir floral Dioter - 10 ml\u003c\/p\u003e\n\u003cp class=\"asp-description\"\u003eÉlaborée selon la méthode authentique du Dr Bach, cette essence florale tirée du \u003cstrong\u003ePopulus Tremula\u003c\/strong\u003e aide à apaiser les appréhensions diffuses et les peurs irrationnelles. Accueillez l'inconnu avec confiance et dissipez les angoisses sans cause précise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"asp-section\"\u003e\n\u003ch2\u003eUn élixir floral certifié bio, inspiré par la nature\u003c\/h2\u003e\n\u003cp class=\"asp-section-intro\"\u003eDioter sélectionne avec soin des fleurs sauvages françaises, récoltées dans leur environnement naturel, pour produire un élixir d'une grande pureté.\u003c\/p\u003e\n\u003cdiv class=\"asp-grid-compact\"\u003e\n\u003cdiv class=\"asp-card\"\u003e\n\u003ch3\u003e🌾 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eRécoltées dans leur environnement naturel pour une authenticité totale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-card\"\u003e\n\u003ch3\u003e☀️ Solarisation douce\u003c\/h3\u003e\n\u003cp\u003eMéthode traditionnelle qui préserve l'énergie vibratoire de la fleur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-card\"\u003e\n\u003ch3\u003e🍃 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eRespectueux des traditions florales et des valeurs écologiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-card\"\u003e\n\u003ch3\u003e✨ Efficacité optimale\u003c\/h3\u003e\n\u003cp\u003ePureté et qualité pour une action ciblée sur les émotions profondes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"asp-section\"\u003e\n\u003ch2\u003eIndications principales\u003c\/h2\u003e\n\u003cdiv class=\"asp-grid\"\u003e\n\u003cdiv class=\"asp-card\"\u003e\n\u003ch3\u003e😶🌫️ Peurs floues et inexplicables\u003c\/h3\u003e\n\u003cp\u003eSoutient les personnes sujettes aux appréhensions diffuses, sans cause identifiable, qui envahissent le quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-card\"\u003e\n\u003ch3\u003e🧘 Calme face à l'inconnu\u003c\/h3\u003e\n\u003cp\u003eAide à faire face à l'inconnu avec calme et clarté, en renforçant la confiance intérieure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-card\"\u003e\n\u003ch3\u003e💡 Compréhension émotionnelle\u003c\/h3\u003e\n\u003cp\u003eFavorise une meilleure compréhension intérieure des émotions anxieuses pour mieux les apprivoiser\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"asp-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"asp-timeline\"\u003e\n\u003cdiv class=\"asp-timeline-item\"\u003e\n\u003cdiv class=\"asp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"asp-timeline-content\"\u003e\n\u003ch3\u003eUtilisation ponctuelle\u003c\/h3\u003e\n\u003cp\u003eDéposez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un fond de verre d'eau ou directement sous la langue, plusieurs fois par jour selon les besoins ou la recommandation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-timeline-item\"\u003e\n\u003cdiv class=\"asp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"asp-timeline-content\"\u003e\n\u003ch3\u003eCure prolongée\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale non gazeuse, à consommer en 4 ou 5 prises dans la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-timeline-item\"\u003e\n\u003cdiv class=\"asp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"asp-timeline-content\"\u003e\n\u003ch3\u003eBien agiter\u003c\/h3\u003e\n\u003cp\u003ePensez à bien agiter la préparation avant chaque utilisation pour une répartition homogène de l'élixir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-tip\"\u003e\n\u003cspan class=\"asp-tip-icon\"\u003e💧\u003c\/span\u003e\n\u003cp\u003ePour un usage optimal, privilégiez une prise à distance des repas et laissez l'élixir quelques instants en bouche avant d'avaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"asp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"asp-accordion\"\u003e\n\u003cdetails class=\"asp-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"asp-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"asp-accordion-content mt-3\"\u003e\n\u003cp\u003eEau, Cognac biologique (agent conservateur), Solarisation de fleur de Tremble (\u003cem\u003ePopulus Tremula\u003c\/em\u003e).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"asp-accordion-item\"\u003e\n\u003csummary class=\"asp-accordion-header\"\u003e🌱 Certification\u003c\/summary\u003e\n\u003cdiv class=\"asp-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit issu de l'Agriculture Biologique – Certifié par FR-BIO-01.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"asp-accordion-item\"\u003e\n\u003csummary class=\"asp-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n\u003cdiv class=\"asp-accordion-content mt-3\"\u003e\n\u003cp\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants. Contient de l'alcool (cognac bio).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"asp-cta-box\"\u003e\n\u003cp\u003e🌸 Retrouvez sérénité et confiance au quotidien grâce à la sagesse des Fleurs de Bach, méthode naturelle et douce depuis 1936.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"asp-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un avis médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --asp-cream: #FBF7F3;\n --asp-white: #ffffff;\n --asp-primary: #C4956A;\n --asp-primary-dark: #5C4A3A;\n --asp-primary-light: #F5EDE6;\n --asp-secondary: #D4A08C;\n --asp-accent: #A8C5A0;\n\n --asp-text: #1a1a1a;\n --asp-text-light: #5a5a5a;\n\n --asp-border: #E8DDD4;\n --asp-shadow: 0 4px 24px rgba(92,74,58,.08);\n --asp-shadow-lg: 0 12px 48px rgba(92,74,58,.15);\n --asp-radius: 20px;\n --asp-radius-sm: 12px;\n}\n\n.asp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--asp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.asp-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4A3A 0%, #8B6F56 40%, #C4956A 75%, #D4A08C 100%);\n border-radius: var(--asp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--asp-shadow-lg);\n}\n\n.asp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(212,160,140,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.asp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.asp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.asp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--asp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.asp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.asp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.asp-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.asp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.asp-description strong {\n color: white;\n}\n\n.asp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.asp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--asp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.asp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--asp-primary), var(--asp-secondary));\n border-radius: 2px;\n}\n\n.asp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--asp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.asp-card {\n background: var(--asp-white);\n border-radius: var(--asp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--asp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.asp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--asp-shadow-lg);\n border-color: var(--asp-primary);\n}\n\n.asp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--asp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.asp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--asp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.asp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.asp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.asp-grid-compact .asp-card {\n padding: 1rem;\n}\n\n.asp-grid-compact .asp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.asp-grid-compact .asp-card p {\n font-size: 12px;\n}\n\n.asp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.asp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.asp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--asp-primary), var(--asp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.asp-timeline-content {\n flex: 1;\n background: var(--asp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--asp-radius-sm);\n box-shadow: var(--asp-shadow);\n}\n\n.asp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--asp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.asp-timeline-content p {\n font-size: 14px;\n color: var(--asp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.asp-timeline-content p strong {\n color: var(--asp-primary-dark);\n}\n\n.asp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--asp-primary-light);\n border-radius: var(--asp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.asp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.asp-tip p {\n font-size: 14px;\n color: var(--asp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.asp-accordion {\n background: var(--asp-white);\n border-radius: var(--asp-radius);\n box-shadow: var(--asp-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.asp-accordion-item {\n border-bottom: 1px solid var(--asp-border);\n margin: 0;\n padding: 0;\n}\n\n.asp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.asp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--asp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.asp-accordion-header:hover {\n background: var(--asp-primary-light);\n}\n\n.asp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.asp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--asp-primary);\n transition: transform .2s ease;\n}\n\n.asp-accordion-item[open] .asp-accordion-header::after {\n content: '−';\n}\n\n.asp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--asp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.asp-accordion-content p {\n margin: 0;\n}\n\n.asp-cta-box {\n background: linear-gradient(135deg, var(--asp-primary) 0%, var(--asp-primary-dark) 100%);\n border-radius: var(--asp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.asp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.asp-disclaimer {\n font-size: 12px;\n color: var(--asp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .asp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .asp-card {\n padding: 1.125rem;\n }\n\n .asp-section {\n margin-bottom: 1.75rem;\n }\n\n .asp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--asp-radius-sm);\n }\n\n .asp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .asp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .asp-grid-compact {\n gap: .625rem;\n }\n\n .asp-grid-compact .asp-card {\n padding: .75rem;\n }\n\n .asp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .asp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .asp-timeline-content h3 {\n font-size: 14px;\n }\n\n .asp-timeline-content p {\n font-size: 13px;\n }\n\n .asp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .asp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .asp-tip {\n padding: .875rem 1rem;\n }\n\n .asp-tip-icon {\n font-size: 20px;\n }\n\n .asp-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .asp-card {\n animation: aspFadeInUp .5s ease backwards;\n }\n .asp-card:nth-child(1) { animation-delay: .05s; }\n .asp-card:nth-child(2) { animation-delay: .1s; }\n .asp-card:nth-child(3) { animation-delay: .15s; }\n .asp-card:nth-child(4) { animation-delay: .2s; }\n .asp-card:nth-child(5) { animation-delay: .25s; }\n .asp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes aspFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .asp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55120906551673,"sku":"DI5032","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-aspen-tremble-bio-10-ml-dioter-lifestyle.webp?v=1770634817"},{"product_id":"fleur-de-bach-orme-elm-bio-10-ml-dioter","title":"Fleur de Bach Orme (Elm) bio - 10 ml - Dioter","description":"\u003cdiv class=\"elm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"elm-hero\"\u003e\n\u003cdiv class=\"elm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"elm-hero-content\"\u003e\n\u003cdiv class=\"elm-badges-top\"\u003e\n\u003cspan class=\"elm-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"elm-badge\"\u003e🇫🇷 Récolté en France\u003c\/span\u003e \u003cspan class=\"elm-badge\"\u003e🌸 Méthode Dr Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"elm-hero-title\"\u003eFleur de Bach Orme (Elm) bio\u003c\/span\u003e\n\u003cp class=\"elm-subtitle\"\u003eÉlixir floral Dioter · 10 ml\u003c\/p\u003e\n\u003cp class=\"elm-description\"\u003eUn élixir floral naturel pour retrouver confiance et sérénité face aux responsabilités qui vous submergent. L'Orme symbolise la résilience et l'aptitude à reprendre le contrôle avec douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"elm-section\"\u003e\n\u003ch2\u003eUn soutien naturel pour retrouver l'équilibre intérieur\u003c\/h2\u003e\n\u003cp class=\"elm-section-intro\"\u003eCet élixir floral biologique accompagne ceux qui, malgré leurs compétences, vivent une perte passagère de confiance en soi. Utilisée régulièrement, cette fleur de Bach permet de rétablir un sentiment de stabilité intérieure tout en favorisant un retour à l'action sans stress ni culpabilité.\u003c\/p\u003e\n\u003cdiv class=\"elm-grid\"\u003e\n\u003cdiv class=\"elm-card\"\u003e\n\u003ch3\u003e💪 Résilience retrouvée\u003c\/h3\u003e\n\u003cp\u003eAide à surmonter le sentiment d'être temporairement dépassé par ses responsabilités ou confronté à une surcharge mentale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elm-card\"\u003e\n\u003ch3\u003e🧘 Sérénité intérieure\u003c\/h3\u003e\n\u003cp\u003eAgit comme un catalyseur pour retrouver énergie, persévérance et sérénité, en reprenant le contrôle de sa vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elm-card\"\u003e\n\u003ch3\u003e✨ Confiance renouvelée\u003c\/h3\u003e\n\u003cp\u003eFavorise un retour à l'action sans stress ni culpabilité, en ravivant la confiance en ses propres capacités face aux défis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"elm-section\"\u003e\n\u003ch2\u003eQualité française, pureté et éthique biologique\u003c\/h2\u003e\n\u003cdiv class=\"elm-grid-compact\"\u003e\n\u003cdiv class=\"elm-card\"\u003e\n\u003ch3\u003e🌾 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eRécoltées en France, dans le respect de la nature et des cycles naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elm-card\"\u003e\n\u003ch3\u003e☀️ Méthode de solarisation\u003c\/h3\u003e\n\u003cp\u003ePréparées selon la méthode authentique et traditionnelle du Docteur Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elm-card\"\u003e\n\u003ch3\u003e🍃 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de l'Agriculture Biologique certifiée FR-BIO-01.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elm-card\"\u003e\n\u003ch3\u003e🛡️ Qualité optimale\u003c\/h3\u003e\n\u003cp\u003eEfficacité respectueuse de votre équilibre émotionnel, sans compromis sur la pureté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"elm-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"elm-timeline\"\u003e\n\u003cdiv class=\"elm-timeline-item\"\u003e\n\u003cdiv class=\"elm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"elm-timeline-content\"\u003e\n\u003ch3\u003ePrise directe\u003c\/h3\u003e\n\u003cp\u003ePrendre 5 gouttes dans un peu d'eau ou directement sous la langue, à renouveler plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elm-timeline-item\"\u003e\n\u003cdiv class=\"elm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"elm-timeline-content\"\u003e\n\u003ch3\u003eEn préparation diluée\u003c\/h3\u003e\n\u003cp\u003eDiluer 25 gouttes dans ½ litre d'eau minérale non gazeuse, à boire en 4 à 5 prises dans la journée. Bien agiter avant chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elm-tip\"\u003e\n\u003cspan class=\"elm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un résultat optimal, utilisez cet élixir régulièrement sur plusieurs jours ou semaines, le temps de retrouver votre équilibre émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"elm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"elm-accordion\"\u003e\n\u003cdetails class=\"elm-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"elm-accordion-header\"\u003e🧪 Liste des ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"elm-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eEau\u003c\/strong\u003e · \u003cstrong\u003eCognac biologique\u003c\/strong\u003e · \u003cstrong\u003eSolarisation de fleur – Orme\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"elm-accordion-item\"\u003e\n\u003csummary class=\"elm-accordion-header\"\u003e🌱 Certification biologique\u003c\/summary\u003e\n\u003cdiv class=\"elm-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit issu de l'Agriculture Biologique – certifié FR-BIO-01. Garantie d'une production respectueuse de l'environnement et de votre bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"elm-accordion-item\"\u003e\n\u003csummary class=\"elm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"elm-accordion-content mt-3\"\u003e\n\u003cp\u003eConserver à l'abri de la chaleur et de la lumière directe. Refermer soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"elm-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --elm-cream: #faf6f1;\n --elm-white: #ffffff;\n --elm-primary: #8B6914;\n --elm-primary-dark: #5e4710;\n --elm-primary-light: #f5ede0;\n --elm-secondary: #D4A574;\n --elm-accent: #C4956A;\n --elm-text: #1a1a1a;\n --elm-text-light: #5a5a5a;\n --elm-border: #e8dfd4;\n --elm-shadow: 0 4px 24px rgba(94, 71, 16, .08);\n --elm-shadow-lg: 0 12px 48px rgba(94, 71, 16, .15);\n --elm-radius: 20px;\n --elm-radius-sm: 12px;\n}\n\n.elm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--elm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.elm-hero {\n position: relative;\n background: linear-gradient(135deg, #5e4710 0%, #8B6914 40%, #C4956A 100%);\n border-radius: var(--elm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--elm-shadow-lg);\n}\n\n.elm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.elm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.elm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.elm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--elm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.elm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.elm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.elm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.elm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.elm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.elm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--elm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.elm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--elm-primary), var(--elm-secondary));\n border-radius: 2px;\n}\n\n.elm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--elm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.elm-card {\n background: var(--elm-white);\n border-radius: var(--elm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--elm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.elm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--elm-shadow-lg);\n border-color: var(--elm-primary);\n}\n\n.elm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--elm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.elm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--elm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.elm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.elm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.elm-grid-compact .elm-card {\n padding: 1rem;\n}\n\n.elm-grid-compact .elm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.elm-grid-compact .elm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.elm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.elm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.elm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--elm-primary), var(--elm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.elm-timeline-content {\n flex: 1;\n background: var(--elm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--elm-radius-sm);\n box-shadow: var(--elm-shadow);\n}\n\n.elm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--elm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.elm-timeline-content p {\n font-size: 14px;\n color: var(--elm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.elm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--elm-primary-light);\n border-radius: var(--elm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.elm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.elm-tip p {\n font-size: 14px;\n color: var(--elm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.elm-accordion {\n background: var(--elm-white);\n border-radius: var(--elm-radius);\n box-shadow: var(--elm-shadow);\n overflow: hidden;\n}\n\n.elm-accordion-item {\n border-bottom: 1px solid var(--elm-border);\n margin: 0;\n padding: 0;\n}\n\n.elm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.elm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--elm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.elm-accordion-header:hover {\n background: var(--elm-primary-light);\n}\n\n.elm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.elm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--elm-primary);\n transition: transform .2s ease;\n}\n\n.elm-accordion-item[open] .elm-accordion-header::after {\n content: '−';\n}\n\n.elm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--elm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.elm-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.elm-testimonial {\n background: var(--elm-white);\n border-radius: var(--elm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--elm-shadow);\n border-left: 4px solid var(--elm-primary);\n}\n\n.elm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--elm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.elm-disclaimer {\n font-size: 12px;\n color: var(--elm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .elm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .elm-card {\n padding: 1.125rem;\n }\n\n .elm-section {\n margin-bottom: 1.75rem;\n }\n\n .elm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--elm-radius-sm);\n }\n\n .elm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .elm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .elm-grid-compact {\n gap: .625rem;\n }\n\n .elm-grid-compact .elm-card {\n padding: .75rem;\n }\n\n .elm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .elm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .elm-timeline-content h3 {\n font-size: 14px;\n }\n\n .elm-timeline-content p {\n font-size: 13px;\n }\n\n .elm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .elm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .elm-testimonial {\n padding: 1.25rem;\n }\n\n .elm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .elm-card {\n animation: elmFadeInUp .5s ease backwards;\n }\n .elm-card:nth-child(1) { animation-delay: .05s; }\n .elm-card:nth-child(2) { animation-delay: .1s; }\n .elm-card:nth-child(3) { animation-delay: .15s; }\n .elm-card:nth-child(4) { animation-delay: .2s; }\n .elm-card:nth-child(5) { animation-delay: .25s; }\n .elm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes elmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .elm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55120919986553,"sku":"DI5041","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-orme-elm-bio-10-ml-dioter-lifestyle.webp?v=1770721605"},{"product_id":"fleur-de-bach-clematite-clematis-bio-10-ml-dioter","title":"Fleur de Bach Clématite (Clematis) bio - 10 ml - Dioter","description":"\u003cdiv class=\"cl-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cl-hero\"\u003e\n\u003cdiv class=\"cl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cl-hero-content\"\u003e\n\u003cdiv class=\"cl-badges-top\"\u003e\n\u003cspan class=\"cl-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e \u003cspan class=\"cl-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"cl-badge\"\u003e☀️ Méthode du Dr Bach\u003c\/span\u003e \u003cspan class=\"cl-badge\"\u003e🧘 Ancrage \u0026amp; présence\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cl-hero-title\"\u003eFleur de Bach Clématite bio\u003c\/span\u003e\n\u003cp class=\"cl-subtitle\"\u003eÉlixir floral Clematis par Dioter\u003c\/p\u003e\n\u003cp class=\"cl-description\"\u003eRetrouvez clarté d'esprit, concentration et connexion au moment présent grâce à cet élixir floral élaboré selon la méthode originale du Docteur Bach. Flacon compte-gouttes 10 ml.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cl-section\"\u003e\n\u003ch2\u003eFleur de Bach Clématite (Clematis) bio  - Retrouvez ancrage et présence au quotidien\u003c\/h2\u003e\n\u003cp class=\"cl-section-intro\"\u003eVous avez tendance à rêvasser, à vous perdre dans vos pensées ou à manquer de concentration ? L'\u003cstrong\u003eélixir floral Clematis bio Auraflor\u003c\/strong\u003e est la \u003cstrong\u003eFleur de Bach\u003c\/strong\u003e de référence pour retrouver un véritable \u003cstrong\u003eancrage mental\u003c\/strong\u003e et vivre pleinement l'instant présent.\u003c\/p\u003e\n\u003cdiv class=\"cl-grid-compact\"\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🌱 Ancrage mental\u003c\/h3\u003e\n\u003cp\u003eReconnectez-vous au réel et retrouvez les pieds sur terre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🔍 Concentration\u003c\/h3\u003e\n\u003cp\u003eAméliorez votre attention sur les tâches du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e💡 Clarté d'esprit\u003c\/h3\u003e\n\u003cp\u003ePrenez vos décisions avec lucidité et discernement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🧘 Connexion au présent\u003c\/h3\u003e\n\u003cp\u003eVivez pleinement chaque instant, ici et maintenant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 1.25rem;\" class=\"cl-section-intro\"\u003eÉlaboré selon la \u003cstrong\u003eméthode originale du Docteur Bach\u003c\/strong\u003e, cet élixir vous aide à reconnecter votre esprit au moment présent avec douceur et naturel.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cl-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse la Fleur de Bach Clématite ?\u003c\/h2\u003e\n\u003cp class=\"cl-section-intro\"\u003eLa \u003cstrong\u003eClematis (Clematis vitalba)\u003c\/strong\u003e fait partie du groupe des Fleurs de Bach liées à l'\u003cstrong\u003eintérêt insuffisant pour le présent\u003c\/strong\u003e. Elle s'adresse aux personnes qui se reconnaissent dans ces situations :\u003c\/p\u003e\n\u003cdiv class=\"cl-grid\"\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🌙 Dans la lune\u003c\/h3\u003e\n\u003cp\u003eVous êtes souvent distrait, rêveur, avec l'impression de flotter loin de la réalité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🎯 Difficulté à se concentrer\u003c\/h3\u003e\n\u003cp\u003eVous avez du mal à maintenir votre attention sur les tâches quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e😴 Tendance à l'assoupissement\u003c\/h3\u003e\n\u003cp\u003eVous ressentez une somnolence fréquente, un manque de vitalité mentale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🔮 Projections futures\u003c\/h3\u003e\n\u003cp\u003eVous vivez davantage dans vos projections que dans le moment présent\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🌫️ Manque de clarté\u003c\/h3\u003e\n\u003cp\u003eVous manquez parfois de clarté d'esprit pour prendre des décisions concrètes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e✨ Besoin de présence\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez retrouver vivacité, attention et ancrage au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-tip\"\u003e\n\u003cspan class=\"cl-tip-icon\"\u003e💫\u003c\/span\u003e\n\u003cp\u003eEn favorisant l'ancrage et la connexion au réel, cet élixir floral vous accompagne vers plus de \u003cstrong\u003eprésence\u003c\/strong\u003e, de vivacité et d'attention dans votre vie de tous les jours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cl-section\"\u003e\n\u003ch2\u003eLes atouts de cet élixir floral bio Auraflor\u003c\/h2\u003e\n\u003cp class=\"cl-section-intro\"\u003eLe laboratoire \u003cstrong\u003eDioter\u003c\/strong\u003e, à travers sa marque Auraflor, s'engage sur une qualité rigoureuse et un profond respect de la tradition du Docteur Edward Bach.\u003c\/p\u003e\n\u003cdiv class=\"cl-grid-compact\"\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🇫🇷 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eRécoltées dans leur milieu naturel pour une qualité vibratoire optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e☀️ Solarisation naturelle\u003c\/h3\u003e\n\u003cp\u003eExtraction 100 % naturelle fidèle à la méthode originale du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e🌿 Certifié biologique\u003c\/h3\u003e\n\u003cp\u003eSans additif de synthèse, dans le respect du vivant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-card\"\u003e\n\u003ch3\u003e💧 Flacon compte-gouttes\u003c\/h3\u003e\n\u003cp\u003eVerre ambré 10 ml avec pipette pour un dosage précis et pratique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cl-section\"\u003e\n\u003ch2\u003eComposition de la Fleur de Bach Clematis bio\u003c\/h2\u003e\n\u003cp class=\"cl-section-intro\"\u003eUne formule simple et transparente, comme l'exige la tradition des Fleurs de Bach :\u003c\/p\u003e\n\u003cdiv class=\"cl-composition\"\u003e\n\u003cdiv class=\"cl-composition-item\"\u003e\n\u003cspan class=\"cl-composition-icon\"\u003e💧\u003c\/span\u003e\n\u003cdiv class=\"cl-composition-text\"\u003e\n\u003cstrong\u003eEau\u003c\/strong\u003e\n\u003cp\u003eBase purifiée de l'élixir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-composition-item\"\u003e\n\u003cspan class=\"cl-composition-icon\"\u003e🍇\u003c\/span\u003e\n\u003cdiv class=\"cl-composition-text\"\u003e\n\u003cstrong\u003eCognac biologique\u003c\/strong\u003e\n\u003cp\u003eConservateur naturel traditionnel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-composition-item\"\u003e\n\u003cspan class=\"cl-composition-icon\"\u003e🌸\u003c\/span\u003e\n\u003cdiv class=\"cl-composition-text\"\u003e\n\u003cstrong\u003eSolarisation de fleur de Clématite\u003c\/strong\u003e\n\u003cp\u003e\u003cem\u003eClematis vitalba\u003c\/em\u003e – issue de l'agriculture biologique française\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cl-section\"\u003e\n\u003ch2\u003eComment prendre la Fleur de Bach Clématite ?\u003c\/h2\u003e\n\u003cp class=\"cl-section-intro\"\u003eDeux méthodes simples s'offrent à vous selon vos préférences :\u003c\/p\u003e\n\u003cdiv class=\"cl-timeline\"\u003e\n\u003cdiv class=\"cl-timeline-item\"\u003e\n\u003cspan class=\"cl-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"cl-timeline-content\"\u003e\n\u003ch3\u003ePrise directe\u003c\/h3\u003e\n\u003cp\u003eDéposez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un fond de verre d'eau ou directement sous la langue. Renouvelez plusieurs fois par jour selon votre ressenti ou la prescription de votre conseiller.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-timeline-item\"\u003e\n\u003cspan class=\"cl-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"cl-timeline-content\"\u003e\n\u003ch3\u003ePréparation à la journée\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale plate. Buvez en \u003cstrong\u003e4 à 5 prises\u003c\/strong\u003e réparties sur la journée, en agitant la bouteille avant chaque prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-tip\"\u003e\n\u003cspan class=\"cl-tip-icon\"\u003e💼\u003c\/span\u003e\n\u003cp\u003eCette souplesse d'utilisation rend l'élixir facile à intégrer dans votre routine, que vous soyez au bureau, à la maison ou en déplacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"cl-section\"\u003e\n\u003ch2\u003ePrécautions et recommandations\u003c\/h2\u003e\n\u003cdiv class=\"cl-accordion\"\u003e\n\u003cdetails class=\"cl-accordion-item\"\u003e\n\u003csummary class=\"cl-accordion-header\"\u003e⚠️ Avertissement important\u003c\/summary\u003e\n\u003cdiv class=\"cl-accordion-content mt-3\"\u003e\n\u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e ne remplace ni un traitement médical ni un suivi professionnel. Il ne constitue pas un substitut à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cl-accordion-item\"\u003e\n\u003csummary class=\"cl-accordion-header\"\u003e📏 Dosage et conservation\u003c\/summary\u003e\n\u003cdiv class=\"cl-accordion-content mt-3\"\u003e\n\u003cp\u003eRespectez la dose journalière recommandée et conservez le flacon \u003cstrong\u003ehors de portée des jeunes enfants\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cl-accordion-item\"\u003e\n\u003csummary class=\"cl-accordion-header\"\u003e👨⚕️ Conseil professionnel\u003c\/summary\u003e\n\u003cdiv class=\"cl-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de doute, n'hésitez pas à demander l'avis de votre médecin ou d'un conseiller agréé en Fleurs de Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cl-section\"\u003e\n\u003cdiv class=\"cl-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez-vous un moment de recentrage avec l'\u003cstrong\u003eélixir floral Clematis bio Auraflor\u003c\/strong\u003e : une invitation naturelle à revenir ici et maintenant, les pieds sur terre et l'esprit clair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cl-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cl-cream: #F5F0EB;\n --cl-white: #ffffff;\n --cl-primary: #8B6F5E;\n --cl-primary-dark: #5E4A3D;\n --cl-primary-light: #F0E8E2;\n --cl-secondary: #D4A59A;\n --cl-accent: #A8C5B0;\n --cl-text: #1a1a1a;\n --cl-text-light: #5a5a5a;\n --cl-border: #e0d8d0;\n --cl-shadow: 0 4px 24px rgba(94,74,61,.08);\n --cl-shadow-lg: 0 12px 48px rgba(94,74,61,.15);\n --cl-radius: 20px;\n --cl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cl-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4A3D 0%, #8B6F5E 40%, #D4A59A 80%, #A8C5B0 100%);\n border-radius: var(--cl-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cl-shadow-lg);\n}\n\n.cl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(168,197,176,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.cl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cl-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.cl-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cl-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cl-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.cl-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cl-primary), var(--cl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cl-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cl-card {\n background: var(--cl-white);\n border-radius: var(--cl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cl-shadow-lg);\n border-color: var(--cl-primary);\n}\n\n.cl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cl-grid-compact .cl-card {\n padding: 1rem;\n}\n\n.cl-grid-compact .cl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cl-grid-compact .cl-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION === *\/\n.cl-composition {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 550px;\n margin: 0 auto;\n}\n\n.cl-composition-item {\n display: flex;\n gap: 1rem;\n align-items: center;\n background: var(--cl-white);\n border-radius: var(--cl-radius-sm);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--cl-shadow);\n transition: all .3s ease;\n}\n\n.cl-composition-item:hover {\n transform: translateX(6px);\n box-shadow: var(--cl-shadow-lg);\n}\n\n.cl-composition-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.cl-composition-text {\n flex: 1;\n}\n\n.cl-composition-text strong {\n display: block;\n font-size: 16px;\n color: var(--cl-primary-dark);\n margin-bottom: .2rem;\n}\n\n.cl-composition-text p {\n font-size: 13px;\n color: var(--cl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIMELINE === *\/\n.cl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cl-primary), var(--cl-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cl-timeline-content {\n flex: 1;\n background: var(--cl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cl-radius-sm);\n box-shadow: var(--cl-shadow);\n}\n\n.cl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cl-timeline-content p {\n font-size: 14px;\n color: var(--cl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.cl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cl-primary-light);\n border-radius: var(--cl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cl-tip p {\n font-size: 14px;\n color: var(--cl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cl-testimonial {\n background: var(--cl-white);\n border-radius: var(--cl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cl-shadow);\n border-left: 4px solid var(--cl-primary);\n}\n\n.cl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cl-accordion {\n background: var(--cl-white);\n border-radius: var(--cl-radius);\n box-shadow: var(--cl-shadow);\n overflow: hidden;\n}\n\n.cl-accordion-item {\n border-bottom: 1px solid var(--cl-border);\n margin: 0;\n padding: 0;\n}\n\n.cl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cl-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cl-accordion-header:hover {\n background: var(--cl-primary-light);\n}\n\n.cl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cl-primary);\n transition: transform .2s ease;\n}\n\n.cl-accordion-item[open] .cl-accordion-header::after {\n content: '−';\n}\n\n.cl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cl-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.cl-cta-box {\n background: linear-gradient(135deg, var(--cl-primary) 0%, var(--cl-primary-dark) 100%);\n border-radius: var(--cl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cl-disclaimer {\n font-size: 12px;\n color: var(--cl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cl-card {\n padding: 1.125rem;\n }\n\n .cl-section {\n margin-bottom: 1.75rem;\n }\n\n .cl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cl-radius-sm);\n }\n\n .cl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cl-grid-compact {\n gap: .625rem;\n }\n\n .cl-grid-compact .cl-card {\n padding: .75rem;\n }\n\n .cl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cl-timeline-content h3 {\n font-size: 14px;\n }\n\n .cl-timeline-content p {\n font-size: 13px;\n }\n\n .cl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cl-testimonial {\n padding: 1.25rem;\n }\n\n .cl-testimonial-text {\n font-size: 14px;\n }\n\n .cl-composition-item {\n padding: 1rem;\n }\n\n .cl-composition-icon {\n font-size: 24px;\n }\n\n .cl-composition-text strong {\n font-size: 14px;\n }\n\n .cl-composition-text p {\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cl-card {\n animation: clFadeInUp .5s ease backwards;\n }\n .cl-card:nth-child(1) { animation-delay: .05s; }\n .cl-card:nth-child(2) { animation-delay: .1s; }\n .cl-card:nth-child(3) { animation-delay: .15s; }\n .cl-card:nth-child(4) { animation-delay: .2s; }\n .cl-card:nth-child(5) { animation-delay: .25s; }\n .cl-card:nth-child(6) { animation-delay: .3s; }\n\n .cl-composition-item {\n animation: clFadeInUp .5s ease backwards;\n }\n .cl-composition-item:nth-child(1) { animation-delay: .05s; }\n .cl-composition-item:nth-child(2) { animation-delay: .1s; }\n .cl-composition-item:nth-child(3) { animation-delay: .15s; }\n\n .cl-timeline-item {\n animation: clFadeInUp .5s ease backwards;\n }\n .cl-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cl-timeline-item:nth-child(2) { animation-delay: .1s; }\n}\n\n@keyframes clFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55120942039417,"sku":"DI5039","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-clematite-clematis-bio-10-ml-dioter-lifestyle.webp?v=1770720367"},{"product_id":"fleur-de-bach-chicoree-chicory-bio-10-ml-dioter-en-stock","title":"Fleur de Bach Chicorée Bio - 10 ml - Dioter","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Chicorée Bio - 10 ml - Dioter\nPalette détectée:\n - Primaire: #8B6F4E (brun doré\/ambre du flacon et de l'étiquette)\n - Secondaire: #D4A574 (beige rosé, rappelant la pipette et le bandeau bas)\n - Accent: #E8C9A0 (beige clair\/crème de l'étiquette)\nAmbiance: Naturel, doux, bien-être émotionnel, bio, floral, méthode Dr Bach, univers holistique et apaisant\nPréfixe CSS: chic\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Une origine naturelle et française, fidèle à l'esprit du Dr Bach\"\n 2. \"Les bienfaits émotionnels de la fleur de Chicorée\"\n 3. \"Conseils d'utilisation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"chic-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"chic-hero\"\u003e\n \u003cdiv class=\"chic-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"chic-hero-content\"\u003e\n \u003cdiv class=\"chic-badges-top\"\u003e\n \u003cspan class=\"chic-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"chic-badge\"\u003e🇫🇷 Plantes françaises\u003c\/span\u003e\n \u003cspan class=\"chic-badge\"\u003e☀️ Extraction par solarisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"chic-hero-title\"\u003eFleur de Bach Chicorée Bio\u003c\/span\u003e\n \u003cp class=\"chic-subtitle\"\u003eÉlixir floral Dioter · 10 ml\u003c\/p\u003e\n \u003cp class=\"chic-description\"\u003eUn élixir naturel conçu selon la méthode originale du Dr Bach, pour cultiver un amour altruiste et retrouver l'équilibre dans vos relations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"chic-section\"\u003e\n \u003ch2\u003eUne origine naturelle et française, fidèle à l'esprit du Dr Bach\u003c\/h2\u003e\n \u003cp class=\"chic-section-intro\"\u003eLa Fleur de Bach bio Chicorée de Dioter est élaborée avec le plus grand respect de la tradition florale du Dr Edward Bach.\u003c\/p\u003e\n \u003cdiv class=\"chic-grid-compact\"\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e🌾 Plantes sauvages françaises\u003c\/h3\u003e\n \u003cp\u003eDes fleurs de chicorée rigoureusement sélectionnées, issues de cueillettes sauvages en France, garantissant une qualité exceptionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e🌱 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eUne certification bio qui assure une culture sans pesticides ni produits chimiques, dans le respect total de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e☀️ Solarisation naturelle\u003c\/h3\u003e\n \u003cp\u003eUn procédé d'extraction doux et 100 % naturel qui préserve l'énergie vibratoire unique de la fleur de chicorée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e💧 Méthode originale\u003c\/h3\u003e\n \u003cp\u003eFidèle à la méthode du Dr Bach, chaque flacon conserve toute la subtilité et la puissance de l'élixir floral traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"chic-section\"\u003e\n \u003ch2\u003eLes bienfaits émotionnels de la fleur de Chicorée\u003c\/h2\u003e\n \u003cp class=\"chic-section-intro\"\u003eCet élixir floral s'adresse aux personnes qui s'investissent de manière excessive dans le bien-être d'autrui, parfois au détriment de leurs propres besoins. Il aide à restaurer un amour plus altruiste et détaché.\u003c\/p\u003e\n \u003cdiv class=\"chic-grid\"\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e🤝 Relations équilibrées\u003c\/h3\u003e\n \u003cp\u003eFavorise des relations plus équilibrées et respectueuses, en instaurant une juste distance émotionnelle avec les autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e💛 Amour inconditionnel\u003c\/h3\u003e\n \u003cp\u003eEncourage l'amour inconditionnel sans attente de retour, pour donner librement et sans calcul.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e🕊️ Compréhension et tolérance\u003c\/h3\u003e\n \u003cp\u003eDéveloppe la compréhension et la tolérance envers les choix et les besoins des personnes qui vous entourent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-card\"\u003e\n \u003ch3\u003e🧘 Recentrage sur soi\u003c\/h3\u003e\n \u003cp\u003ePermet de se recentrer sur soi sans culpabilité, en prenant soin de vos propres besoins émotionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"chic-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"chic-timeline\"\u003e\n \u003cdiv class=\"chic-timeline-item\"\u003e\n \u003cdiv class=\"chic-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"chic-timeline-content\"\u003e\n \u003ch3\u003ePrise directe\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e diluées dans un fond de verre d'eau ou directement sous la langue. À renouveler plusieurs fois par jour selon vos besoins ou recommandations d'un professionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-timeline-item\"\u003e\n \u003cdiv class=\"chic-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"chic-timeline-content\"\u003e\n \u003ch3\u003ePrise diluée tout au long de la journée\u003c\/h3\u003e\n \u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale non gazeuse et consommez ce mélange en 4 à 5 prises réparties tout au long de la journée. Bien agiter avant chaque prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chic-tip\"\u003e\n \u003cspan class=\"chic-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour un accompagnement personnalisé, n'hésitez pas à consulter un conseiller agréé en Fleurs de Bach qui saura vous guider vers les élixirs les plus adaptés à votre situation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"chic-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"chic-cta-box\"\u003e\n \u003cp\u003e🌸 Retrouvez l'harmonie émotionnelle au quotidien grâce à la douceur naturelle de la Fleur de Bach Chicorée Bio Dioter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"chic-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un traitement médical. Consultez votre professionnel de santé pour toute question relative à votre état de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --chic-cream: #FBF7F2;\n --chic-white: #ffffff;\n --chic-primary: #8B6F4E;\n --chic-primary-dark: #5E4A33;\n --chic-primary-light: #F5EDE3;\n --chic-secondary: #D4A574;\n --chic-accent: #E8C9A0;\n --chic-text: #1a1a1a;\n --chic-text-light: #6B5D52;\n --chic-border: #E8DDD1;\n --chic-shadow: 0 4px 24px rgba(94,74,51,.08);\n --chic-shadow-lg: 0 12px 48px rgba(94,74,51,.15);\n --chic-radius: 20px;\n --chic-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.chic-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--chic-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.chic-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4A33 0%, #8B6F4E 45%, #D4A574 100%);\n border-radius: var(--chic-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--chic-shadow-lg);\n}\n\n.chic-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.chic-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.chic-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.chic-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.chic-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.chic-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.chic-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--chic-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.chic-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.chic-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.chic-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--chic-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.chic-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--chic-primary), var(--chic-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.chic-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--chic-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.chic-card {\n background: var(--chic-white);\n border-radius: var(--chic-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--chic-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.chic-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--chic-shadow-lg);\n border-color: var(--chic-primary);\n}\n\n.chic-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--chic-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.chic-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--chic-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.chic-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.chic-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.chic-grid-compact .chic-card {\n padding: 1rem;\n}\n\n.chic-grid-compact .chic-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.chic-grid-compact .chic-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.chic-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.chic-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.chic-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--chic-primary), var(--chic-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.chic-timeline-content {\n flex: 1;\n background: var(--chic-white);\n padding: 1rem 1.25rem;\n border-radius: var(--chic-radius-sm);\n box-shadow: var(--chic-shadow);\n}\n\n.chic-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--chic-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.chic-timeline-content p {\n font-size: 14px;\n color: var(--chic-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.chic-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--chic-primary-light);\n border-radius: var(--chic-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.chic-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.chic-tip p {\n font-size: 14px;\n color: var(--chic-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.chic-cta-box {\n background: linear-gradient(135deg, var(--chic-primary) 0%, var(--chic-primary-dark) 100%);\n border-radius: var(--chic-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.chic-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.chic-disclaimer {\n font-size: 12px;\n color: var(--chic-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .chic-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .chic-card {\n padding: 1.125rem;\n }\n\n .chic-section {\n margin-bottom: 1.75rem;\n }\n\n .chic-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--chic-radius-sm);\n }\n\n .chic-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .chic-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .chic-grid-compact {\n gap: .625rem;\n }\n\n .chic-grid-compact .chic-card {\n padding: .75rem;\n }\n\n .chic-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .chic-timeline-content {\n padding: .875rem 1rem;\n }\n\n .chic-timeline-content h3 {\n font-size: 14px;\n }\n\n .chic-timeline-content p {\n font-size: 13px;\n }\n\n .chic-tip {\n padding: .875rem 1rem;\n }\n\n .chic-tip-icon {\n font-size: 20px;\n }\n\n .chic-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .chic-card {\n animation: chic-fadeInUp .5s ease backwards;\n }\n .chic-card:nth-child(1) { animation-delay: .05s; }\n .chic-card:nth-child(2) { animation-delay: .1s; }\n .chic-card:nth-child(3) { animation-delay: .15s; }\n .chic-card:nth-child(4) { animation-delay: .2s; }\n .chic-card:nth-child(5) { animation-delay: .25s; }\n .chic-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes chic-fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .chic-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55120955572601,"sku":"DI5038","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-chicoree-bio-10-ml-dioter-lifestyle.webp?v=1770718866"},{"product_id":"fleur-de-bach-agrimony-aigremoine-bio-10-ml-dioter","title":"Fleur de Bach Agrimony bio - 10 ml - Dioter","description":"\u003cdiv class=\"ag-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ag-hero\"\u003e\n\u003cdiv class=\"ag-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ag-hero-content\"\u003e\n\u003cdiv class=\"ag-badges-top\"\u003e\n\u003cspan class=\"ag-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"ag-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"ag-badge\"\u003e💧 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ag-hero-title\"\u003eFleur de Bach Agrimony bio\u003c\/span\u003e\n\u003cp class=\"ag-subtitle\"\u003eÉlixir floral Dioter, Méthode authentique du Dr Bach\u003c\/p\u003e\n\u003cp class=\"ag-description\"\u003eUn remède floral naturel pour apaiser les conflits intérieurs, retrouver l'authenticité émotionnelle et cultiver une paix intérieure durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette fleur de Bach ?\u003c\/h2\u003e\n\u003cp class=\"ag-section-intro\"\u003eL'élixir \u003cstrong\u003eAgrimony\u003c\/strong\u003e (Aigremoine) est issu de la plante \u003cem\u003eAgrimonia eupatoria\u003c\/em\u003e, réputée pour ses vertus harmonisantes qui favorisent l'expression sincère des émotions.\u003c\/p\u003e\n\u003cdiv class=\"ag-grid\"\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🎭 Faire tomber les masques\u003c\/h3\u003e\n\u003cp\u003eParticulièrement adapté aux personnes qui masquent leurs souffrances ou préoccupations sous un comportement joyeux et sociable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🕊️ Retrouver l'authenticité\u003c\/h3\u003e\n\u003cp\u003eAide à se reconnecter avec ses émotions profondes et à cultiver un état de calme intérieur sincère, loin des apparences.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e☮️ Paix intérieure durable\u003c\/h3\u003e\n\u003cp\u003eRenforce l'équilibre émotionnel en favorisant l'expression authentique des ressentis et en apaisant les conflits intérieurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eUne fabrication naturelle et biologique\u003c\/h2\u003e\n\u003cdiv class=\"ag-grid\"\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🌾 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eCueillies dans le respect de la nature, les fleurs d'aigremoine proviennent de cueillettes sauvages en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e☀️ Extraction par solarisation\u003c\/h3\u003e\n\u003cp\u003eProcédé original du Dr Bach : les fleurs sont exposées au soleil dans une eau pure, garantissant un produit 100 % naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio français\u003c\/h3\u003e\n\u003cp\u003eLe conservateur utilisé est un cognac issu de l'Agriculture Biologique française, certifié FR-BIO-01.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"ag-timeline\"\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eUsage ponctuel\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un fond de verre d'eau ou directement sous la langue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eRenouvellement\u003c\/h3\u003e\n\u003cp\u003eÀ renouveler \u003cstrong\u003eplusieurs fois dans la journée\u003c\/strong\u003e selon les besoins ressentis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eUsage prolongé\u003c\/h3\u003e\n\u003cp\u003eDiluer \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un 1\/2 litre d'eau minérale non gazeuse, à consommer en 4 à 5 prises dans la journée. Bien agiter avant chaque prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-tip\"\u003e\n\u003cspan class=\"ag-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un résultat optimal, privilégiez une prise régulière sur plusieurs semaines. L'élixir peut être associé à d'autres fleurs de Bach selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"ag-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"ag-accordion\"\u003e\n\u003cdetails class=\"ag-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"ag-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n\u003cp\u003eEau, Cognac biologique, Solarisation de fleur – Aigremoine (\u003cem\u003eAgrimonia eupatoria\u003c\/em\u003e)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ag-accordion-item\"\u003e\n\u003csummary class=\"ag-accordion-header\"\u003e🌱 Certification biologique\u003c\/summary\u003e\n\u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit issu de l'Agriculture Biologique – Certifié \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ag-accordion-item\"\u003e\n\u003csummary class=\"ag-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n\u003cp\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"ag-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ag-cream: #FAF6F0;\n --ag-white: #ffffff;\n --ag-primary: #8B6914;\n --ag-primary-dark: #5C4510;\n --ag-primary-light: #F5EDDC;\n --ag-secondary: #D4A574;\n --ag-accent: #E8C896;\n --ag-text: #1a1a1a;\n --ag-text-light: #5a5a5a;\n --ag-border: #e8e0d4;\n --ag-shadow: 0 4px 24px rgba(92, 69, 16, .08);\n --ag-shadow-lg: 0 12px 48px rgba(92, 69, 16, .15);\n --ag-radius: 20px;\n --ag-radius-sm: 12px;\n}\n\n.ag-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ag-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ag-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4510 0%, #8B6914 40%, #D4A574 100%);\n border-radius: var(--ag-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ag-shadow-lg);\n}\n\n.ag-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(232, 200, 150, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212, 165, 116, .12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ag-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ag-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, .2);\n}\n\n.ag-subtitle {\n color: rgba(255, 255, 255, .85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ag-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ag-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ag-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, .95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ag-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.ag-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ag-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ag-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ag-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ag-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ag-primary), var(--ag-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ag-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ag-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ag-card {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ag-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ag-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ag-shadow-lg);\n border-color: var(--ag-primary);\n}\n\n.ag-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ag-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ag-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ag-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ag-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ag-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ag-grid-compact .ag-card {\n padding: 1rem;\n}\n\n.ag-grid-compact .ag-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ag-grid-compact .ag-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ag-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ag-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ag-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ag-primary), var(--ag-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ag-timeline-content {\n flex: 1;\n background: var(--ag-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ag-radius-sm);\n box-shadow: var(--ag-shadow);\n}\n\n.ag-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ag-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ag-timeline-content p {\n font-size: 14px;\n color: var(--ag-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ag-testimonial {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ag-shadow);\n border-left: 4px solid var(--ag-primary);\n}\n\n.ag-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ag-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ag-accordion {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n box-shadow: var(--ag-shadow);\n overflow: hidden;\n}\n\n.ag-accordion-item {\n border-bottom: 1px solid var(--ag-border);\n margin: 0;\n padding: 0;\n}\n\n.ag-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ag-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ag-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ag-accordion-header:hover {\n background: var(--ag-primary-light);\n}\n\n.ag-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ag-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ag-primary);\n transition: transform .2s ease;\n}\n\n.ag-accordion-item[open] .ag-accordion-header::after {\n content: '−';\n}\n\n.ag-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ag-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ag-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ag-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ag-primary-light);\n border-radius: var(--ag-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ag-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ag-tip p {\n font-size: 14px;\n color: var(--ag-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.ag-disclaimer {\n font-size: 12px;\n color: var(--ag-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ag-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ag-card {\n padding: 1.125rem;\n }\n\n .ag-section {\n margin-bottom: 1.75rem;\n }\n\n .ag-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ag-radius-sm);\n }\n\n .ag-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ag-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ag-grid-compact {\n gap: .625rem;\n }\n\n .ag-grid-compact .ag-card {\n padding: .75rem;\n }\n\n .ag-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ag-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ag-timeline-content h3 {\n font-size: 14px;\n }\n\n .ag-timeline-content p {\n font-size: 13px;\n }\n\n .ag-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ag-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ag-testimonial {\n padding: 1.25rem;\n }\n\n .ag-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ag-card {\n animation: agFadeInUp .5s ease backwards;\n }\n .ag-card:nth-child(1) { animation-delay: .05s; }\n .ag-card:nth-child(2) { animation-delay: .1s; }\n .ag-card:nth-child(3) { animation-delay: .15s; }\n .ag-card:nth-child(4) { animation-delay: .2s; }\n .ag-card:nth-child(5) { animation-delay: .25s; }\n .ag-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes agFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ag-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55120973398393,"sku":"DI5031","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-agrimony-bio-10-ml-dioter-lifestyle.webp?v=1770634032"},{"product_id":"fleur-de-bach-chataigner-bio-10-ml-dioter","title":"Fleur de Bach Châtaigner Bio - 10 ml - Dioter","description":"\u003cdiv class=\"fb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"fb-hero\"\u003e\n\u003cdiv class=\"fb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fb-hero-content\"\u003e\n\u003cdiv class=\"fb-badges-top\"\u003e\n\u003cspan class=\"fb-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🌸 Méthode Dr Bach\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fb-hero-title\"\u003eFleur de Bach Châtaigner Bio\u003c\/span\u003e\n\u003cp class=\"fb-subtitle\"\u003eSweet Chestnut · Élixir floral 10 ml · Dioter\u003c\/p\u003e\n\u003cp class=\"fb-description\"\u003eUn élixir floral précieux, élaboré selon la méthode originale du Dr Bach, pour accompagner les périodes de profonde détresse émotionnelle et retrouver la paix intérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eVertus libératrices du Châtaignier : retrouver l'espoir au cœur de l'obscurité\u003c\/h2\u003e\n\u003cp class=\"fb-section-intro\"\u003eRecommandé dans les moments où l'on se sent au bout du rouleau, accablé par le désespoir ou une peine profonde, le Châtaignier transforme les états extrêmes en force de résilience.\u003c\/p\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e✨ Lumière intérieure\u003c\/h3\u003e\n\u003cp\u003eFait émerger une lumière au cœur de l'obscurité, favorisant la transformation émotionnelle et la prise de conscience profonde.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🔓 Libération émotionnelle\u003c\/h3\u003e\n\u003cp\u003eSoutient la libération des émotions bloquées et encourage l'acceptation des expériences passées pour briser les schémas répétitifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌱 Évolution personnelle\u003c\/h3\u003e\n\u003cp\u003eGuide vers une évolution personnelle harmonieuse en stimulant la capacité à apprendre des épreuves et à grandir intérieurement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eUne composition 100% naturelle et bio\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌼 Fleurs sauvages\u003c\/h3\u003e\n\u003cp\u003eÉlaboré à partir de fleurs sauvages françaises cueillies avec soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n\u003cp\u003eExtrait par solarisation selon la méthode traditionnelle du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eComposé d'eau de source et de cognac biologique comme stabilisateur naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n\u003cp\u003eProduit certifié bio par FR-BIO-01, garantie de qualité et de traçabilité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et durée de la cure\u003c\/h2\u003e\n\u003cdiv class=\"fb-timeline\"\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003ePrise directe\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un fond d'eau ou directement sous la langue, plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003ePrise diluée (alternative)\u003c\/h3\u003e\n\u003cp\u003eDiluer \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale non gazeuse et consommer en 4 à 5 prises au cours de la journée, en agitant avant chaque usage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003eUne cure de \u003cstrong\u003e3 semaines\u003c\/strong\u003e est généralement recommandée, renouvelable si nécessaire pour un effet optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-tip\"\u003e\n\u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un effet optimal, privilégiez la prise en dehors des repas et laissez les gouttes quelques secondes sous la langue avant d'avaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"fb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConditionnement et précautions\u003c\/h2\u003e\n\u003cdiv class=\"fb-accordion\"\u003e\n\u003cdetails class=\"fb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n\u003cp\u003eFlacon compte-gouttes en verre de 10 ml, pratique et précis pour un dosage optimal au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n\u003cp\u003eComplément alimentaire à utiliser dans le cadre d'un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"fb-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fb-cream: #FDF8F2;\n --fb-white: #ffffff;\n --fb-primary: #8B6914;\n --fb-primary-dark: #5C4A1E;\n --fb-primary-light: #F5EDD8;\n --fb-secondary: #D4A574;\n --fb-accent: #C08B4A;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8dfd2;\n --fb-shadow: 0 4px 24px rgba(92,74,30,.08);\n --fb-shadow-lg: 0 12px 48px rgba(92,74,30,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4A1E 0%, #8B6914 40%, #D4A574 100%);\n border-radius: var(--fb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.fb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.fb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.fb-testimonial {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fb-card {\n padding: 1.125rem;\n }\n\n .fb-section {\n margin-bottom: 1.75rem;\n }\n\n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n\n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fb-grid-compact {\n gap: .625rem;\n }\n\n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n\n .fb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\n }\n\n .fb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fb-testimonial {\n padding: 1.25rem;\n }\n\n .fb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55122930172281,"sku":"DI5060","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-chataigner-bio-10-ml-dioter-lifestyle.webp?v=1770884703"},{"product_id":"fleur-de-bach-ajonc-bio-10-ml-dioter","title":"Fleur de Bach Ajonc (Gorse) Bio - 10 ml - Dioter","description":"\u003cdiv class=\"gb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gb-hero\"\u003e\n\u003cdiv class=\"gb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gb-hero-content\"\u003e\n\u003cdiv class=\"gb-badges-top\"\u003e\n\u003cspan class=\"gb-badge\"\u003e🌿 Agriculture biologique FR-BIO-01\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e🌼 Méthode du Dr. Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gb-hero-title\"\u003eFleur de Bach Ajonc (Gorse) Bio\u003c\/span\u003e\n\u003cp class=\"gb-subtitle\"\u003eÉlixir floral Dioter — 10 ml\u003c\/p\u003e\n\u003cp class=\"gb-description\"\u003ePlongez au cœur de la tradition florale avec cet élixir préparé selon la méthode originelle du Dr. Bach. Une invitation à retrouver l'espoir et à ranimer la volonté face aux épreuves de la vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eUn élixir naturel et français\u003c\/h2\u003e\n\u003cp class=\"gb-section-intro\"\u003eIssu de l'agriculture biologique française et certifié \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e, cet élixir de \u003cem\u003eUlex europaeus\u003c\/em\u003e (Ajonc) est préparé à partir de fleurs sauvages cueillies avec soin.\u003c\/p\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌾 Fleurs sauvages\u003c\/h3\u003e\n\u003cp\u003eCueillette respectueuse de fleurs d'ajonc dans leur milieu naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n\u003cp\u003eExtraction vibratoire fidèle aux principes du Dr. Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🧪 100 % naturel\u003c\/h3\u003e\n\u003cp\u003ePréparation sans altération, sans additif de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n\u003cp\u003eÉlaboré par la marque française Dioter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePour qui ?\u003c\/h2\u003e\n\u003cp class=\"gb-section-intro\"\u003eLa Fleur de Bach Ajonc est particulièrement recommandée aux personnes se sentant enfermées dans un profond découragement, une perte de foi en l'avenir, voire un pessimisme installé.\u003c\/p\u003e\n\u003cdiv class=\"gb-grid\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌅 Le renouveau de l'espoir\u003c\/h3\u003e\n\u003cp\u003eRetrouvez une flamme intérieure et la capacité à envisager l'avenir avec plus de sérénité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e💪 La résilience face aux épreuves\u003c\/h3\u003e\n\u003cp\u003eFavorise la capacité à se relever malgré les difficultés rencontrées sur votre chemin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e✨ Une attitude confiante et lumineuse\u003c\/h3\u003e\n\u003cp\u003eUn retour progressif vers un état d'esprit ouvert, positif et tourné vers la lumière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et durée de la cure\u003c\/h2\u003e\n\u003cdiv class=\"gb-timeline\"\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003ePrise directe\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e5 gouttes\u003c\/strong\u003e sous la langue ou diluées dans un peu d'eau, plusieurs fois par jour selon le besoin ou les recommandations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eCure structurée\u003c\/h3\u003e\n\u003cp\u003eDiluer \u003cstrong\u003e25 gouttes dans ½ litre d'eau minérale non gazeuse\u003c\/strong\u003e, à consommer en 4 à 5 prises réparties sur la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n\u003cp\u003eUne \u003cstrong\u003ecure d'au moins 3 semaines\u003c\/strong\u003e est recommandée pour une meilleure intégration émotionnelle. Renouvelable si nécessaire, selon la profondeur du mal-être ressenti.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un soutien optimal, prenez vos gouttes à distance des repas et laissez-les un instant sous la langue avant d'avaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"gb-grid\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eBase pure et naturelle pour la préparation de l'élixir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🍇 Cognac biologique\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel traditionnel des élixirs floraux de Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌼 Solarisation de fleurs d'ajonc\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eUlex europaeus\u003c\/em\u003e — fleurs sauvages capturées par la méthode solaire du Dr. Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 \u0026 #6 regroupés en accordéon --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eConditionnement et certification\u003c\/h2\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e📦 Flacon 10 ml\u003c\/h3\u003e\n\u003cp\u003eCompte-gouttes pratique et nomade\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n\u003cp\u003eFR-BIO-01 — Agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"gb-accordion\"\u003e\n\u003cdetails class=\"gb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eComplément alimentaire à base de plantes. À utiliser dans le cadre d'une alimentation variée. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Ce produit n'est pas un médicament.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"gb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"gb-cta-box\"\u003e\n\u003cp\u003e🌼 Redonnez place à l'espoir dans votre quotidien avec l'élixir floral Ajonc Bio — fidèle à la méthode originelle du Dr. Bach, certifié bio et fabriqué en France par Dioter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gb-disclaimer\"\u003eLes élixirs floraux sont des compléments alimentaires et ne sauraient se substituer à un avis médical. Les résultats peuvent varier selon les individus.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gb-cream: #FBF7F0;\n --gb-white: #ffffff;\n --gb-primary: #8B6914;\n --gb-primary-dark: #5C450D;\n --gb-primary-light: #F5EDDC;\n --gb-secondary: #C4956A;\n --gb-accent: #4A6741;\n --gb-text: #1a1a1a;\n --gb-text-light: #5a5a5a;\n --gb-border: #E8DFD0;\n --gb-shadow: 0 4px 24px rgba(90,60,10,.08);\n --gb-shadow-lg: 0 12px 48px rgba(90,60,10,.15);\n --gb-radius: 20px;\n --gb-radius-sm: 12px;\n}\n\n.gb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gb-hero {\n position: relative;\n background: linear-gradient(135deg, #5C450D 0%, #8B6914 40%, #C4956A 80%, #D4A97A 100%);\n border-radius: var(--gb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gb-shadow-lg);\n}\n\n.gb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.gb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.8;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gb-primary), var(--gb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gb-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.gb-section-intro strong {\n color: var(--gb-primary-dark);\n}\n\n\/* === CARDS === *\/\n.gb-card {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gb-shadow-lg);\n border-color: var(--gb-primary);\n}\n\n.gb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gb-grid-compact .gb-card {\n padding: 1rem;\n}\n\n.gb-grid-compact .gb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gb-grid-compact .gb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gb-primary), var(--gb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gb-timeline-content {\n flex: 1;\n background: var(--gb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gb-radius-sm);\n box-shadow: var(--gb-shadow);\n}\n\n.gb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gb-timeline-content p {\n font-size: 14px;\n color: var(--gb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.gb-timeline-content p strong {\n color: var(--gb-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.gb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gb-primary-light);\n border-radius: var(--gb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gb-tip p {\n font-size: 14px;\n color: var(--gb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.gb-testimonial {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gb-shadow);\n border-left: 4px solid var(--gb-primary);\n}\n\n.gb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gb-accordion {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n box-shadow: var(--gb-shadow);\n overflow: hidden;\n}\n\n.gb-accordion-item {\n border-bottom: 1px solid var(--gb-border);\n margin: 0;\n padding: 0;\n}\n\n.gb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gb-accordion-header:hover {\n background: var(--gb-primary-light);\n}\n\n.gb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gb-primary);\n transition: transform .2s ease;\n}\n\n.gb-accordion-item[open] .gb-accordion-header::after {\n content: '−';\n}\n\n.gb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gb-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gb-cta-box {\n background: linear-gradient(135deg, var(--gb-primary) 0%, var(--gb-primary-dark) 100%);\n border-radius: var(--gb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gb-disclaimer {\n font-size: 12px;\n color: var(--gb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gb-card {\n padding: 1.125rem;\n }\n\n .gb-section {\n margin-bottom: 1.75rem;\n }\n\n .gb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gb-radius-sm);\n }\n\n .gb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gb-grid-compact {\n gap: .625rem;\n }\n\n .gb-grid-compact .gb-card {\n padding: .75rem;\n }\n\n .gb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gb-timeline-content h3 {\n font-size: 14px;\n }\n\n .gb-timeline-content p {\n font-size: 13px;\n }\n\n .gb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gb-testimonial {\n padding: 1.25rem;\n }\n\n .gb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gb-card {\n animation: gbFadeInUp .5s ease backwards;\n }\n .gb-card:nth-child(1) { animation-delay: .05s; }\n .gb-card:nth-child(2) { animation-delay: .1s; }\n .gb-card:nth-child(3) { animation-delay: .15s; }\n .gb-card:nth-child(4) { animation-delay: .2s; }\n .gb-card:nth-child(5) { animation-delay: .25s; }\n .gb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55122985714041,"sku":"DI5043","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-ajonc-gorse-bio-10-ml-dioter-lifestyle.webp?v=1770722444"},{"product_id":"fleur-de-bach-charme-bio-10-ml-dioter","title":"Fleur de Bach Charme bio - 10 ml - Dioter","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Charme bio - 10 ml - Dioter\nPalette détectée:\n - Primaire: #D4A574 (beige doré\/sable du packaging)\n - Secondaire: #E8B4A6 (rose poudré de la pipette)\n - Accent: #8B7355 (brun ambré du flacon)\nAmbiance: Naturel, doux, organique, féminin soft, bien-être holistique, tradition florale\nPréfixe CSS: fb\n--\u003e\n\u003cdiv class=\"fb-premium\"\u003e\n\u003cdiv class=\"fb-hero\"\u003e\n\u003cdiv class=\"fb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fb-hero-content\"\u003e\n\u003cdiv class=\"fb-badges-top\"\u003e\n\u003cspan class=\"fb-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🌸 Méthode Dr Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fb-hero-title\"\u003eFleur de Bach Charme\u003c\/span\u003e\n\u003cp class=\"fb-subtitle\"\u003eRetrouvez votre élan et votre vitalité mentale\u003c\/p\u003e\n\u003cp class=\"fb-description\"\u003eL'élixir floral bio pour surmonter la fatigue mentale et transformer l'hésitation en action\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e💫 Les bienfaits émotionnels\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e⚡ Énergie mentale restaurée\u003c\/h3\u003e\n\u003cp\u003eAffrontez chaque journée avec davantage de légèreté et de clarté d'esprit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🎯 Volonté d'agir stimulée\u003c\/h3\u003e\n\u003cp\u003eTransformez l'hésitation en action concrète, sans effort surhumain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💪 Confiance retrouvée\u003c\/h3\u003e\n\u003cp\u003eReprenez foi en vos capacités à mener à bien tous vos projets\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌅 Fraîcheur mentale\u003c\/h3\u003e\n\u003cp\u003eRessentez cette sensation comparable à celle d'un nouveau départ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🧘 Stabilité intérieure\u003c\/h3\u003e\n\u003cp\u003eRenforcez votre ancrage face aux défis du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌿 Action douce\u003c\/h3\u003e\n\u003cp\u003eSans accoutumance ni effet secondaire connu, en toute sérénité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🎯 À qui s'adresse cet élixir ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e😴 Fatigue au réveil\u003c\/h3\u003e\n\u003cp\u003eVous vous sentez épuisé avant même d'avoir commencé votre journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e⏰ Procrastination\u003c\/h3\u003e\n\u003cp\u003eVous remettez sans cesse à plus tard ce que vous devriez faire maintenant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e😔 Manque d'enthousiasme\u003c\/h3\u003e\n\u003cp\u003eLes activités qui vous plaisaient vous semblent maintenant fastidieuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🤔 Doute sur vos capacités\u003c\/h3\u003e\n\u003cp\u003eVous n'êtes plus certain d'avoir la force d'accomplir vos projets\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🔄 Sensation de monotonie\u003c\/h3\u003e\n\u003cp\u003eVotre routine quotidienne vous pèse et vous aspire vers le bas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e✨ Blocage mental\u003c\/h3\u003e\n\u003cp\u003eUne fois lancé, la fatigue s'estompe : le blocage est mental, pas physique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e📅 Quand l'utiliser ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌸 Transition hormonale\u003c\/h3\u003e\n\u003cp\u003eAccompagne les femmes lors de la ménopause face à la fatigue et aux baisses de moral\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💼 Surcharge professionnelle\u003c\/h3\u003e\n\u003cp\u003eQuand l'accumulation de tâches vous paralyse et bloque votre élan\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n\u003cp\u003eParticulièrement à l'automne et en hiver, quand la luminosité diminue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🏥 Convalescence\u003c\/h3\u003e\n\u003cp\u003ePour retrouver progressivement votre dynamisme habituel après une maladie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"fb-usage-container\"\u003e\n\u003cdiv class=\"fb-usage-card\"\u003e\n\u003cdiv class=\"fb-usage-header\"\u003e\n\u003cspan class=\"fb-usage-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3\u003eUtilisation ponctuelle\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"fb-usage-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e4 gouttes\u003c\/strong\u003e directement sous la langue\u003c\/li\u003e\n\u003cli\u003eOu diluées dans un fond de verre d'eau\u003c\/li\u003e\n\u003cli\u003eJusqu'à \u003cstrong\u003e4 à 6 fois par jour\u003c\/strong\u003e selon vos besoins\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-card\"\u003e\n\u003cdiv class=\"fb-usage-header\"\u003e\n\u003cspan class=\"fb-usage-icon\"\u003e🍶\u003c\/span\u003e\n\u003ch3\u003eUtilisation journalière\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"fb-usage-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e16 gouttes\u003c\/strong\u003e dans 500 ml d'eau minérale plate\u003c\/li\u003e\n\u003cli\u003eAgiter avant chaque prise\u003c\/li\u003e\n\u003cli\u003eBoire par \u003cstrong\u003epetites gorgées\u003c\/strong\u003e au fil de la journée\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-tip\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Conseil pratique :\u003c\/strong\u003e gardez le flacon dans votre sac pour une utilisation à tout moment, notamment lors des coups de fatigue ou avant une tâche que vous appréhendez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eBase pure et naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌳 Charme\u003c\/h3\u003e\n\u003cp\u003eCarpinus betulus solarisé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌱 100% Bio\u003c\/h3\u003e\n\u003cp\u003eCertifié FR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e✨ Qualité Dioter\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌸 Fleurs sauvages\u003c\/h3\u003e\n\u003cp\u003eCueillies à la main en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n\u003cp\u003eMéthode originale Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🏆 Certification bio\u003c\/h3\u003e\n\u003cp\u003eFR-BIO-01 garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🍷 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eConservation optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🤝 Synergies recommandées avec la fleur de bach charme\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🫒 Olivier\u003c\/h3\u003e\n\u003cp\u003eEn cas d'épuisement physique et mental profond\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌹  Rose sauve\u003c\/h3\u003e\n\u003cp\u003eSi la résignation accompagne votre manque de motivation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💜 Gentiane\u003c\/h3\u003e\n\u003cp\u003ePour surmonter le découragement après un échec\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"fb-accordion\"\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e⏱️ Combien de temps pour ressentir les effets ?\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eLes élixirs floraux agissent différemment selon les personnes. Certains ressentent un changement dès les premiers jours, tandis que d'autres auront besoin de 2 à 3 semaines d'utilisation régulière. La clé réside dans la constance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e🌸 Peut-on l'utiliser pendant la ménopause ?\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eOui, la fleur de Bach Charme peut accompagner cette période en aidant à gérer la fatigue mentale souvent ressentie lors des changements hormonaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e💊 Y a-t-il des interactions médicamenteuses ?\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eAucune interaction médicamenteuse n'est connue à ce jour. Toutefois, par précaution, informez votre médecin ou pharmacien si vous suivez un traitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"fb-accordion\"\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Le cognac bio assure une conservation optimale des principes actifs floraux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eCe produit ne remplace pas un traitement médical ni un suivi par un professionnel de santé. En cas de fatigue persistante, consultez votre médecin pour en identifier la cause. Contient de l'alcool (cognac) : déconseillé aux femmes enceintes, allaitantes et aux personnes en sevrage alcoolique. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e📜 Origine de la méthode\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eLe Charme (Hornbeam) fait partie des 38 fleurs de Bach identifiées par le Dr Edward Bach dans les années 1930. Élaboré selon la méthode originale de solarisation, cet élixir perpétue une tradition de près d'un siècle au service du bien-être émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"fb-section\"\u003e\n\u003cdiv class=\"fb-cta-box\"\u003e\n\u003cp\u003e🌸 Libérez-vous de la fatigue mentale et retrouvez l'enthousiasme qui sommeille en vous. La nature a le pouvoir de vous accompagner en douceur vers un quotidien plus léger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fb-cream: #FDF8F4;\n --fb-white: #ffffff;\n --fb-primary: #D4A574;\n --fb-primary-dark: #8B6914;\n --fb-primary-light: #F5EBE0;\n --fb-secondary: #E8B4A6;\n --fb-accent: #8B7355;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8e0d8;\n --fb-shadow: 0 4px 24px rgba(139,115,85,.08);\n --fb-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #E8B4A6 0%, #D4A574 50%, #8B7355 100%);\n border-radius: var(--fb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-accent);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.fb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-accent);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-secondary), var(--fb-primary));\n border-radius: 2px;\n}\n\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-accent);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n.fb-usage-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.fb-usage-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-usage-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1rem;\n}\n\n.fb-usage-icon {\n font-size: 28px;\n}\n\n.fb-usage-header h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n color: var(--fb-accent);\n margin: 0;\n}\n\n.fb-usage-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.fb-usage-list li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: .5rem;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n line-height: 1.5;\n}\n\n.fb-usage-list li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: var(--fb-primary);\n font-weight: bold;\n}\n\n.fb-usage-list li:last-child {\n margin-bottom: 0;\n}\n\n.fb-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, var(--fb-primary-light) 0%, #fff 100%);\n border-radius: var(--fb-radius-sm);\n padding: 1.25rem;\n border: 1px solid var(--fb-border);\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n margin: 0;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n line-height: 1.6;\n}\n\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-accent);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-accent) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fb-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.fb-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .fb-grid-compact {\n gap: .625rem;\n }\n \n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n \n .fb-card {\n padding: 1.125rem;\n }\n \n .fb-section {\n margin-bottom: 1.75rem;\n }\n \n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n \n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .fb-usage-container {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .fb-usage-card {\n padding: 1.125rem;\n }\n \n .fb-tip {\n flex-direction: column;\n gap: .5rem;\n padding: 1rem;\n }\n \n .fb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55122995347833,"sku":"DI5047","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-charme-bio-10-ml-dioter-lifestyle_8fde0b1e-5735-4d74-8f2b-2d40b123705e.webp?v=1768497785"},{"product_id":"fleur-de-bach-mimule-bio-10-ml-dioter","title":"Fleur de Bach Mimule bio - 10 ml - Dioter","description":"\u003cdiv class=\"mm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"mm-hero\"\u003e\n\u003cdiv class=\"mm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mm-hero-content\"\u003e\n\u003cdiv class=\"mm-badges-top\"\u003e\n\u003cspan class=\"mm-badge\"\u003e🌿 Certifié bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"mm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"mm-badge\"\u003e🌸 Méthode du Dr Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mm-hero-title\"\u003eFleur de Bach Mimule bio\u003c\/span\u003e\n\u003cp class=\"mm-subtitle\"\u003eÉlixir floral Mimulus - Dioter · 10 ml\u003c\/p\u003e\n\u003cp class=\"mm-description\"\u003eDépassez vos peurs précises et retrouvez confiance grâce à cet élixir floral bio, élaboré selon la méthode authentique du Dr Bach à partir de fleurs sauvages françaises.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003ePour qui est-elle recommandée ?\u003c\/h2\u003e\n\u003cp class=\"mm-section-intro\"\u003eLa Fleur de Mimule est idéale pour toutes les personnes confrontées à des peurs identifiées ou à une grande sensibilité émotionnelle.\u003c\/p\u003e\n\u003cdiv class=\"mm-grid\"\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🤫 Timidité et réserve\u003c\/h3\u003e\n\u003cp\u003eVous avez du mal à vous exprimer en public ou dans les interactions sociales et professionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e😨 Peurs identifiées\u003c\/h3\u003e\n\u003cp\u003ePeur du noir, des animaux, de la maladie, de l'inconnu… Des appréhensions précises qui freinent votre quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e💪 Confiance et courage\u003c\/h3\u003e\n\u003cp\u003eCet élixir floral vise à favoriser la confiance en soi et le courage pour mieux affronter les situations anxiogènes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eUne composition naturelle et certifiée bio\u003c\/h2\u003e\n\u003cp class=\"mm-section-intro\"\u003eCertifié Agriculture Biologique (FR-BIO-01) et fabriqué en France, chaque ingrédient est sélectionné avec soin dans le respect de la nature.\u003c\/p\u003e\n\u003cdiv class=\"mm-grid-compact\"\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eBase pure et naturelle pour l'élixir floral\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🍇 Cognac biologique\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel traditionnel des élixirs du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🌼 Solarisation de Mimule\u003c\/h3\u003e\n\u003cp\u003eFleurs sauvages françaises préparées selon la méthode originelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e✅ Qualité garantie\u003c\/h3\u003e\n\u003cp\u003eFidèle à l'esprit des élixirs floraux du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"mm-timeline\"\u003e\n\u003cdiv class=\"mm-timeline-item\"\u003e\n\u003cdiv class=\"mm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mm-timeline-content\"\u003e\n\u003ch3\u003eMéthode directe\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un verre d'eau ou déposez-les directement sous la langue, plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-timeline-item\"\u003e\n\u003cdiv class=\"mm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mm-timeline-content\"\u003e\n\u003ch3\u003eMéthode prolongée\u003c\/h3\u003e\n\u003cp\u003ePréparez un mélange dans \u003cstrong\u003e1\/2 litre d'eau minérale non gazeuse\u003c\/strong\u003e avec \u003cstrong\u003e25 gouttes\u003c\/strong\u003e d'élixir. Buvez en 4 à 5 prises dans la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-timeline-item\"\u003e\n\u003cdiv class=\"mm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mm-timeline-content\"\u003e\n\u003ch3\u003eConseil pratique\u003c\/h3\u003e\n\u003cp\u003eSecouez bien la bouteille avant chaque utilisation pour activer les propriétés vibratoires de l'élixir floral.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-tip\"\u003e\n\u003cspan class=\"mm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un résultat optimal, utilisez l'élixir de manière régulière sur plusieurs semaines. Les Fleurs de Bach agissent en douceur sur l'équilibre émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"mm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eUn soutien émotionnel naturel au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"mm-cta-box\"\u003e\n\u003cp\u003eAvec la Fleur de Bach Bio Mimule, vous choisissez un soutien naturel pour \u003cstrong\u003etransformer la peur en assurance\u003c\/strong\u003e et avancer avec plus de sérénité. Une solution douce, écologique et respectueuse, fidèle à la philosophie originelle des élixirs floraux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mm-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un traitement médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mm-cream: #FDF8F3;\n --mm-white: #ffffff;\n --mm-primary: #8B6914;\n --mm-primary-dark: #5C4510;\n --mm-primary-light: #F5EDD8;\n --mm-secondary: #D4A574;\n --mm-accent: #E8B4B8;\n --mm-text: #1a1a1a;\n --mm-text-light: #5a5a5a;\n --mm-border: #e8ddd0;\n --mm-shadow: 0 4px 24px rgba(139,105,20,.08);\n --mm-shadow-lg: 0 12px 48px rgba(139,105,20,.15);\n --mm-radius: 20px;\n --mm-radius-sm: 12px;\n}\n\n.mm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mm-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4510 0%, #8B6914 40%, #D4A574 75%, #E8B4B8 100%);\n border-radius: var(--mm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mm-shadow-lg);\n}\n\n.mm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(232,180,184,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.mm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.mm-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mm-primary), var(--mm-accent));\n border-radius: 2px;\n}\n\n.mm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mm-card {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mm-shadow-lg);\n border-color: var(--mm-primary);\n}\n\n.mm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mm-grid-compact .mm-card {\n padding: 1rem;\n}\n\n.mm-grid-compact .mm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mm-grid-compact .mm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mm-primary), var(--mm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mm-timeline-content {\n flex: 1;\n background: var(--mm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mm-radius-sm);\n box-shadow: var(--mm-shadow);\n}\n\n.mm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mm-timeline-content p {\n font-size: 14px;\n color: var(--mm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mm-primary-light);\n border-radius: var(--mm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mm-tip p {\n font-size: 14px;\n color: var(--mm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.mm-cta-box {\n background: linear-gradient(135deg, var(--mm-primary) 0%, var(--mm-primary-dark) 100%);\n border-radius: var(--mm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mm-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(232,180,184,.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 30%, rgba(212,165,116,.1) 0%, transparent 50%);\n}\n\n.mm-cta-box p {\n position: relative;\n z-index: 1;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mm-disclaimer {\n font-size: 12px;\n color: var(--mm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mm-card {\n padding: 1.125rem;\n }\n\n .mm-section {\n margin-bottom: 1.75rem;\n }\n\n .mm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mm-radius-sm);\n }\n\n .mm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mm-grid-compact {\n gap: .625rem;\n }\n\n .mm-grid-compact .mm-card {\n padding: .75rem;\n }\n\n .mm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mm-timeline-content h3 {\n font-size: 14px;\n }\n\n .mm-timeline-content p {\n font-size: 13px;\n }\n\n .mm-testimonial {\n padding: 1.25rem;\n }\n\n .mm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mm-card {\n animation: mmFadeInUp .5s ease backwards;\n }\n .mm-card:nth-child(1) { animation-delay: .05s; }\n .mm-card:nth-child(2) { animation-delay: .1s; }\n .mm-card:nth-child(3) { animation-delay: .15s; }\n .mm-card:nth-child(4) { animation-delay: .2s; }\n .mm-card:nth-child(5) { animation-delay: .25s; }\n .mm-card:nth-child(6) { animation-delay: .3s; }\n\n .mm-timeline-item {\n animation: mmFadeInUp .5s ease backwards;\n }\n .mm-timeline-item:nth-child(1) { animation-delay: .05s; }\n .mm-timeline-item:nth-child(2) { animation-delay: .15s; }\n .mm-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes mmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123059245433,"sku":"DI5050","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-mimule-bio-10-ml-dioter-lifestyle.webp?v=1770800853"},{"product_id":"fleur-de-bach-scleranthe-bio-10-ml-dioter","title":"Fleur de Bach Scléranthe Bio - 10 ml - Dioter","description":"\u003cdiv class=\"fb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"fb-hero\"\u003e\n\u003cdiv class=\"fb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fb-hero-content\"\u003e\n\u003cdiv class=\"fb-badges-top\"\u003e\n\u003cspan class=\"fb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🌸 Méthode du Dr Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fb-hero-title\"\u003eFleur de Bach Scléranthe Bio\u003c\/span\u003e\n\u003cp class=\"fb-subtitle\"\u003eÉlixir floral n°28 10 ml - Laboratoire Dioter\u003c\/p\u003e\n\u003cp class=\"fb-description\"\u003eL'élixir floral de référence pour retrouver clarté mentale et détermination face à l'indécision.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION INTRO --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003cdiv class=\"fb-testimonial\"\u003e\n\u003cp class=\"fb-testimonial-text\"\u003eVous hésitez sans cesse entre deux options, incapable de trancher ? La \u003cstrong\u003eFleur de Bach Scléranthe Bio n°28\u003c\/strong\u003e (Scleranthus annuus) a été identifiée par le Dr Edward Bach pour accompagner ce profil émotionnel. Cet élixir floral du laboratoire Dioter vise à rétablir votre équilibre intérieur et votre confiance dans vos décisions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003ePourquoi choisir la Fleur de Bach Scléranthe ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n\u003cp\u003eLe Scléranthe aide à dissiper le brouillard mental qui accompagne l'indécision permanente, pour y voir plus clair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre émotionnel\u003c\/h3\u003e\n\u003cp\u003eLes sautes d'humeur et l'instabilité intérieure peuvent être apaisées. Cet élixir favorise un ancrage émotionnel plus stable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e✅ Détermination retrouvée\u003c\/h3\u003e\n\u003cp\u003eLe Scléranthe soutient votre capacité à prendre des décisions fermes et à vous y tenir sereinement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eUne fabrication artisanale et biologique\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌾 Gnavelle sauvage française\u003c\/h3\u003e\n\u003cp\u003eLe Scléranthe (Scleranthus annuus) est récolté à la main dans des prairies préservées, au moment précis de sa floraison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e☀️ Extraction par solarisation\u003c\/h3\u003e\n\u003cp\u003eLes fleurs fraîches sont déposées dans une eau de source pure, exposées au soleil. Cette méthode ancestrale préserve l'empreinte vibratoire de la plante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🍇 Conservation au cognac bio\u003c\/h3\u003e\n\u003cp\u003eL'élixir-mère est stabilisé dans un mélange d'eau de source et de cognac bio, sans conservateur artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"fb-timeline\"\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eUsage ponctuel\u003c\/h3\u003e\n\u003cp\u003eDéposez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e sous la langue ou dans un verre d'eau. Renouvelez jusqu'à 6 fois par jour selon le besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eCure de fond\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau. Buvez régulièrement en 4 à 5 prises espacées dans la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n\u003cp\u003ePoursuivez pendant \u003cstrong\u003e3 à 4 semaines\u003c\/strong\u003e pour un travail émotionnel en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-tip\"\u003e\n\u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eAssociez la prise à un rituel calme : quelques respirations profondes, un instant de recentrage pour favoriser la clarté mentale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eComposition et certification\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique FR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💧 Ingrédients\u003c\/h3\u003e\n\u003cp\u003eEau de source, cognac bio, extrait solaire de Gnavelle (Scleranthus annuus)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n\u003cp\u003eFlacon compte-gouttes ambré de 10 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003eLaboratoire Dioter — France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"fb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"fb-accordion\"\u003e\n\u003cdetails class=\"fb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne dépassez pas la dose journalière conseillée. Contient de l'alcool. Déconseillé aux femmes enceintes et allaitantes sans avis médical. Conservez à l'abri de la chaleur et de la lumière. Tenez hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"fb-disclaimer\"\u003eLes fleurs de Bach ne remplacent en aucun cas un traitement médical. Consultez un professionnel de santé pour toute question relative à votre bien-être.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fb-cream: #FAF6F1;\n --fb-white: #ffffff;\n --fb-primary: #8B6F4E;\n --fb-primary-dark: #5E4A33;\n --fb-primary-light: #F3ECE3;\n --fb-secondary: #D4A0A0;\n --fb-accent: #5C7A3D;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8e0d6;\n --fb-shadow: 0 4px 24px rgba(94,74,51,.08);\n --fb-shadow-lg: 0 12px 48px rgba(94,74,51,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4A33 0%, #8B6F4E 40%, #D4A0A0 100%);\n border-radius: var(--fb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(212,160,160,.1) 0%, transparent 40%);\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.fb-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fb-testimonial {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fb-card {\n padding: 1.125rem;\n }\n\n .fb-section {\n margin-bottom: 1.75rem;\n }\n\n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n\n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fb-grid-compact {\n gap: .625rem;\n }\n\n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n\n .fb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\n }\n\n .fb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fb-testimonial {\n padding: 1.25rem;\n }\n\n .fb-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123061571961,"sku":"DI5058","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-scleranthe-bio-10-ml-dioter-lifestyle.webp?v=1770807348"},{"product_id":"fleur-de-bach-olivier-bio-10-ml-dioter","title":"Fleur de Bach Olivier Bio - 10 ml - Dioter","description":"\u003cdiv class=\"olv-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"olv-hero\"\u003e\n\u003cdiv class=\"olv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"olv-hero-content\"\u003e\n\u003cdiv class=\"olv-badges-top\"\u003e\n\u003cspan class=\"olv-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"olv-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"olv-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"olv-hero-title\"\u003eFleur de Bach Olivier Bio\u003c\/span\u003e\n\u003cp class=\"olv-subtitle\"\u003eÉlixir floral Dioter - Méthode originelle du Dr Bach\u003c\/p\u003e\n\u003cp class=\"olv-description\"\u003eUn remède naturel et certifié bio pour surmonter l'épuisement physique et mental, retrouver votre vitalité profonde et renouer avec votre énergie intérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"olv-section\"\u003e\n\u003ch2\u003eUne cure revitalisante pour corps et esprit\u003c\/h2\u003e\n\u003cp class=\"olv-section-intro\"\u003eGrâce à sa formulation douce et 100 % naturelle, cette fleur de Bach contribuerait à restaurer la vitalité et l'énergie intérieure. Elle soutiendrait les processus de régénération en période de stress intense ou de grande fatigue, tout en favorisant une meilleure clarté mentale.\u003c\/p\u003e\n\u003cdiv class=\"olv-grid\"\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e⚡ Énergie restaurée\u003c\/h3\u003e\n\u003cp\u003eAide à surmonter l'épuisement profond et à retrouver un regain de vitalité durable, même après une période de grande fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n\u003cp\u003eFavorise un esprit plus clair et plus alerte, dissipant la brume mentale liée à l'épuisement émotionnel ou physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e☮️ Équilibre émotionnel\u003c\/h3\u003e\n\u003cp\u003eAccompagne un retour progressif à la sérénité intérieure et à l'harmonie émotionnelle au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-tip\"\u003e\n\u003cspan class=\"olv-tip-icon\"\u003e📅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eDurée de la cure :\u003c\/strong\u003e une cure classique dure entre 3 et 4 semaines, avec une prise quotidienne régulière. Elle peut être renouvelée si nécessaire selon les besoins émotionnels ressentis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"olv-section\"\u003e\n\u003ch2\u003eUn élixir naturel issu de fleurs sauvages françaises\u003c\/h2\u003e\n\u003cdiv class=\"olv-grid-compact\"\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e☀️ Solarisation traditionnelle\u003c\/h3\u003e\n\u003cp\u003eProcédé originel du Dr Bach préservant l'énergie vibratoire des fleurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e🌸 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eSoigneusement sélectionnées pour leur pureté et leur qualité exceptionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e🌱 Certifié bio FR-BIO-01\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique garantissant un produit pur, sans additifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e🕊️ Respect du vivant\u003c\/h3\u003e\n\u003cp\u003eUn élixir respectueux de l'environnement et de la nature à chaque étape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"olv-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"olv-timeline\"\u003e\n\u003cdiv class=\"olv-timeline-item\"\u003e\n\u003cdiv class=\"olv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"olv-timeline-content\"\u003e\n\u003ch3\u003eUsage ponctuel\u003c\/h3\u003e\n\u003cp\u003e5 gouttes à diluer dans un peu d'eau ou à déposer directement sous la langue, à renouveler jusqu'à 4 fois par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-timeline-item\"\u003e\n\u003cdiv class=\"olv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"olv-timeline-content\"\u003e\n\u003ch3\u003eCure journalière\u003c\/h3\u003e\n\u003cp\u003eDiluer 25 gouttes dans ½ litre d'eau minérale non gazeuse et boire en 4 à 5 prises réparties sur la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-timeline-item\"\u003e\n\u003cdiv class=\"olv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"olv-timeline-content\"\u003e\n\u003ch3\u003eBien agiter\u003c\/h3\u003e\n\u003cp\u003eAgiter le flacon avant chaque prise. Adaptée à un usage ponctuel ou sur plusieurs semaines selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"olv-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"olv-grid\"\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e💧 Eau\u003c\/h3\u003e\n\u003cp\u003eBase purifiée, support neutre de l'élixir floral.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e🍇 Cognac biologique\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel traditionnel, issu de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"olv-card\"\u003e\n\u003ch3\u003e🫒 Solarisation de fleur d'olivier\u003c\/h3\u003e\n\u003cp\u003ePrincipe actif vibratoire obtenu selon la méthode originelle du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"olv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eInformations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"olv-accordion\"\u003e\n\u003cdetails class=\"olv-accordion-item\"\u003e\n\u003csummary class=\"olv-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n\u003cdiv class=\"olv-accordion-content mt-3\"\u003e\n\u003cp\u003eFlacon compte-gouttes de 10 ml.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"olv-accordion-item\"\u003e\n\u003csummary class=\"olv-accordion-header\"\u003e🌱 Certification\u003c\/summary\u003e\n\u003cdiv class=\"olv-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit certifié Agriculture Biologique – FR-BIO-01.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"olv-accordion-item\"\u003e\n\u003csummary class=\"olv-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n\u003cdiv class=\"olv-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace pas une alimentation équilibrée. Ne pas dépasser la dose recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"olv-disclaimer\"\u003eCe produit n'est pas un médicament. Les Fleurs de Bach sont des compléments alimentaires et ne se substituent pas à un avis médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --olv-cream: #FAF7F2;\n --olv-white: #ffffff;\n --olv-primary: #8B7355;\n --olv-primary-dark: #5E4B33;\n --olv-primary-light: #F3EDE4;\n --olv-secondary: #C4A882;\n --olv-accent: #D4A8A0;\n\n --olv-text: #1a1a1a;\n --olv-text-light: #5a5a5a;\n\n --olv-border: #E8E0D6;\n --olv-shadow: 0 4px 24px rgba(94, 75, 51, .08);\n --olv-shadow-lg: 0 12px 48px rgba(94, 75, 51, .15);\n --olv-radius: 20px;\n --olv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.olv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--olv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.olv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--olv-primary-dark) 0%, var(--olv-primary) 45%, var(--olv-secondary) 100%);\n border-radius: var(--olv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--olv-shadow-lg);\n}\n\n.olv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(ellipse at 20% 80%, rgba(212, 168, 160, .2) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(196, 168, 130, .15) 0%, transparent 50%);\n opacity: 1;\n}\n\n.olv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.olv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.olv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.olv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.olv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.olv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--olv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.olv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.olv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.olv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--olv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.olv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--olv-primary), var(--olv-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.olv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--olv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.olv-card {\n background: var(--olv-white);\n border-radius: var(--olv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--olv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.olv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--olv-shadow-lg);\n border-color: var(--olv-primary);\n}\n\n.olv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--olv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.olv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--olv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.olv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.olv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.olv-grid-compact .olv-card {\n padding: 1rem;\n}\n\n.olv-grid-compact .olv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.olv-grid-compact .olv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.olv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.olv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.olv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--olv-primary), var(--olv-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.olv-timeline-content {\n flex: 1;\n background: var(--olv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--olv-radius-sm);\n box-shadow: var(--olv-shadow);\n}\n\n.olv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--olv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.olv-timeline-content p {\n font-size: 14px;\n color: var(--olv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.olv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--olv-primary-light);\n border-radius: var(--olv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.olv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.olv-tip p {\n font-size: 14px;\n color: var(--olv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.olv-accordion {\n background: var(--olv-white);\n border-radius: var(--olv-radius);\n box-shadow: var(--olv-shadow);\n overflow: hidden;\n}\n\n.olv-accordion-item {\n border-bottom: 1px solid var(--olv-border);\n margin: 0;\n padding: 0;\n}\n\n.olv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.olv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--olv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.olv-accordion-header:hover {\n background: var(--olv-primary-light);\n}\n\n.olv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.olv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--olv-primary);\n transition: transform .2s ease;\n}\n\n.olv-accordion-item[open] .olv-accordion-header::after {\n content: '−';\n}\n\n.olv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--olv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.olv-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.olv-disclaimer {\n font-size: 12px;\n color: var(--olv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .olv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .olv-card {\n padding: 1.125rem;\n }\n\n .olv-section {\n margin-bottom: 1.75rem;\n }\n\n .olv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--olv-radius-sm);\n }\n\n .olv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .olv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .olv-grid-compact {\n gap: .625rem;\n }\n\n .olv-grid-compact .olv-card {\n padding: .75rem;\n }\n\n .olv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .olv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .olv-timeline-content h3 {\n font-size: 14px;\n }\n\n .olv-timeline-content p {\n font-size: 13px;\n }\n\n .olv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .olv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .olv-card {\n animation: olvFadeInUp .5s ease backwards;\n }\n .olv-card:nth-child(1) { animation-delay: .05s; }\n .olv-card:nth-child(2) { animation-delay: .1s; }\n .olv-card:nth-child(3) { animation-delay: .15s; }\n .olv-card:nth-child(4) { animation-delay: .2s; }\n .olv-card:nth-child(5) { animation-delay: .25s; }\n .olv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes olvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .olv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123100598649,"sku":"DI5053","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-olivier-bio-10-ml-dioter-lifestyle.webp?v=1770804719"},{"product_id":"fleur-de-bach-houx-bio-10-ml-dioter","title":"Fleur de Bach Houx bio - 10 ml - Dioter","description":"\u003cdiv class=\"hx-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hx-hero\"\u003e\n\u003cdiv class=\"hx-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hx-hero-content\"\u003e\n\u003cdiv class=\"hx-badges-top\"\u003e\n\u003cspan class=\"hx-badge\"\u003e🌿 Certifié Bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"hx-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"hx-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hx-hero-title\"\u003eFleur de Bach Houx bio\u003c\/span\u003e\n\u003cp class=\"hx-subtitle\"\u003eÉlixir floral Holly - Méthode originale du Dr Bach\u003c\/p\u003e\n\u003cp class=\"hx-description\"\u003eRetrouvez amour, compassion et ouverture à l'autre grâce à cet élixir artisanal bio, conçu pour transformer la colère, la jalousie et le ressentiment en sérénité intérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION : Présentation détaillée (contenu d'introduction hors H2) --\u003e\n\u003csection class=\"hx-section\"\u003e\n\u003ch2\u003e🌸 L'élixir floral de houx, allié du rééquilibrage émotionnel\u003c\/h2\u003e\n\u003cdiv class=\"hx-grid\"\u003e\n\u003cdiv class=\"hx-card\"\u003e\n\u003ch3\u003e💚 Apaise la colère\u003c\/h3\u003e\n\u003cp\u003eLa fleur de Houx aide à dissoudre les accès de colère et d'irritabilité qui perturbent votre quotidien et vos relations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-card\"\u003e\n\u003ch3\u003e🤍 Libère de la jalousie\u003c\/h3\u003e\n\u003cp\u003eCet élixir accompagne la transformation des sentiments de jalousie et d'envie en acceptation bienveillante et confiance en soi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-card\"\u003e\n\u003ch3\u003e🕊️ Ouvre le cœur\u003c\/h3\u003e\n\u003cp\u003eHolly favorise l'émergence de sentiments d'amour, de compassion et d'ouverture à l'autre, pour une stabilité affective renforcée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-tip\"\u003e\n\u003cspan class=\"hx-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eLa \u003cstrong\u003eFleur de Bach Bio Houx (Holly)\u003c\/strong\u003e proposée par \u003cstrong\u003eDioter\u003c\/strong\u003e suit fidèlement le procédé original du Dr Bach, pionnier de la thérapie par les élixirs floraux. Elle serait précieuse pour apaiser les conflits intérieurs et renforcer la stabilité affective.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #1 : EXACT --\u003e\n\u003csection class=\"hx-section\"\u003e\n\u003ch2\u003eUne fabrication artisanale respectueuse de la nature\u003c\/h2\u003e\n\u003cdiv class=\"hx-grid-compact\"\u003e\n\u003cdiv class=\"hx-card\"\u003e\n\u003ch3\u003e🌾 Fleurs sauvages\u003c\/h3\u003e\n\u003cp\u003eRécoltées en France avec soin dans leur habitat naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-card\"\u003e\n\u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n\u003cp\u003eExtraction 100 % naturelle selon la méthode du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-card\"\u003e\n\u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eLabellisé FR-BIO-01, agriculture biologique certifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 : EXACT --\u003e\n\u003csection class=\"hx-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"hx-timeline\"\u003e\n\u003cdiv class=\"hx-timeline-item\"\u003e\n\u003cdiv class=\"hx-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hx-timeline-content\"\u003e\n\u003ch3\u003eUsage ponctuel\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un fond de verre d'eau ou déposez-les directement sous la langue. À renouveler plusieurs fois par jour selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-timeline-item\"\u003e\n\u003cdiv class=\"hx-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hx-timeline-content\"\u003e\n\u003ch3\u003eEn cure prolongée\u003c\/h3\u003e\n\u003cp\u003eMélangez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans 1\/2 litre d'eau minérale non gazeuse et consommez en \u003cstrong\u003e4 à 5 prises\u003c\/strong\u003e réparties tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-tip\"\u003e\n\u003cspan class=\"hx-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un résultat optimal, privilégiez une prise régulière sur plusieurs semaines. L'élixir peut être pris seul ou en association avec d'autres Fleurs de Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 : EXACT --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"hx-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"hx-accordion\"\u003e\n\u003cdetails open=\"\" class=\"hx-accordion-item\"\u003e\n\u003csummary class=\"hx-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"hx-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eEau\u003c\/strong\u003e, Cognac biologique, Solarisation de fleur - Houx (\u003cem\u003eIlex aquifolium\u003c\/em\u003e)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hx-accordion-item\"\u003e\n\u003csummary class=\"hx-accordion-header\"\u003e🌱 Certification biologique\u003c\/summary\u003e\n\u003cdiv class=\"hx-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit issu de l'agriculture biologique - Certifié par \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hx-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"hx-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"hx-accordion-content mt-3\"\u003e\n\u003cp\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Contient du cognac (alcool). Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hx-cta-box\"\u003e\n\u003cp\u003e🌸 Retrouvez sérénité et bienveillance au quotidien grâce à l'élixir floral Holly bio - la douceur de la nature au service de votre équilibre émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hx-disclaimer\"\u003eLes élixirs floraux ne sont pas des médicaments et ne se substituent pas à un traitement médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --hx-cream: #FBF8F3;\n --hx-white: #ffffff;\n --hx-primary: #A07830;\n --hx-primary-dark: #6B4E1F;\n --hx-primary-light: #F5EDE0;\n --hx-secondary: #D4A574;\n --hx-accent: #5C7A3D;\n --hx-text: #1a1a1a;\n --hx-text-light: #5a5a5a;\n --hx-border: #E8DFD2;\n --hx-shadow: 0 4px 24px rgba(107,78,31,.08);\n --hx-shadow-lg: 0 12px 48px rgba(107,78,31,.15);\n --hx-radius: 20px;\n --hx-radius-sm: 12px;\n}\n\n.hx-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hx-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hx-hero {\n position: relative;\n background: linear-gradient(135deg, var(--hx-primary-dark) 0%, var(--hx-primary) 45%, var(--hx-secondary) 100%);\n border-radius: var(--hx-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hx-shadow-lg);\n}\n\n.hx-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.hx-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hx-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hx-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .01em;\n}\n\n.hx-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 620px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.hx-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hx-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hx-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hx-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hx-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hx-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hx-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.hx-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hx-primary), var(--hx-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.hx-card {\n background: var(--hx-white);\n border-radius: var(--hx-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hx-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hx-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hx-shadow-lg);\n border-color: var(--hx-primary);\n}\n\n.hx-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hx-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hx-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hx-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hx-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hx-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hx-grid-compact .hx-card {\n padding: 1rem;\n}\n\n.hx-grid-compact .hx-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hx-grid-compact .hx-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hx-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hx-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hx-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hx-primary), var(--hx-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.hx-timeline-content {\n flex: 1;\n background: var(--hx-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hx-radius-sm);\n box-shadow: var(--hx-shadow);\n}\n\n.hx-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hx-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hx-timeline-content p {\n font-size: 14px;\n color: var(--hx-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.hx-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hx-primary-light);\n border-radius: var(--hx-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hx-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hx-tip p {\n font-size: 14px;\n color: var(--hx-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.hx-accordion {\n background: var(--hx-white);\n border-radius: var(--hx-radius);\n box-shadow: var(--hx-shadow);\n overflow: hidden;\n}\n\n.hx-accordion-item {\n border-bottom: 1px solid var(--hx-border);\n margin: 0;\n padding: 0;\n}\n\n.hx-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hx-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hx-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hx-accordion-header:hover {\n background: var(--hx-primary-light);\n}\n\n.hx-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hx-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hx-primary);\n transition: transform .2s ease;\n}\n\n.hx-accordion-item[open] .hx-accordion-header::after {\n content: '−';\n}\n\n.hx-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hx-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hx-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.hx-cta-box {\n background: linear-gradient(135deg, var(--hx-primary) 0%, var(--hx-primary-dark) 100%);\n border-radius: var(--hx-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.hx-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hx-disclaimer {\n font-size: 12px;\n color: var(--hx-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .hx-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hx-card {\n padding: 1.125rem;\n }\n\n .hx-section {\n margin-bottom: 1.75rem;\n }\n\n .hx-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hx-radius-sm);\n }\n\n .hx-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hx-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hx-grid-compact {\n gap: .625rem;\n }\n\n .hx-grid-compact .hx-card {\n padding: .75rem;\n }\n\n .hx-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hx-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hx-timeline-content h3 {\n font-size: 14px;\n }\n\n .hx-timeline-content p {\n font-size: 13px;\n }\n\n .hx-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hx-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hx-tip {\n padding: .875rem 1rem;\n }\n\n .hx-tip-icon {\n font-size: 20px;\n }\n\n .hx-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hx-card {\n animation: hxFadeInUp .5s ease backwards;\n }\n .hx-card:nth-child(1) { animation-delay: .05s; }\n .hx-card:nth-child(2) { animation-delay: .1s; }\n .hx-card:nth-child(3) { animation-delay: .15s; }\n .hx-card:nth-child(4) { animation-delay: .2s; }\n .hx-card:nth-child(5) { animation-delay: .25s; }\n .hx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hxFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .hx-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123151094137,"sku":"DI5045","price":6.39,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-houx-bio-10-ml-dioter-lifestyle.webp?v=1770797987"},{"product_id":"fleur-de-bach-eglantier-bio-10-ml-dioter","title":"Fleur de Bach Eglantier (wild rose) Bio - 10 ml - Dioter","description":"\u003cdiv class=\"wr-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"wr-hero\"\u003e\n\u003cdiv class=\"wr-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"wr-hero-content\"\u003e\n\u003cdiv class=\"wr-badges-top\"\u003e\n\u003cspan class=\"wr-badge\"\u003e🌹 Élixir floral\u003c\/span\u003e \u003cspan class=\"wr-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"wr-badge\"\u003e🇫🇷 Méthode Dr Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"wr-hero-title\"\u003eFleur de Bach Églantier Bio\u003c\/span\u003e\n\u003cp class=\"wr-subtitle\"\u003eDioter - Flacon compte-gouttes 10 ml\u003c\/p\u003e\n\u003cp class=\"wr-description\"\u003eUn élixir floral certifié biologique, élaboré selon la méthode originale du Dr Bach, pour retrouver motivation, joie de vivre et énergie intérieure face à la résignation et l'apathie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"wr-section\"\u003e\n\u003ch2\u003eUn soutien émotionnel d'origine naturelle\u003c\/h2\u003e\n\u003cp class=\"wr-section-intro\"\u003eIssue de la solarisation de fleurs sauvages françaises, la Fleur d'Églantier (Wild Rose) est extraite de manière totalement naturelle pour garantir une pureté et une efficacité optimales.\u003c\/p\u003e\n\u003cdiv class=\"wr-grid\"\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e✨ Regain d'enthousiasme\u003c\/h3\u003e\n\u003cp\u003eFavorise un élan renouvelé face aux défis du quotidien et redonne le goût de l'effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e💪 Envie d'agir\u003c\/h3\u003e\n\u003cp\u003eSoutient l'envie de s'impliquer pleinement dans sa vie personnelle ou professionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e☀️ Attitude positive\u003c\/h3\u003e\n\u003cp\u003eEncourage une vision plus lumineuse et constructive face aux événements de la vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e🔋 Énergie intérieure\u003c\/h3\u003e\n\u003cp\u003eStimule les ressources profondes pour retrouver un équilibre émotionnel durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"wr-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et durée de la cure\u003c\/h2\u003e\n\u003cdiv class=\"wr-timeline\"\u003e\n\u003cdiv class=\"wr-timeline-item\"\u003e\n\u003cdiv class=\"wr-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"wr-timeline-content\"\u003e\n\u003ch3\u003eOption sublinguale\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e pures directement sous la langue ou diluées dans un fond d'eau, \u003cstrong\u003eplusieurs fois par jour\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-timeline-item\"\u003e\n\u003cdiv class=\"wr-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"wr-timeline-content\"\u003e\n\u003ch3\u003eOption diluée\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes dans ½ litre d'eau minérale\u003c\/strong\u003e non gazeuse, à consommer en \u003cstrong\u003e4 à 5 prises quotidiennes\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-timeline-item\"\u003e\n\u003cdiv class=\"wr-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"wr-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003eSuivez la cure sur une \u003cstrong\u003epériode de 3 semaines à 1 mois\u003c\/strong\u003e, selon l'évolution de votre état émotionnel. Renouvelable si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-tip\"\u003e\n\u003cspan class=\"wr-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour une absorption optimale en prise sublinguale, laissez les gouttes quelques secondes sous la langue avant d'avaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 \u0026 #4 regroupés visuellement en accordéon --\u003e\n\u003csection class=\"wr-section\"\u003e\n\u003ch2\u003eComposition et certification\u003c\/h2\u003e\n\u003cdiv class=\"wr-grid-compact\"\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e💧 Ingrédients\u003c\/h3\u003e\n\u003cp\u003eEau, cognac biologique, solarisation de fleur d'Églantier\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique - certifié FR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e🧴 Conditionnement\u003c\/h3\u003e\n\u003cp\u003eFlacon compte-gouttes de 10 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wr-card\"\u003e\n\u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n\u003cp\u003eDioter (Auraflor)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"wr-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"wr-accordion\"\u003e\n\u003cdetails class=\"wr-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"wr-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n\u003cdiv class=\"wr-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire n'est pas un médicament. Il ne doit pas remplacer une alimentation variée et équilibrée ni un mode de vie sain. Ne pas dépasser la dose recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"wr-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"wr-cta-box\"\u003e\n\u003cp\u003e🌹 Retrouvez joie de vivre et motivation grâce à la douceur de l'Églantier sauvage - un élixir floral bio fidèle à la tradition du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"wr-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit ne se substitue pas à un avis médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --wr-cream: #fdf8f5;\n --wr-white: #ffffff;\n --wr-primary: #c8917a;\n --wr-primary-dark: #8a5a47;\n --wr-primary-light: #f5ebe6;\n --wr-secondary: #b8943e;\n --wr-accent: #d4a98a;\n --wr-text: #1a1a1a;\n --wr-text-light: #5a5a5a;\n --wr-border: #e8ddd6;\n --wr-shadow: 0 4px 24px rgba(138, 90, 71, .08);\n --wr-shadow-lg: 0 12px 48px rgba(138, 90, 71, .15);\n --wr-radius: 20px;\n --wr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.wr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--wr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.wr-hero {\n position: relative;\n background: linear-gradient(135deg, #c8917a 0%, #b8943e 50%, #d4a98a 100%);\n border-radius: var(--wr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--wr-shadow-lg);\n}\n\n.wr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.wr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.wr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.wr-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.wr-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 620px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.wr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.wr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--wr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.wr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.wr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.wr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--wr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.wr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--wr-primary), var(--wr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.wr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--wr-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.wr-card {\n background: var(--wr-white);\n border-radius: var(--wr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--wr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.wr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--wr-shadow-lg);\n border-color: var(--wr-primary);\n}\n\n.wr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--wr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.wr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--wr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.wr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.wr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.wr-grid-compact .wr-card {\n padding: 1rem;\n}\n\n.wr-grid-compact .wr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.wr-grid-compact .wr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.wr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.wr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.wr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--wr-primary), var(--wr-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.wr-timeline-content {\n flex: 1;\n background: var(--wr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--wr-radius-sm);\n box-shadow: var(--wr-shadow);\n}\n\n.wr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--wr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.wr-timeline-content p {\n font-size: 14px;\n color: var(--wr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.wr-timeline-content strong {\n color: var(--wr-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.wr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--wr-primary-light);\n border-radius: var(--wr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.wr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.wr-tip p {\n font-size: 14px;\n color: var(--wr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.wr-testimonial {\n background: var(--wr-white);\n border-radius: var(--wr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--wr-shadow);\n border-left: 4px solid var(--wr-primary);\n}\n\n.wr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--wr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.wr-accordion {\n background: var(--wr-white);\n border-radius: var(--wr-radius);\n box-shadow: var(--wr-shadow);\n overflow: hidden;\n}\n\n.wr-accordion-item {\n border-bottom: 1px solid var(--wr-border);\n margin: 0;\n padding: 0;\n}\n\n.wr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.wr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--wr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.wr-accordion-header:hover {\n background: var(--wr-primary-light);\n}\n\n.wr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.wr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--wr-primary);\n transition: transform .2s ease;\n}\n\n.wr-accordion-item[open] .wr-accordion-header::after {\n content: '−';\n}\n\n.wr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--wr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.wr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.wr-cta-box {\n background: linear-gradient(135deg, var(--wr-primary) 0%, var(--wr-primary-dark) 100%);\n border-radius: var(--wr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.wr-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.wr-disclaimer {\n font-size: 12px;\n color: var(--wr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .wr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .wr-card {\n padding: 1.125rem;\n }\n\n .wr-section {\n margin-bottom: 1.75rem;\n }\n\n .wr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--wr-radius-sm);\n }\n\n .wr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .wr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .wr-grid-compact {\n gap: .625rem;\n }\n\n .wr-grid-compact .wr-card {\n padding: .75rem;\n }\n\n .wr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .wr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .wr-timeline-content h3 {\n font-size: 14px;\n }\n\n .wr-timeline-content p {\n font-size: 13px;\n }\n\n .wr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .wr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .wr-testimonial {\n padding: 1.25rem;\n }\n\n .wr-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .wr-card {\n animation: wrFadeInUp .5s ease backwards;\n }\n .wr-card:nth-child(1) { animation-delay: .05s; }\n .wr-card:nth-child(2) { animation-delay: .1s; }\n .wr-card:nth-child(3) { animation-delay: .15s; }\n .wr-card:nth-child(4) { animation-delay: .2s; }\n .wr-card:nth-child(5) { animation-delay: .25s; }\n .wr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes wrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .wr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123159548281,"sku":"DI5067","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-eglantier-bio-10-ml-dioter-lifestyle.webp?v=1770887108"},{"product_id":"fleur-de-bach-gentiane-bio-10-ml-dioter","title":"Fleur de Bach Gentiane bio - 10 ml - Dioter","description":"\u003cdiv class=\"gt-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gt-hero\"\u003e\n\u003cdiv class=\"gt-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gt-hero-content\"\u003e\n\u003cdiv class=\"gt-badges-top\"\u003e\n\u003cspan class=\"gt-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"gt-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"gt-badge\"\u003e🌸 Méthode Dr Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gt-hero-title\"\u003eFleur de Bach Gentiane bio\u003c\/span\u003e\n\u003cp class=\"gt-subtitle\"\u003eÉlixir floral Dioter - 10 ml\u003c\/p\u003e\n\u003cp class=\"gt-description\"\u003eUn élixir floral authentique, élaboré selon la méthode originale du Docteur Edward Bach. Accompagne les périodes de doute et de découragement pour retrouver optimisme, résilience et motivation intérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gt-section\"\u003e\n\u003ch2\u003eUne fabrication artisanale et 100 % naturelle\u003c\/h2\u003e\n\u003cp class=\"gt-section-intro\"\u003eLa gentiane utilisée pour cet élixir provient de cultures biologiques françaises, cueillie à la main dans le respect de la nature.\u003c\/p\u003e\n\u003cdiv class=\"gt-grid-compact\"\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e🌱 Culture biologique\u003c\/h3\u003e\n\u003cp\u003eGentiane issue de cultures bio françaises, sans pesticides ni intrants chimiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e✋ Cueillette manuelle\u003c\/h3\u003e\n\u003cp\u003eChaque fleur est cueillie à la main dans le plus grand respect de la plante et de son environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e☀️ Solarisation traditionnelle\u003c\/h3\u003e\n\u003cp\u003eProcessus fidèle à la tradition du Dr Bach, préservant l'empreinte vibratoire de la gentiane.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eDilution dans de l'eau pure et du cognac biologique servant de conservateur 100 % naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gt-section\"\u003e\n\u003ch2\u003eBienfaits émotionnels de la Fleur de Bach Gentiane\u003c\/h2\u003e\n\u003cp class=\"gt-section-intro\"\u003eCe remède floral est particulièrement recommandé pour retrouver confiance et élan intérieur.\u003c\/p\u003e\n\u003cdiv class=\"gt-grid\"\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e💪 Surmonter le découragement\u003c\/h3\u003e\n\u003cp\u003eAide à dépasser la perte de motivation et à retrouver l'énergie d'avancer, même face aux difficultés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e✨ Retrouver foi et confiance\u003c\/h3\u003e\n\u003cp\u003eFavorise un retour à la confiance en l'avenir et renforce la croyance en ses propres capacités.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e🏔️ Persévérance face aux obstacles\u003c\/h3\u003e\n\u003cp\u003eSoutient la détermination et la capacité à continuer malgré les revers et les échecs passagers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-card\"\u003e\n\u003ch3\u003e🕊️ Soutien lors du doute profond\u003c\/h3\u003e\n\u003cp\u003eAccompagne moralement les périodes de remise en question intense pour retrouver la sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gt-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"gt-timeline\"\u003e\n\u003cdiv class=\"gt-timeline-item\"\u003e\n\u003cdiv class=\"gt-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gt-timeline-content\"\u003e\n\u003ch3\u003ePrise directe\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e directement sous la langue ou diluées dans un fond de verre d'eau, à renouveler plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-timeline-item\"\u003e\n\u003cdiv class=\"gt-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gt-timeline-content\"\u003e\n\u003ch3\u003ePrise diluée sur la journée\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale non gazeuse à boire en plusieurs prises sur la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-timeline-item\"\u003e\n\u003cdiv class=\"gt-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gt-timeline-content\"\u003e\n\u003ch3\u003eBien agiter\u003c\/h3\u003e\n\u003cp\u003eVeillez à \u003cstrong\u003eagiter la bouteille\u003c\/strong\u003e avant chaque utilisation pour réactiver les propriétés de l'élixir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-tip\"\u003e\n\u003cspan class=\"gt-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un effet optimal, laissez les gouttes quelques instants sous la langue avant d'avaler. Les Fleurs de Bach peuvent être prises aussi longtemps que nécessaire, sans accoutumance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gt-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"gt-accordion\"\u003e\n\u003cdetails class=\"gt-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"gt-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n\u003cp\u003eEau de source · Cognac biologique (conservateur naturel) · Solarisation de fleurs de \u003cstrong\u003eGentiane bio\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gt-accordion-item\"\u003e\n\u003csummary class=\"gt-accordion-header\"\u003e🏅 Certification\u003c\/summary\u003e\n\u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit certifié bio par \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e. Élaboré selon la méthode originale du Docteur Edward Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gt-cta-box\"\u003e\n\u003cp\u003e🌸 Retrouvez optimisme et confiance intérieure grâce à la douceur de la Gentiane bio - un allié précieux au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gt-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un traitement médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gt-cream: #FAF6F1;\n --gt-white: #ffffff;\n --gt-primary: #8B6F47;\n --gt-primary-dark: #5E4A2E;\n --gt-primary-light: #F3EDE4;\n --gt-secondary: #D4A574;\n --gt-accent: #E8B4A8;\n --gt-text: #1a1a1a;\n --gt-text-light: #6B5D50;\n --gt-border: #E8DECE;\n --gt-shadow: 0 4px 24px rgba(94,74,46,.08);\n --gt-shadow-lg: 0 12px 48px rgba(94,74,46,.15);\n --gt-radius: 20px;\n --gt-radius-sm: 12px;\n}\n\n.gt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gt-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4A2E 0%, #8B6F47 40%, #D4A574 75%, #E8B4A8 100%);\n border-radius: var(--gt-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gt-shadow-lg);\n}\n\n.gt-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(232,180,168,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gt-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gt-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gt-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.gt-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.gt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gt-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gt-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gt-primary), var(--gt-accent));\n border-radius: 2px;\n}\n\n.gt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gt-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.gt-card {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gt-shadow-lg);\n border-color: var(--gt-primary);\n}\n\n.gt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gt-grid-compact .gt-card {\n padding: 1rem;\n}\n\n.gt-grid-compact .gt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gt-grid-compact .gt-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gt-primary), var(--gt-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gt-timeline-content {\n flex: 1;\n background: var(--gt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gt-radius-sm);\n box-shadow: var(--gt-shadow);\n}\n\n.gt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gt-timeline-content p {\n font-size: 14px;\n color: var(--gt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gt-primary-light);\n border-radius: var(--gt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gt-tip p {\n font-size: 14px;\n color: var(--gt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gt-accordion {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n box-shadow: var(--gt-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.gt-accordion-item {\n border-bottom: 1px solid var(--gt-border);\n margin: 0;\n padding: 0;\n}\n\n.gt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gt-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gt-accordion-header:hover {\n background: var(--gt-primary-light);\n}\n\n.gt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gt-primary);\n transition: transform .2s ease;\n}\n\n.gt-accordion-item[open] .gt-accordion-header::after {\n content: '−';\n}\n\n.gt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gt-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.gt-testimonial {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gt-shadow);\n border-left: 4px solid var(--gt-primary);\n}\n\n.gt-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gt-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gt-cta-box {\n background: linear-gradient(135deg, var(--gt-primary) 0%, var(--gt-primary-dark) 100%);\n border-radius: var(--gt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gt-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gt-disclaimer {\n font-size: 12px;\n color: var(--gt-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gt-card {\n padding: 1.125rem;\n }\n\n .gt-section {\n margin-bottom: 1.75rem;\n }\n\n .gt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gt-radius-sm);\n }\n\n .gt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gt-grid-compact {\n gap: .625rem;\n }\n\n .gt-grid-compact .gt-card {\n padding: .75rem;\n }\n\n .gt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gt-timeline-content h3 {\n font-size: 14px;\n }\n\n .gt-timeline-content p {\n font-size: 13px;\n }\n\n .gt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gt-testimonial {\n padding: 1.25rem;\n }\n\n .gt-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gt-card {\n animation: gtFadeInUp .5s ease backwards;\n }\n .gt-card:nth-child(1) { animation-delay: .05s; }\n .gt-card:nth-child(2) { animation-delay: .1s; }\n .gt-card:nth-child(3) { animation-delay: .15s; }\n .gt-card:nth-child(4) { animation-delay: .2s; }\n .gt-card:nth-child(5) { animation-delay: .25s; }\n .gt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gtFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123261555065,"sku":"DI5042","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-gentiane-bio-10-ml-dioter-lifestyle.webp?v=1770722049"},{"product_id":"fleur-de-bach-etoile-bethleem-bio-10-ml-dioter","title":"Fleur de Bach Etoile de Bethléem Bio - 10 ml - Dioter","description":"\u003cdiv class=\"sb-premium\"\u003e\n\u003cdiv class=\"sb-hero\"\u003e\n\u003cdiv class=\"sb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sb-hero-content\"\u003e\n\u003cdiv class=\"sb-badges-top\"\u003e\n\u003cspan class=\"sb-badge\"\u003e🌿 Certifié Bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"sb-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"sb-badge\"\u003e🌸 Méthode Dr Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sb-hero-title\"\u003eFleur de Bach Étoile de Bethléem Bio\u003c\/span\u003e\n\u003cp class=\"sb-subtitle\"\u003eÉlixir floral Dioter · 10 ml\u003c\/p\u003e\n\u003cp class=\"sb-description\"\u003eApaisez les blessures émotionnelles profondes et retrouvez une sérénité intérieure durable grâce à cet élixir floral d'exception, élaboré à partir de fleurs sauvages cueillies en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003eUn élixir floral issu de fleurs sauvages françaises\u003c\/h2\u003e\n\u003cp class=\"sb-section-intro\"\u003eÉlaborée à partir d'\u003cstrong\u003eOrnithogale (Star of Bethlehem)\u003c\/strong\u003e, une fleur sauvage cueillie en France, cette préparation suit fidèlement la méthode originale du Docteur Bach.\u003c\/p\u003e\n\u003cdiv class=\"sb-grid\"\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🌼 Ornithogale sauvage\u003c\/h3\u003e\n\u003cp\u003eFleur cueillie à l'état sauvage en France, sélectionnée pour sa pureté vibratoire exceptionnelle et son énergie naturelle intacte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e☀️ Solarisation douce\u003c\/h3\u003e\n\u003cp\u003eMéthode d'extraction par le soleil qui préserve toute l'énergie vibratoire de la plante, pour une action subtile et profonde.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e💛 Apaisement émotionnel\u003c\/h3\u003e\n\u003cp\u003eIdéal en période de choc, de traumatisme ou de tristesse intense, cet élixir favorise le retour à une sérénité intérieure durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003eCertifié bio et d'origine 100 % naturelle\u003c\/h2\u003e\n\u003cdiv class=\"sb-grid-compact\"\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eLabellisé FR-BIO-01, garantie d'une agriculture biologique respectueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🍃 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eFormulé sans additifs superflus, composition pure et transparente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🌍 Écoresponsable\u003c\/h3\u003e\n\u003cp\u003eDans le respect de l'environnement et de l'humain à chaque étape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e✨ Pureté garantie\u003c\/h3\u003e\n\u003cp\u003eAssociation d'eau, de cognac bio et d'élixir floral, rien de plus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp class=\"sb-section-intro\"\u003eDeux modes d'utilisation selon vos besoins et votre rythme quotidien.\u003c\/p\u003e\n\u003cdiv class=\"sb-grid\"\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e💧 Utilisation classique\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e5 gouttes\u003c\/strong\u003e à diluer dans un fond de verre d'eau ou à déposer directement sous la langue. Renouvelable plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-card\"\u003e\n\u003ch3\u003e🫗 En préparation\u003c\/h3\u003e\n\u003cp\u003eDiluer \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans ½ litre d'eau minérale non gazeuse. Boire en 4 à 5 prises réparties sur la journée, en agitant la bouteille avant chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-tip\"\u003e\n\u003cspan class=\"sb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour une action optimale, laissez quelques secondes sous la langue avant d'avaler. Privilégiez les prises en dehors des repas pour une meilleure absorption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"sb-timeline\"\u003e\n\u003cdiv class=\"sb-timeline-item\"\u003e\n\u003cdiv class=\"sb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sb-timeline-content\"\u003e\n\u003ch3\u003eEau\u003c\/h3\u003e\n\u003cp\u003eBase pure pour la dilution de l'élixir floral.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-timeline-item\"\u003e\n\u003cdiv class=\"sb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sb-timeline-content\"\u003e\n\u003ch3\u003eCognac biologique\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel issu de l'agriculture biologique certifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sb-timeline-item\"\u003e\n\u003cdiv class=\"sb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sb-timeline-content\"\u003e\n\u003ch3\u003eSolarisation de fleur : Ornithogale\u003c\/h3\u003e\n\u003cp\u003eÉlixir floral obtenu par solarisation de la fleur Star of Bethlehem, selon la méthode originale du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003eInformations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"sb-accordion\"\u003e\n\u003cdetails class=\"sb-accordion-item\"\u003e\n\u003csummary class=\"sb-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n\u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n\u003cp\u003eFlacon compte-gouttes de 10 ml en verre ambré, pour une conservation optimale de l'élixir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sb-accordion-item\"\u003e\n\u003csummary class=\"sb-accordion-header\"\u003e⚖️ Poids net\u003c\/summary\u003e\n\u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n\u003cp\u003e10 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"sb-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"sb-accordion\"\u003e\n\u003cdetails class=\"sb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"sb-accordion-header\"\u003e⚠️ Mentions réglementaires\u003c\/summary\u003e\n\u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Ne constitue pas un médicament.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"sb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"sb-cta-box\"\u003e\n\u003cp\u003e🌸 Retrouvez la paix intérieure avec l'Étoile de Bethléem Bio, un élixir floral d'exception, fidèle à la méthode du Dr Bach, pour apaiser chaque blessure émotionnelle en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sb-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Résultats individuels variables.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sb-cream: #FBF7F2;\n --sb-white: #ffffff;\n --sb-primary: #8B6F47;\n --sb-primary-dark: #5E4A2E;\n --sb-primary-light: #F5EDE3;\n --sb-secondary: #D4A574;\n --sb-accent: #E8B4A8;\n --sb-text: #1a1a1a;\n --sb-text-light: #5a5a5a;\n --sb-border: #E8DDD0;\n --sb-shadow: 0 4px 24px rgba(94, 74, 46, .08);\n --sb-shadow-lg: 0 12px 48px rgba(94, 74, 46, .15);\n --sb-radius: 20px;\n --sb-radius-sm: 12px;\n}\n\n.sb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sb-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4A2E 0%, #8B6F47 40%, #D4A574 75%, #E8B4A8 100%);\n border-radius: var(--sb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sb-shadow-lg);\n}\n\n.sb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .03em;\n}\n\n.sb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sb-primary), var(--sb-accent));\n border-radius: 2px;\n}\n\n.sb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sb-card {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sb-shadow-lg);\n border-color: var(--sb-primary);\n}\n\n.sb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sb-grid-compact .sb-card {\n padding: 1rem;\n}\n\n.sb-grid-compact .sb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sb-grid-compact .sb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sb-primary), var(--sb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sb-timeline-content {\n flex: 1;\n background: var(--sb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sb-radius-sm);\n box-shadow: var(--sb-shadow);\n}\n\n.sb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sb-timeline-content p {\n font-size: 14px;\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sb-testimonial {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sb-shadow);\n border-left: 4px solid var(--sb-primary);\n}\n\n.sb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sb-accordion {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n box-shadow: var(--sb-shadow);\n overflow: hidden;\n}\n\n.sb-accordion-item {\n border-bottom: 1px solid var(--sb-border);\n margin: 0;\n padding: 0;\n}\n\n.sb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sb-accordion-header:hover {\n background: var(--sb-primary-light);\n}\n\n.sb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sb-primary);\n transition: transform .2s ease;\n}\n\n.sb-accordion-item[open] .sb-accordion-header::after {\n content: '−';\n}\n\n.sb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sb-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sb-primary-light);\n border-radius: var(--sb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sb-tip p {\n font-size: 14px;\n color: var(--sb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sb-cta-box {\n background: linear-gradient(135deg, var(--sb-primary) 0%, var(--sb-primary-dark) 100%);\n border-radius: var(--sb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sb-disclaimer {\n font-size: 12px;\n color: var(--sb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sb-card {\n padding: 1.125rem;\n }\n\n .sb-section {\n margin-bottom: 1.75rem;\n }\n\n .sb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sb-radius-sm);\n }\n\n .sb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sb-grid-compact {\n gap: .625rem;\n }\n\n .sb-grid-compact .sb-card {\n padding: .75rem;\n }\n\n .sb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sb-timeline-content h3 {\n font-size: 14px;\n }\n\n .sb-timeline-content p {\n font-size: 13px;\n }\n\n .sb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sb-testimonial {\n padding: 1.25rem;\n }\n\n .sb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sb-card {\n animation: sbFadeInUp .5s ease backwards;\n }\n .sb-card:nth-child(1) { animation-delay: .05s; }\n .sb-card:nth-child(2) { animation-delay: .1s; }\n .sb-card:nth-child(3) { animation-delay: .15s; }\n .sb-card:nth-child(4) { animation-delay: .2s; }\n .sb-card:nth-child(5) { animation-delay: .25s; }\n .sb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123349078393,"sku":"DI5059","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-etoile-de-bethleem-bio-10-ml-dioter-lifestyle.webp?v=1770883299"},{"product_id":"fleur-de-bach-vigne-bio-10-ml-dioter","title":"Fleur de Bach vigne bio - 10 ml - Dioter","description":"\u003cdiv class=\"vine-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"vine-hero\"\u003e\n\u003cdiv class=\"vine-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vine-hero-content\"\u003e\n\u003cdiv class=\"vine-badges-top\"\u003e\n\u003cspan class=\"vine-badge\"\u003e🌿 Certifié Bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"vine-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"vine-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vine-hero-title\"\u003eFleur de Bach vigne bio\u003c\/span\u003e\n\u003cp class=\"vine-subtitle\"\u003eÉlixir floral Dioter – Méthode originale du Dr Bach\u003c\/p\u003e\n\u003cp class=\"vine-description\"\u003eInspirée de la méthode originale du Docteur Edward Bach, la Fleur de Bach bio Vigne, élaborée par Dioter, est un élixir floral naturel destiné à restaurer l'équilibre émotionnel chez les personnes faisant preuve d'un excès de contrôle ou d'autorité. Conçue pour encourager le respect et l'écoute, cette fleur aide à transformer une volonté trop directive en une force d'inspiration calme et positive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"vine-section\"\u003e\n\u003ch2\u003eVertus émotionnelles de la Fleur de Vigne\u003c\/h2\u003e\n\u003cp class=\"vine-section-intro\"\u003eCette fleur s'adresse aux individus charismatiques qui, dans leur désir de guider, peuvent parfois imposer leur point de vue. L'élixir Vigne contribue à :\u003c\/p\u003e\n\u003cdiv class=\"vine-grid\"\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e🤝 Coopération et empathie\u003c\/h3\u003e\n\u003cp\u003eFavorise la coopération et l'empathie dans les relations au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e☮️ Apaisement des tensions\u003c\/h3\u003e\n\u003cp\u003eApaise les tensions dues au besoin de contrôle excessif sur les autres\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e🌟 Autorité naturelle\u003c\/h3\u003e\n\u003cp\u003eStimule une autorité naturelle, fondée sur l'exemple et la bienveillance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e🌱 Ouverture d'esprit\u003c\/h3\u003e\n\u003cp\u003eEncourage l'ouverture d'esprit et la flexibilité face aux idées des autres\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"vine-section\"\u003e\n\u003ch2\u003eUne fabrication artisanale et biologique\u003c\/h2\u003e\n\u003cdiv class=\"vine-grid-compact\"\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e🌸 Solarisation\u003c\/h3\u003e\n\u003cp\u003eMéthode originelle du Dr Bach, respectant la tradition artisanale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eFR-BIO-01, sans aucun ajout chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e🇫🇷 Fleurs françaises\u003c\/h3\u003e\n\u003cp\u003eFleurs sauvages soigneusement cueillies en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eStabilisé dans un cognac biologique pour une pureté optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-tip\"\u003e\n\u003cspan class=\"vine-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003ePureté et efficacité optimales garanties grâce à un procédé 100 % naturel, fidèle à la vision du Docteur Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"vine-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"vine-timeline\"\u003e\n\u003cdiv class=\"vine-timeline-item\"\u003e\n\u003cdiv class=\"vine-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vine-timeline-content\"\u003e\n\u003ch3\u003ePrise directe\u003c\/h3\u003e\n\u003cp\u003ePrenez 5 gouttes, pures ou diluées dans un fond d'eau, jusqu'à plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-timeline-item\"\u003e\n\u003cdiv class=\"vine-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vine-timeline-content\"\u003e\n\u003ch3\u003ePrise diluée sur la journée\u003c\/h3\u003e\n\u003cp\u003eDiluez 25 gouttes dans un demi-litre d'eau non gazeuse, à consommer tout au long de la journée par petites gorgées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vine-timeline-item\"\u003e\n\u003cdiv class=\"vine-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vine-timeline-content\"\u003e\n\u003ch3\u003eBien agiter\u003c\/h3\u003e\n\u003cp\u003eToujours bien agiter le flacon avant chaque prise pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"vine-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eIngrédients\u003c\/h2\u003e\n\u003cdiv class=\"vine-accordion\"\u003e\n\u003cdetails class=\"vine-accordion-item\"\u003e\n\u003csummary class=\"vine-accordion-header\"\u003e🧾 Composition complète\u003c\/summary\u003e\n\u003cdiv class=\"vine-accordion-content mt-3\"\u003e\n\u003cp\u003eEau, Cognac biologique, Solarisation de fleur – Vigne\u003cbr\u003eProduit issu de l'Agriculture biologique – \u003cstrong\u003ecertifié FR-BIO-01\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vine-accordion-item\"\u003e\n\u003csummary class=\"vine-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"vine-accordion-content mt-3\"\u003e\n\u003cp\u003eComplément alimentaire à base d'élixir floral. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Contient de l'alcool (cognac bio). Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"vine-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un traitement médical. Consultez votre professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --vine-cream: #faf7f3;\n --vine-white: #ffffff;\n --vine-primary: #8B6F47;\n --vine-primary-dark: #5E4A2E;\n --vine-primary-light: #f3ece3;\n --vine-secondary: #D4A574;\n --vine-accent: #C9907A;\n --vine-text: #1a1a1a;\n --vine-text-light: #5a5a5a;\n --vine-border: #e8e0d6;\n --vine-shadow: 0 4px 24px rgba(94, 74, 46, .08);\n --vine-shadow-lg: 0 12px 48px rgba(94, 74, 46, .15);\n --vine-radius: 20px;\n --vine-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vine-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vine-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.vine-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4A2E 0%, #8B6F47 40%, #C9907A 100%);\n border-radius: var(--vine-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--vine-shadow-lg);\n}\n\n.vine-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.vine-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vine-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vine-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.vine-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.vine-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.vine-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--vine-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vine-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.vine-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vine-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vine-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.vine-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--vine-primary), var(--vine-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.vine-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vine-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.vine-card {\n background: var(--vine-white);\n border-radius: var(--vine-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vine-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vine-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vine-shadow-lg);\n border-color: var(--vine-primary);\n}\n\n.vine-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vine-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vine-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vine-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vine-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.vine-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vine-grid-compact .vine-card {\n padding: 1rem;\n}\n\n.vine-grid-compact .vine-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vine-grid-compact .vine-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.vine-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vine-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.vine-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vine-primary), var(--vine-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.vine-timeline-content {\n flex: 1;\n background: var(--vine-white);\n padding: 1rem 1.25rem;\n border-radius: var(--vine-radius-sm);\n box-shadow: var(--vine-shadow);\n}\n\n.vine-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--vine-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vine-timeline-content p {\n font-size: 14px;\n color: var(--vine-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.vine-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--vine-primary-light);\n border-radius: var(--vine-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.vine-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.vine-tip p {\n font-size: 14px;\n color: var(--vine-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.vine-accordion {\n background: var(--vine-white);\n border-radius: var(--vine-radius);\n box-shadow: var(--vine-shadow);\n overflow: hidden;\n}\n\n.vine-accordion-item {\n border-bottom: 1px solid var(--vine-border);\n margin: 0;\n padding: 0;\n}\n\n.vine-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vine-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vine-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.vine-accordion-header:hover {\n background: var(--vine-primary-light);\n}\n\n.vine-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vine-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vine-primary);\n transition: transform .2s ease;\n}\n\n.vine-accordion-item[open] .vine-accordion-header::after {\n content: '−';\n}\n\n.vine-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vine-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.vine-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.vine-disclaimer {\n font-size: 12px;\n color: var(--vine-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .vine-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vine-card {\n padding: 1.125rem;\n }\n\n .vine-section {\n margin-bottom: 1.75rem;\n }\n\n .vine-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vine-radius-sm);\n }\n\n .vine-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .vine-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .vine-grid-compact {\n gap: .625rem;\n }\n\n .vine-grid-compact .vine-card {\n padding: .75rem;\n }\n\n .vine-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .vine-timeline-content {\n padding: .875rem 1rem;\n }\n\n .vine-timeline-content h3 {\n font-size: 14px;\n }\n\n .vine-timeline-content p {\n font-size: 13px;\n }\n\n .vine-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .vine-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vine-card {\n animation: vineInUp .5s ease backwards;\n }\n .vine-card:nth-child(1) { animation-delay: .05s; }\n .vine-card:nth-child(2) { animation-delay: .1s; }\n .vine-card:nth-child(3) { animation-delay: .15s; }\n .vine-card:nth-child(4) { animation-delay: .2s; }\n .vine-card:nth-child(5) { animation-delay: .25s; }\n .vine-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes vineInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .vine-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123597689209,"sku":"DI5062","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-vigne-bio-10-ml-dioter-lifestyle.webp?v=1770885258"},{"product_id":"fleur-de-bach-noyer-bio-10-ml-dioter","title":"Fleur de Bach noyer bio - 10 ml - Dioter","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Noyer Bio - 10 ml - Dioter\nPalette détectée:\n - Primaire: #8B6914 (brun doré\/ambre du flacon)\n - Secondaire: #D4A574 (beige rosé de l'étiquette et du bouchon)\n - Accent: #E8C8A0 (crème chaud du label)\nAmbiance: Naturel, doux, organique, bien-être holistique, fleurs de Bach, sérénité\nPréfixe CSS: wn\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Des bienfaits pour renforcer sa stabilité émotionnelle\"\n 2. \"Une fabrication biologique et respectueuse\"\n 3. \"Conseils d'utilisation\"\n 4. \"Composition\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"wn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"wn-hero\"\u003e\n \u003cdiv class=\"wn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"wn-hero-content\"\u003e\n \u003cdiv class=\"wn-badges-top\"\u003e\n \u003cspan class=\"wn-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"wn-badge\"\u003e🇫🇷 Fleurs récoltées en France\u003c\/span\u003e\n \u003cspan class=\"wn-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"wn-hero-title\"\u003eFleur de Bach noyer bio\u003c\/span\u003e\n \u003cp class=\"wn-subtitle\"\u003eÉlixir floral Walnut — Dioter\u003c\/p\u003e\n \u003cp class=\"wn-description\"\u003eÉlaborée selon la méthode authentique du Docteur Bach, la Fleur de Bach bio Noyer (Walnut) accompagne en douceur les personnes sensibles aux influences extérieures ou traversant des changements de vie importants. Elle s'adresse à ceux qui, dans un moment de transition, ressentent le besoin de se protéger émotionnellement et de stabiliser leur équilibre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"wn-section\"\u003e\n \u003ch2\u003eDes bienfaits pour renforcer sa stabilité émotionnelle\u003c\/h2\u003e\n \u003cp class=\"wn-section-intro\"\u003eGrâce à sa formulation naturelle, cet élixir floral bio favorise un sentiment de sécurité et d'ancrage, facilitant l'adaptation aux nouvelles situations tout en préservant votre intégrité.\u003c\/p\u003e\n \u003cdiv class=\"wn-grid\"\u003e\n \u003cdiv class=\"wn-card\"\u003e\n \u003ch3\u003e🔄 Changements de vie\u003c\/h3\u003e\n \u003cp\u003eDéménagement, nouvelle étape professionnelle, naissance, deuil… Un soutien précieux lors de chaque tournant majeur de votre existence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-card\"\u003e\n \u003ch3\u003e🦋 Transitions personnelles\u003c\/h3\u003e\n \u003cp\u003eAccompagne les périodes de transition personnelle ou spirituelle en douceur, pour avancer avec confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-card\"\u003e\n \u003ch3\u003e🛡️ Protection émotionnelle\u003c\/h3\u003e\n \u003cp\u003eIdéal en cas de grande réceptivité aux influences extérieures ou aux environnements perturbants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-tip\"\u003e\n \u003cspan class=\"wn-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eL'élixir de Noyer aide à affirmer son identité, à se libérer des influences parasites et à franchir les étapes de la vie avec plus de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"wn-section\"\u003e\n \u003ch2\u003eUne fabrication biologique et respectueuse\u003c\/h2\u003e\n \u003cdiv class=\"wn-grid-compact\"\u003e\n \u003cdiv class=\"wn-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eProduit issu de l'Agriculture Biologique, certifié FR-BIO-01.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-card\"\u003e\n \u003ch3\u003e🌳 Fleurs sauvages\u003c\/h3\u003e\n \u003cp\u003eFleurs de noyer sauvages récoltées en France, au cœur de leur habitat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-card\"\u003e\n \u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n \u003cp\u003eExtraction par solarisation selon la méthode originale du Dr Bach, pour un élixir pur, vivant et de haute qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-card\"\u003e\n \u003ch3\u003e🍇 Conservation naturelle\u003c\/h3\u003e\n \u003cp\u003eCognac biologique utilisé pour une conservation 100 % naturelle de l'élixir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"wn-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"wn-timeline\"\u003e\n \u003cdiv class=\"wn-timeline-item\"\u003e\n \u003cdiv class=\"wn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"wn-timeline-content\"\u003e\n \u003ch3\u003eUsage express\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un peu d'eau ou directement sous la langue, plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-timeline-item\"\u003e\n \u003cdiv class=\"wn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"wn-timeline-content\"\u003e\n \u003ch3\u003eUsage prolongé\u003c\/h3\u003e\n \u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale non gazeuse et buvez le mélange en plusieurs prises tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wn-timeline-item\"\u003e\n \u003cdiv class=\"wn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"wn-timeline-content\"\u003e\n \u003ch3\u003eBien agiter\u003c\/h3\u003e\n \u003cp\u003ePensez à bien agiter le flacon avant chaque usage pour réactiver les principes actifs de l'élixir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"wn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"wn-accordion\"\u003e\n \u003cdetails class=\"wn-accordion-item\" open\u003e\n \u003csummary class=\"wn-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"wn-accordion-content mt-3\"\u003e\n \u003cp\u003eEau, Cognac biologique, Solarisation de fleur — Noyer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"wn-accordion-item\"\u003e\n \u003csummary class=\"wn-accordion-header\"\u003e🌿 Certification\u003c\/summary\u003e\n \u003cdiv class=\"wn-accordion-content mt-3\"\u003e\n \u003cp\u003eProduit issu de l'Agriculture Biologique — certifié par FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"wn-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --wn-cream: #faf6f0;\n --wn-white: #ffffff;\n --wn-primary: #8B6914;\n --wn-primary-dark: #5C4510;\n --wn-primary-light: #f5edd8;\n --wn-secondary: #D4A574;\n --wn-accent: #E8C8A0;\n --wn-text: #1a1a1a;\n --wn-text-light: #5a5a5a;\n --wn-border: #e8dece;\n --wn-shadow: 0 4px 24px rgba(92,69,16,.08);\n --wn-shadow-lg: 0 12px 48px rgba(92,69,16,.15);\n --wn-radius: 20px;\n --wn-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.wn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--wn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.wn-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4510 0%, #8B6914 40%, #D4A574 100%);\n border-radius: var(--wn-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--wn-shadow-lg);\n}\n\n.wn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(232,200,160,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.wn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.wn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.wn-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--wn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.wn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.wn-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.wn-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.wn-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.8;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.wn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.wn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--wn-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.wn-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--wn-primary), var(--wn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.wn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--wn-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.wn-card {\n background: var(--wn-white);\n border-radius: var(--wn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--wn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.wn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--wn-shadow-lg);\n border-color: var(--wn-primary);\n}\n\n.wn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--wn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.wn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--wn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.wn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.wn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.wn-grid-compact .wn-card {\n padding: 1rem;\n}\n\n.wn-grid-compact .wn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.wn-grid-compact .wn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.wn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.wn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.wn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--wn-primary), var(--wn-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.wn-timeline-content {\n flex: 1;\n background: var(--wn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--wn-radius-sm);\n box-shadow: var(--wn-shadow);\n}\n\n.wn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--wn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.wn-timeline-content p {\n font-size: 14px;\n color: var(--wn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.wn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--wn-primary-light);\n border-radius: var(--wn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.wn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.wn-tip p {\n font-size: 14px;\n color: var(--wn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.wn-accordion {\n background: var(--wn-white);\n border-radius: var(--wn-radius);\n box-shadow: var(--wn-shadow);\n overflow: hidden;\n}\n\n.wn-accordion-item {\n border-bottom: 1px solid var(--wn-border);\n margin: 0;\n padding: 0;\n}\n\n.wn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.wn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--wn-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.wn-accordion-header:hover {\n background: var(--wn-primary-light);\n}\n\n.wn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.wn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--wn-primary);\n transition: transform .2s ease;\n}\n\n.wn-accordion-item[open] .wn-accordion-header::after {\n content: '−';\n}\n\n.wn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--wn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.wn-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.wn-disclaimer {\n font-size: 12px;\n color: var(--wn-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .wn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .wn-card {\n padding: 1.125rem;\n }\n\n .wn-section {\n margin-bottom: 1.75rem;\n }\n\n .wn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--wn-radius-sm);\n }\n\n .wn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .wn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .wn-grid-compact {\n gap: .625rem;\n }\n\n .wn-grid-compact .wn-card {\n padding: .75rem;\n }\n\n .wn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .wn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .wn-timeline-content h3 {\n font-size: 14px;\n }\n\n .wn-timeline-content p {\n font-size: 13px;\n }\n\n .wn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .wn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .wn-testimonial {\n padding: 1.25rem;\n }\n\n .wn-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .wn-card {\n animation: wnFadeInUp .5s ease backwards;\n }\n .wn-card:nth-child(1) { animation-delay: .05s; }\n .wn-card:nth-child(2) { animation-delay: .1s; }\n .wn-card:nth-child(3) { animation-delay: .15s; }\n .wn-card:nth-child(4) { animation-delay: .2s; }\n .wn-card:nth-child(5) { animation-delay: .25s; }\n .wn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes wnFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .wn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123669713273,"sku":"DI5063","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-noyer-bio-10-ml-dioter-lifestyle.webp?v=1770886023"},{"product_id":"fleur-de-bach-cerato-bio-10-ml-dioter","title":"Fleur de Bach Cerato Bio - 10 ml - Dioter","description":"\u003cdiv class=\"cb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cb-hero\"\u003e\n\u003cdiv class=\"cb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cb-hero-content\"\u003e\n\u003cdiv class=\"cb-badges-top\"\u003e\n\u003cspan class=\"cb-badge\"\u003e🌿 Certifié Bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cb-hero-title\"\u003eFleur de Bach Cerato Bio\u003c\/span\u003e\n\u003cp class=\"cb-subtitle\"\u003eÉlixir floral du Laboratoire Dioter - Méthode originelle du Dr. Bach\u003c\/p\u003e\n\u003cp class=\"cb-description\"\u003eRetrouvez confiance en votre intuition et libérez-vous du doute grâce à cet élixir floral biologique issu du \u003cem\u003eCeratostigma Willmottiana\u003c\/em\u003e. Une aide précieuse pour écouter votre voix intérieure et prendre vos décisions avec assurance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eUne solution naturelle et biologique pour renforcer l'intuition\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eCertifiée biologique et extraite de fleurs sauvages françaises, cette préparation aide à se reconnecter à sa voix intérieure.\u003c\/p\u003e\n\u003cdiv class=\"cb-grid\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌸 Confiance en soi\u003c\/h3\u003e\n\u003cp\u003eLe Cerato soutient les personnes qui doutent constamment d'elles-mêmes et cherchent sans cesse la validation d'autrui avant d'agir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🧭 Écoute de l'intuition\u003c\/h3\u003e\n\u003cp\u003eCet élixir favorise la reconnexion à votre voix intérieure, pour des décisions plus alignées avec vos véritables aspirations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e💫 Assurance décisionnelle\u003c\/h3\u003e\n\u003cp\u003eParticulièrement adapté aux personnes indécises ou influençables, il aide à renforcer l'assurance dans chaque choix du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eComment utiliser la Fleur de Bach Cerato ?\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eL'élixir se présente sous forme de flacon compte-gouttes de 10 ml, facile à utiliser au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"cb-timeline\"\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003eUtilisation ponctuelle\u003c\/h3\u003e\n\u003cp\u003e5 gouttes à diluer dans un peu d'eau ou directement sous la langue, à renouveler plusieurs fois par jour selon les besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003eCure complète\u003c\/h3\u003e\n\u003cp\u003eDiluer 25 gouttes dans ½ litre d'eau non gazeuse et boire en 4 à 5 prises quotidiennes, réparties sur la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n\u003cp\u003ePour des résultats durables, utilisez la Fleur de Bach Cerato pendant 3 semaines à 1 mois, renouvelable si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-tip\"\u003e\n\u003cspan class=\"cb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un accompagnement personnalisé, n'hésitez pas à consulter un professionnel formé aux Fleurs de Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eUne fabrication respectueuse de la méthode du Dr. Bach\u003c\/h2\u003e\n\u003cdiv class=\"cb-grid-compact\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n\u003cp\u003eChaque élixir est élaboré par solarisation pour préserver toute l'énergie vibratoire de la plante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e📜 Méthode originelle\u003c\/h3\u003e\n\u003cp\u003ePréparation fidèle à la méthode du Dr. Bach, garantissant authenticité et respect de la tradition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🍇 Cognac biologique\u003c\/h3\u003e\n\u003cp\u003eDilution dans de l'eau et du cognac biologique pour une conservation 100 % naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌱 Plumbago sauvage\u003c\/h3\u003e\n\u003cp\u003eIssu du Ceratostigma Willmottiana, récolté à l'état sauvage pour une qualité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"cb-composition\"\u003e\n\u003cdiv class=\"cb-composition-item\"\u003e\n\u003cspan class=\"cb-composition-icon\"\u003e💧\u003c\/span\u003e \u003cspan class=\"cb-composition-name\"\u003eEau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-composition-item\"\u003e\n\u003cspan class=\"cb-composition-icon\"\u003e🍇\u003c\/span\u003e \u003cspan class=\"cb-composition-name\"\u003eCognac biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-composition-item\"\u003e\n\u003cspan class=\"cb-composition-icon\"\u003e🌸\u003c\/span\u003e \u003cspan class=\"cb-composition-name\"\u003eExtrait floral solarisé de Plumbago (Ceratostigma Willmottiana)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eEngagement qualité Dioter\u003c\/h2\u003e\n\u003cdiv class=\"cb-grid\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e✅ Pureté garantie\u003c\/h3\u003e\n\u003cp\u003eAucun additif synthétique ni conservateur chimique. Une formulation minimaliste pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌍 Respect de l'environnement\u003c\/h3\u003e\n\u003cp\u003eDioter s'engage dans une démarche éco-responsable, de la récolte des fleurs sauvages à la mise en flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🧘 Équilibre émotionnel\u003c\/h3\u003e\n\u003cp\u003eUne approche 100 % naturelle de votre bien-être intérieur, fidèle à la philosophie du Dr. Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"cb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cb-accordion\"\u003e\n\u003cdetails class=\"cb-accordion-item\"\u003e\n\u003csummary class=\"cb-accordion-header\"\u003e⚠️ Avertissements importants\u003c\/summary\u003e\n\u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical. Ne pas dépasser la dose conseillée. Ne pas utiliser comme substitut d'un régime alimentaire varié. À tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cb-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Consultez un professionnel de santé pour toute question relative à votre bien-être.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cb-cream: #FAF6F1;\n --cb-white: #ffffff;\n --cb-primary: #8B6F47;\n --cb-primary-dark: #5E4A2E;\n --cb-primary-light: #F3EDE4;\n --cb-secondary: #D4A574;\n --cb-accent: #6B8F5E;\n --cb-text: #1a1a1a;\n --cb-text-light: #5a5a5a;\n --cb-border: #e8e0d6;\n --cb-shadow: 0 4px 24px rgba(94,74,46,.08);\n --cb-shadow-lg: 0 12px 48px rgba(94,74,46,.15);\n --cb-radius: 20px;\n --cb-radius-sm: 12px;\n}\n\n.cb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cb-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4A2E 0%, #8B6F47 40%, #D4A574 100%);\n border-radius: var(--cb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cb-shadow-lg);\n}\n\n.cb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(107,143,94,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.cb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.cb-description em {\n font-style: italic;\n color: rgba(255,255,255,.95);\n}\n\n\/* === BADGES === *\/\n.cb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cb-primary), var(--cb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.cb-card {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cb-shadow-lg);\n border-color: var(--cb-primary);\n}\n\n.cb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cb-grid-compact .cb-card {\n padding: 1rem;\n}\n\n.cb-grid-compact .cb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cb-grid-compact .cb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cb-primary), var(--cb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cb-timeline-content {\n flex: 1;\n background: var(--cb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cb-radius-sm);\n box-shadow: var(--cb-shadow);\n}\n\n.cb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cb-timeline-content p {\n font-size: 14px;\n color: var(--cb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.cb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cb-primary-light);\n border-radius: var(--cb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cb-tip p {\n font-size: 14px;\n color: var(--cb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.cb-composition {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n max-width: 520px;\n margin: 0 auto;\n}\n\n.cb-composition-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--cb-white);\n border-radius: var(--cb-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--cb-shadow);\n transition: all .3s ease;\n}\n\n.cb-composition-item:hover {\n transform: translateX(6px);\n box-shadow: var(--cb-shadow-lg);\n}\n\n.cb-composition-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cb-composition-name {\n font-size: clamp(14px, 2.2vw, 16px);\n font-weight: 600;\n color: var(--cb-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.cb-accordion {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n box-shadow: var(--cb-shadow);\n overflow: hidden;\n}\n\n.cb-accordion-item {\n border-bottom: 1px solid var(--cb-border);\n margin: 0;\n padding: 0;\n}\n\n.cb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cb-accordion-header:hover {\n background: var(--cb-primary-light);\n}\n\n.cb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cb-primary);\n transition: transform .2s ease;\n}\n\n.cb-accordion-item[open] .cb-accordion-header::after {\n content: '−';\n}\n\n.cb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cb-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cb-disclaimer {\n font-size: 12px;\n color: var(--cb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cb-card {\n padding: 1.125rem;\n }\n\n .cb-section {\n margin-bottom: 1.75rem;\n }\n\n .cb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cb-radius-sm);\n }\n\n .cb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cb-grid-compact {\n gap: .625rem;\n }\n\n .cb-grid-compact .cb-card {\n padding: .75rem;\n }\n\n .cb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cb-timeline-content h3 {\n font-size: 14px;\n }\n\n .cb-timeline-content p {\n font-size: 13px;\n }\n\n .cb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cb-composition-item {\n padding: .875rem 1rem;\n }\n\n .cb-composition-name {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cb-card {\n animation: cbFadeInUp .5s ease backwards;\n }\n .cb-card:nth-child(1) { animation-delay: .05s; }\n .cb-card:nth-child(2) { animation-delay: .1s; }\n .cb-card:nth-child(3) { animation-delay: .15s; }\n .cb-card:nth-child(4) { animation-delay: .2s; }\n .cb-card:nth-child(5) { animation-delay: .25s; }\n .cb-card:nth-child(6) { animation-delay: .3s; }\n\n .cb-composition-item {\n animation: cbFadeInUp .5s ease backwards;\n }\n .cb-composition-item:nth-child(1) { animation-delay: .05s; }\n .cb-composition-item:nth-child(2) { animation-delay: .1s; }\n .cb-composition-item:nth-child(3) { animation-delay: .15s; }\n\n .cb-timeline-item {\n animation: cbFadeInUp .5s ease backwards;\n }\n .cb-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cb-timeline-item:nth-child(2) { animation-delay: .1s; }\n .cb-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes cbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123677544825,"sku":"DI5035","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-cerato-bio-10-ml-dioter-lifestyle.webp?v=1770636328"},{"product_id":"fleur-de-bach-eau-de-roche-bio-10-ml-dioter","title":"Fleur de Bach Eau de roche bio - 10 ml - Dioter","description":"\u003cdiv class=\"rw-premium\"\u003e\n\u003cdiv class=\"rw-hero\"\u003e\n\u003cdiv class=\"rw-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rw-hero-content\"\u003e\n\u003cdiv class=\"rw-badges-top\"\u003e\n\u003cspan class=\"rw-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"rw-badge\"\u003e🇫🇷 Cueillette française\u003c\/span\u003e \u003cspan class=\"rw-badge\"\u003e💧 Élixir floral 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"rw-hero-title\"\u003eFleur de Bach eau de roche bio\u003c\/span\u003e\n\u003cp class=\"rw-subtitle\"\u003eÉlixir floral selon la méthode authentique du Dr Bach\u003c\/p\u003e\n\u003cp class=\"rw-description\"\u003eDestinée aux personnes exigeantes envers elles-mêmes, souvent en quête de perfection au détriment de leur bien-être, cette fleur de Bach bio vise à apporter équilibre et paix intérieure en encourageant davantage de flexibilité mentale et émotionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"rw-section\"\u003e\n\u003ch2\u003eUne fabrication artisanale et biologique\u003c\/h2\u003e\n\u003cp class=\"rw-section-intro\"\u003eChaque flacon contient un élixir préparé dans le respect des principes originels du Docteur Bach, pour une qualité vibratoire optimale.\u003c\/p\u003e\n\u003cdiv class=\"rw-grid-compact\"\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e🌾 Cueillette sauvage\u003c\/h3\u003e\n\u003cp\u003eLa fleur d'eau de roche est cueillie à l'état sauvage en France, dans un environnement préservé et intact.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e☀️ Solarisation\u003c\/h3\u003e\n\u003cp\u003eMéthode douce et naturelle d'extraction qui préserve toute la vitalité vibratoire de la fleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eUtilisé comme conservateur naturel, il assure la stabilité et la qualité du produit dans le temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e📜 Méthode du Dr Bach\u003c\/h3\u003e\n\u003cp\u003eÉlaboré par Dioter selon les principes originels et authentiques du Docteur Edward Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"rw-section\"\u003e\n\u003ch2\u003eLes bienfaits émotionnels de l'élixir Eau de roche\u003c\/h2\u003e\n\u003cdiv class=\"rw-grid\"\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e🧘 Relâchement intérieur\u003c\/h3\u003e\n\u003cp\u003eAide à relâcher l'auto-discipline excessive et les exigences trop strictes envers soi-même.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e💛 Acceptation de soi\u003c\/h3\u003e\n\u003cp\u003eEncourage l'acceptation de soi et la tolérance, pour un rapport plus bienveillant avec ses propres limites.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e🌸 Détente émotionnelle\u003c\/h3\u003e\n\u003cp\u003eFavorise une attitude plus détendue et ouverte face aux situations du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-card\"\u003e\n\u003ch3\u003e🔓 Souplesse mentale\u003c\/h3\u003e\n\u003cp\u003eRéduit la rigidité mentale et les tensions internes pour retrouver une fluidité émotionnelle naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"rw-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"rw-timeline\"\u003e\n\u003cdiv class=\"rw-timeline-item\"\u003e\n\u003cdiv class=\"rw-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"rw-timeline-content\"\u003e\n\u003ch3\u003eMéthode directe\u003c\/h3\u003e\n\u003cp\u003eDiluez 5 gouttes dans un verre d'eau ou placez-les directement sous la langue. Répétez plusieurs fois par jour selon les besoins ou les recommandations d'un professionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-timeline-item\"\u003e\n\u003cdiv class=\"rw-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"rw-timeline-content\"\u003e\n\u003ch3\u003eMéthode diluée sur la journée\u003c\/h3\u003e\n\u003cp\u003eDiluez 25 gouttes dans un demi-litre d'eau minérale non gazeuse et consommez en 4 à 5 prises tout au long de la journée, en agitant la bouteille avant chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rw-tip\"\u003e\n\u003cspan class=\"rw-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eAgitez toujours le flacon avant chaque utilisation pour réactiver les principes vibratoires de l'élixir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"rw-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"rw-accordion\"\u003e\n\u003cdetails class=\"rw-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"rw-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"rw-accordion-content mt-3\"\u003e\n\u003cp\u003eEau · Cognac biologique · Solarisation de fleur – Eau de roche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"rw-accordion-item\"\u003e\n\u003csummary class=\"rw-accordion-header\"\u003e🌱 Certification biologique\u003c\/summary\u003e\n\u003cdiv class=\"rw-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit issu de l'Agriculture Biologique – Certifié par FR-BIO-01. Une garantie de qualité, de traçabilité et de respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"rw-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"rw-cta-box\"\u003e\n\u003cp\u003e🌿 Retrouvez équilibre et sérénité grâce à la sagesse des Fleurs de Bach.\u003cbr\u003eUn élixir bio, artisanal et fidèle à la méthode originelle du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"rw-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un traitement médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --rw-cream: #FAF6F1;\n --rw-white: #ffffff;\n --rw-primary: #9B7B3A;\n --rw-primary-dark: #6B5420;\n --rw-primary-light: #F5EDE0;\n --rw-secondary: #D4A574;\n --rw-accent: #E0B090;\n --rw-text: #1a1a1a;\n --rw-text-light: #5a5a5a;\n --rw-border: #e8dfcf;\n --rw-shadow: 0 4px 24px rgba(107,84,32,.08);\n --rw-shadow-lg: 0 12px 48px rgba(107,84,32,.15);\n --rw-radius: 20px;\n --rw-radius-sm: 12px;\n}\n\n.rw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.rw-hero {\n position: relative;\n background: linear-gradient(135deg, #6B5420 0%, #9B7B3A 50%, #D4A574 100%);\n border-radius: var(--rw-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rw-shadow-lg);\n}\n\n.rw-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rw-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rw-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rw-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.rw-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.rw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rw-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rw-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rw-primary), var(--rw-secondary));\n border-radius: 2px;\n}\n\n.rw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rw-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.rw-card {\n background: var(--rw-white);\n border-radius: var(--rw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rw-shadow-lg);\n border-color: var(--rw-primary);\n}\n\n.rw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rw-grid-compact .rw-card {\n padding: 1rem;\n}\n\n.rw-grid-compact .rw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rw-grid-compact .rw-card p {\n font-size: 12px;\n}\n\n.rw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rw-primary), var(--rw-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rw-timeline-content {\n flex: 1;\n background: var(--rw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rw-radius-sm);\n box-shadow: var(--rw-shadow);\n}\n\n.rw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rw-timeline-content p {\n font-size: 14px;\n color: var(--rw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.rw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rw-primary-light);\n border-radius: var(--rw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rw-tip p {\n font-size: 14px;\n color: var(--rw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.rw-accordion {\n background: var(--rw-white);\n border-radius: var(--rw-radius);\n box-shadow: var(--rw-shadow);\n overflow: hidden;\n}\n\n.rw-accordion-item {\n border-bottom: 1px solid var(--rw-border);\n margin: 0;\n padding: 0;\n}\n\n.rw-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rw-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rw-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rw-accordion-header:hover {\n background: var(--rw-primary-light);\n}\n\n.rw-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rw-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rw-primary);\n transition: transform .2s ease;\n}\n\n.rw-accordion-item[open] .rw-accordion-header::after {\n content: '−';\n}\n\n.rw-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rw-accordion-content p {\n margin: 0;\n}\n\n.rw-testimonial {\n background: var(--rw-white);\n border-radius: var(--rw-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rw-shadow);\n border-left: 4px solid var(--rw-primary);\n}\n\n.rw-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rw-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.rw-cta-box {\n background: linear-gradient(135deg, var(--rw-primary) 0%, var(--rw-primary-dark) 100%);\n border-radius: var(--rw-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rw-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.rw-disclaimer {\n font-size: 12px;\n color: var(--rw-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .rw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rw-card {\n padding: 1.125rem;\n }\n\n .rw-section {\n margin-bottom: 1.75rem;\n }\n\n .rw-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rw-radius-sm);\n }\n\n .rw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rw-grid-compact {\n gap: .625rem;\n }\n\n .rw-grid-compact .rw-card {\n padding: .75rem;\n }\n\n .rw-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rw-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rw-timeline-content h3 {\n font-size: 14px;\n }\n\n .rw-timeline-content p {\n font-size: 13px;\n }\n\n .rw-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rw-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rw-testimonial {\n padding: 1.25rem;\n }\n\n .rw-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .rw-card {\n animation: rw-fadeInUp .5s ease backwards;\n }\n .rw-card:nth-child(1) { animation-delay: .05s; }\n .rw-card:nth-child(2) { animation-delay: .1s; }\n .rw-card:nth-child(3) { animation-delay: .15s; }\n .rw-card:nth-child(4) { animation-delay: .2s; }\n .rw-card:nth-child(5) { animation-delay: .25s; }\n .rw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rw-fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rw-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123947815289,"sku":"DI5057","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-eau-de-roche-bio-10-ml-dioter-lifestyle.webp?v=1770805890"},{"product_id":"fleur-de-bach-meleze-bio-10-ml-dioter","title":"Fleur de Bach Mélèze Bio - 10 ml - Dioter","description":"\u003cdiv class=\"lm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"lm-hero\"\u003e\n\u003cdiv class=\"lm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lm-hero-content\"\u003e\n\u003cdiv class=\"lm-badges-top\"\u003e\n\u003cspan class=\"lm-badge\"\u003e🌿 Certifié Bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"lm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"lm-badge\"\u003e🌸 Méthode du Dr. Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"lm-hero-title\"\u003eFleur de Bach Mélèze Bio\u003c\/span\u003e\n\u003cp class=\"lm-subtitle\"\u003eÉlixir floral Larch Dioter - 10 ml\u003c\/p\u003e\n\u003cp class=\"lm-description\"\u003eRetrouvez confiance en vos capacités. Le Mélèze (Larch) est l'élixir de l'estime de soi, de l'optimisme et de l'affirmation personnelle. Élaboré à partir de fleurs sauvages françaises, cueillies avec soin et traitées par solarisation selon la méthode originelle du Dr. Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION BÉNÉFICES (intro enrichie, pas un H2 source) --\u003e\n\u003csection class=\"lm-section\"\u003e\n\u003ch2 class=\"lm-h2-no-source\"\u003e✨ Pourquoi choisir le Mélèze ?\u003c\/h2\u003e\n\u003cp class=\"lm-section-intro\"\u003eLe Mélèze s'adresse à toutes les personnes qui doutent de leurs capacités, se sentent inférieures ou redoutent l'échec. Voici ses bienfaits clés :\u003c\/p\u003e\n\u003cdiv class=\"lm-grid\"\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e💛 Estime de soi\u003c\/h3\u003e\n\u003cp\u003eRenforce la confiance en vos propres compétences et dissipe le sentiment d'infériorité qui vous freine au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🌞 Optimisme retrouvé\u003c\/h3\u003e\n\u003cp\u003eRavive un regard positif sur vos capacités et vous encourage à voir le meilleur en vous, même face aux doutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🦋 Affirmation de soi\u003c\/h3\u003e\n\u003cp\u003eAide à oser prendre des initiatives, à persévérer face aux difficultés et à s'affirmer avec sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"lm-section\"\u003e\n\u003ch2\u003eUne fabrication 100% naturelle et certifiée biologique\u003c\/h2\u003e\n\u003cdiv class=\"lm-grid-compact\"\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🌱 Extraction naturelle\u003c\/h3\u003e\n\u003cp\u003e100% naturelle, sans aucune substance artificielle, dans le respect des traditions originelles du Dr. Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n\u003cp\u003eCertification biologique FR-BIO-01 garantissant une qualité optimale à chaque goutte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eÉlaboré à partir de fleurs sauvages françaises, cueillies avec soin et traitées par solarisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🍇 Base noble\u003c\/h3\u003e\n\u003cp\u003eEau de source pure et cognac biologique utilisé comme conservateur naturel traditionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"lm-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et durée de la cure\u003c\/h2\u003e\n\u003cdiv class=\"lm-timeline\"\u003e\n\u003cdiv class=\"lm-timeline-item\"\u003e\n\u003cdiv class=\"lm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lm-timeline-content\"\u003e\n\u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e, à diluer dans un peu d'eau ou directement sous la langue, \u003cstrong\u003ejusqu'à 4 fois par jour\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-timeline-item\"\u003e\n\u003cdiv class=\"lm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lm-timeline-content\"\u003e\n\u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n\u003cp\u003ePour une action durable, suivez une cure de \u003cstrong\u003e3 semaines à 1 mois\u003c\/strong\u003e. Elle peut être renouvelée si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-timeline-item\"\u003e\n\u003cdiv class=\"lm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lm-timeline-content\"\u003e\n\u003ch3\u003eAlternative pratique\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes dans ½ litre d'eau\u003c\/strong\u003e à boire en plusieurs fois dans la journée. Bien agiter avant chaque prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-tip\"\u003e\n\u003cspan class=\"lm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa cure peut s'adapter à vos besoins émotionnels. Écoutez-vous et ajustez la durée selon votre ressenti personnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"lm-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"lm-grid\"\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eBase pure et naturelle, sélectionnée pour sa qualité et sa neutralité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🍷 Cognac biologique\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel utilisé selon la tradition originelle du Dr. Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🌸 Solarisation de Mélèze\u003c\/h3\u003e\n\u003cp\u003eFleurs de Mélèze (\u003cem\u003eLarix decidua\u003c\/em\u003e) traitées par solarisation pour en capturer l'essence vibratoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 et H2 #5 regroupés en accordéon --\u003e\n\u003csection class=\"lm-section\"\u003e\n\u003ch2\u003eInformations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"lm-grid-compact\"\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e📦 Volume\u003c\/h3\u003e\n\u003cp\u003e10 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e💧 Conditionnement\u003c\/h3\u003e\n\u003cp\u003eFlacon compte-gouttes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique (FR-BIO-01)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-card\"\u003e\n\u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lm-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"lm-accordion\"\u003e\n\u003cdetails class=\"lm-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"lm-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n\u003cdiv class=\"lm-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire n'est pas un médicament. Ne pas dépasser la dose journalière recommandée. Ne pas utiliser en substitution d'un régime alimentaire équilibré. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"lm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"lm-cta-box\"\u003e\n\u003cp\u003e🌸 Libérez votre potentiel intérieur avec la douceur du Mélèze.\u003cbr\u003eRetrouvez confiance, osez et épanouissez-vous pleinement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"lm-disclaimer\"\u003eLes élixirs floraux de Bach ne se substituent pas à un avis médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --lm-cream: #faf7f2;\n --lm-white: #ffffff;\n --lm-primary: #8B6914;\n --lm-primary-dark: #5C4510;\n --lm-primary-light: #f5efe3;\n --lm-secondary: #D4A574;\n --lm-accent: #5A7A3A;\n --lm-text: #1a1a1a;\n --lm-text-light: #5a5a5a;\n --lm-border: #e8e0d4;\n --lm-shadow: 0 4px 24px rgba(90, 60, 10, .08);\n --lm-shadow-lg: 0 12px 48px rgba(90, 60, 10, .15);\n --lm-radius: 20px;\n --lm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lm-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4510 0%, #8B6914 40%, #D4A574 80%, #E8C9A0 100%);\n border-radius: var(--lm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--lm-shadow-lg);\n}\n\n.lm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 40%);\n opacity: 1;\n}\n\n.lm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.lm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--lm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.lm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.lm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.lm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.lm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--lm-primary), var(--lm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.lm-card {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lm-shadow-lg);\n border-color: var(--lm-primary);\n}\n\n.lm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lm-grid-compact .lm-card {\n padding: 1rem;\n}\n\n.lm-grid-compact .lm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lm-grid-compact .lm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lm-primary), var(--lm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.lm-timeline-content {\n flex: 1;\n background: var(--lm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lm-radius-sm);\n box-shadow: var(--lm-shadow);\n}\n\n.lm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lm-timeline-content p {\n font-size: 14px;\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.lm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lm-primary-light);\n border-radius: var(--lm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lm-tip p {\n font-size: 14px;\n color: var(--lm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.lm-accordion {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n box-shadow: var(--lm-shadow);\n overflow: hidden;\n}\n\n.lm-accordion-item {\n border-bottom: 1px solid var(--lm-border);\n margin: 0;\n padding: 0;\n}\n\n.lm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.lm-accordion-header:hover {\n background: var(--lm-primary-light);\n}\n\n.lm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lm-primary);\n transition: transform .2s ease;\n}\n\n.lm-accordion-item[open] .lm-accordion-header::after {\n content: '−';\n}\n\n.lm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.lm-cta-box {\n background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 100%);\n border-radius: var(--lm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.lm-disclaimer {\n font-size: 12px;\n color: var(--lm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .lm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lm-card {\n padding: 1.125rem;\n }\n\n .lm-section {\n margin-bottom: 1.75rem;\n }\n\n .lm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lm-radius-sm);\n }\n\n .lm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lm-grid-compact {\n gap: .625rem;\n }\n\n .lm-grid-compact .lm-card {\n padding: .75rem;\n }\n\n .lm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lm-timeline-content h3 {\n font-size: 14px;\n }\n\n .lm-timeline-content p {\n font-size: 13px;\n }\n\n .lm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lm-card {\n animation: lmFadeInUp .5s ease backwards;\n }\n .lm-card:nth-child(1) { animation-delay: .05s; }\n .lm-card:nth-child(2) { animation-delay: .1s; }\n .lm-card:nth-child(3) { animation-delay: .15s; }\n .lm-card:nth-child(4) { animation-delay: .2s; }\n .lm-card:nth-child(5) { animation-delay: .25s; }\n .lm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .lm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123956400505,"sku":"DI5049","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-meleze-bio-10-ml-dioter-lifestyle.webp?v=1770798966"},{"product_id":"fleur-de-bach-bruyere-bio-10-ml-dioter","title":"Fleur de Bach bruyère bio - 10 ml - Dioter","description":"\u003cdiv class=\"hb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hb-hero\"\u003e\n\u003cdiv class=\"hb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hb-hero-content\"\u003e\n\u003cdiv class=\"hb-badges-top\"\u003e\n\u003cspan class=\"hb-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"hb-badge\"\u003e🇫🇷 Cueillette française\u003c\/span\u003e \u003cspan class=\"hb-badge\"\u003e🌸 Méthode Dr Bach\u003c\/span\u003e \u003cspan class=\"hb-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hb-hero-title\"\u003eFleur de Bach Bruyère Bio\u003c\/span\u003e\n\u003cp class=\"hb-subtitle\"\u003eÉlixir floral Heather - Dioter\u003c\/p\u003e\n\u003cp class=\"hb-description\"\u003eRetrouvez l'écoute authentique, la sérénité intérieure et des relations harmonieuses grâce à cet élixir floral de bruyère, préparé selon la méthode originale du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"hb-section\"\u003e\n\u003ch2\u003eFleur de Bach Heather Bio - Élixir floral de bruyère par Dioter\u003c\/h2\u003e\n\u003cp class=\"hb-section-intro\"\u003eVous ressentez un \u003cstrong\u003ebesoin constant de parler de vous\u003c\/strong\u003e, une difficulté à rester seul ou une tendance à monopoliser les conversations ? La \u003cstrong\u003efleur de Bach Heather\u003c\/strong\u003e (bruyère) est l'élixir floral conçu précisément pour accompagner ces états émotionnels.\u003c\/p\u003e\n\u003cp class=\"hb-section-intro\"\u003ePréparée selon la \u003cstrong\u003eméthode originale du Dr Bach\u003c\/strong\u003e, cette version bio certifiée du laboratoire français \u003cstrong\u003eDioter\u003c\/strong\u003e (gamme Auraflor) vous aide à retrouver une écoute authentique et une sérénité intérieure durable.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"hb-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse la fleur de Bach Heather ?\u003c\/h2\u003e\n\u003cp class=\"hb-section-intro\"\u003eDans la classification du Dr Edward Bach, \u003cstrong\u003eHeather appartient au groupe de la solitude\u003c\/strong\u003e. Cet élixir floral s'adresse aux personnes qui :\u003c\/p\u003e\n\u003cdiv class=\"hb-grid\"\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e😟 Peur de la solitude\u003c\/h3\u003e\n\u003cp\u003eÉprouvent une peur profonde de la solitude et cherchent constamment de la compagnie pour se rassurer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e🗣️ Conversations centrées sur soi\u003c\/h3\u003e\n\u003cp\u003eOnt tendance à ramener chaque conversation à elles-mêmes, à leurs soucis ou à leur santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e💬 Bavardage excessif\u003c\/h3\u003e\n\u003cp\u003eSe montrent excessivement bavardes, au point de fatiguer leur entourage sans s'en rendre compte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e🫶 Besoin d'attention\u003c\/h3\u003e\n\u003cp\u003eRessentent un besoin permanent d'attention et de réassurance de la part des autres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-tip\"\u003e\n\u003cspan class=\"hb-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eEn travaillant sur ces déséquilibres émotionnels, Heather favorise le \u003cstrong\u003erecentrage\u003c\/strong\u003e, l'\u003cstrong\u003eécoute active\u003c\/strong\u003e de l'autre et une véritable \u003cstrong\u003esérénité émotionnelle\u003c\/strong\u003e. Vous apprenez progressivement à offrir de l'empathie plutôt qu'à réclamer de l'attention.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"hb-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'élixir floral Heather bio\u003c\/h2\u003e\n\u003cdiv class=\"hb-grid\"\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e👂 Capacité d'écoute\u003c\/h3\u003e\n\u003cp\u003eDéveloppe votre attention aux besoins des autres. Vous devenez plus présent dans vos échanges.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e🧘 Apaisement intérieur\u003c\/h3\u003e\n\u003cp\u003eRéduit le sentiment de solitude intérieure. Vous vous sentez serein même en étant seul.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e🤝 Relations équilibrées\u003c\/h3\u003e\n\u003cp\u003eFavorise des échanges authentiques. Vos conversations deviennent de véritables dialogues.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e🎯 Recentrage sur soi\u003c\/h3\u003e\n\u003cp\u003eEncourage l'autonomie émotionnelle sans dépendre du regard d'autrui pour se sentir exister.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e💖 Bien-être émotionnel\u003c\/h3\u003e\n\u003cp\u003eSoutient votre équilibre émotionnel global au quotidien pour une vie plus harmonieuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"hb-section\"\u003e\n\u003ch2\u003eComposition et qualité bio\u003c\/h2\u003e\n\u003cp class=\"hb-section-intro\"\u003eCet élixir floral est fabriqué par le \u003cstrong\u003elaboratoire Dioter\u003c\/strong\u003e, spécialiste français des produits naturels de santé. La gamme \u003cstrong\u003eAuraflor\u003c\/strong\u003e se distingue par une \u003cstrong\u003ecueillette française\u003c\/strong\u003e et une certification biologique garantissant l'absence de pesticides et de substances chimiques.\u003c\/p\u003e\n\u003cdiv class=\"hb-grid-compact\"\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eBase pure et naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e🍇 Cognac bio\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel, selon la tradition du Dr Bach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e🌸 Bruyère bio\u003c\/h3\u003e\n\u003cp\u003eInfusion solaire de Calluna vulgaris issue de cueillette française\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-card\"\u003e\n\u003ch3\u003e📦 Flacon 10 ml\u003c\/h3\u003e\n\u003cp\u003eCompte-gouttes pratique pour un dosage précis au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"hb-section\"\u003e\n\u003ch2\u003eComment prendre la fleur de Bach Heather ?\u003c\/h2\u003e\n\u003cp class=\"hb-section-intro\"\u003eLa posologie recommandée pour les fleurs de Bach est simple et accessible à tous :\u003c\/p\u003e\n\u003cdiv class=\"hb-timeline\"\u003e\n\u003cdiv class=\"hb-timeline-item\"\u003e\n\u003cdiv class=\"hb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hb-timeline-content\"\u003e\n\u003ch3\u003eDéposez 4 gouttes\u003c\/h3\u003e\n\u003cp\u003eDirectement sous la langue, ou diluez-les dans un verre d'eau selon votre préférence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-timeline-item\"\u003e\n\u003cdiv class=\"hb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hb-timeline-content\"\u003e\n\u003ch3\u003e4 fois par jour\u003c\/h3\u003e\n\u003cp\u003eAu réveil, avant le déjeuner, dans l'après-midi et au coucher pour une action continue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-timeline-item\"\u003e\n\u003cdiv class=\"hb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hb-timeline-content\"\u003e\n\u003ch3\u003ePendant 3 à 4 semaines\u003c\/h3\u003e\n\u003cp\u003ePoursuivez la prise pendant au minimum 3 à 4 semaines pour apprécier pleinement les effets.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-timeline-item\"\u003e\n\u003cdiv class=\"hb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"hb-timeline-content\"\u003e\n\u003ch3\u003eAssociez jusqu'à 7 fleurs\u003c\/h3\u003e\n\u003cp\u003eVous pouvez associer Heather à 6 autres fleurs de Bach maximum pour un mélange personnalisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-tip\"\u003e\n\u003cspan class=\"hb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe flacon compte-gouttes facilite un dosage précis et une utilisation quotidienne pratique, que vous soyez chez vous ou en déplacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"hb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConseils et précautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"hb-accordion\"\u003e\n\u003cdetails class=\"hb-accordion-item\"\u003e\n\u003csummary class=\"hb-accordion-header\"\u003e⚠️ Précautions importantes\u003c\/summary\u003e\n\u003cdiv class=\"hb-accordion-content mt-3\"\u003e\n\u003cp\u003eLes fleurs de Bach sont des compléments alimentaires naturels. Elles \u003cstrong\u003ene se substituent pas à un traitement médical\u003c\/strong\u003e ni à un suivi psychologique. En cas de doute, consultez votre médecin ou un conseiller agréé en fleurs de Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hb-accordion-item\"\u003e\n\u003csummary class=\"hb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"hb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur pour préserver toute l'intégrité de l'élixir floral.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hb-accordion-item\"\u003e\n\u003csummary class=\"hb-accordion-header\"\u003e🍷 Présence d'alcool\u003c\/summary\u003e\n\u003cdiv class=\"hb-accordion-content mt-3\"\u003e\n\u003cp\u003eCet élixir contient du cognac bio comme conservateur naturel. Il est déconseillé aux femmes enceintes, allaitantes et aux enfants sans avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb-cta-box\"\u003e\n\u003cp\u003eEnvie de retrouver des relations plus harmonieuses et un véritable \u003cstrong\u003ebien-être émotionnel\u003c\/strong\u003e ? 🌸\u003cbr\u003eLa fleur de Bach Heather bio Auraflor est votre alliée naturelle pour cultiver l'empathie et la paix intérieure au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hb-disclaimer\"\u003eLes fleurs de Bach sont des compléments alimentaires. Ne pas dépasser la dose recommandée. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --hb-cream: #FAF6F2;\n --hb-white: #ffffff;\n --hb-primary: #8B6F5C;\n --hb-primary-dark: #5E4638;\n --hb-primary-light: #F3ECE6;\n --hb-secondary: #D4A89A;\n --hb-accent: #C9B8A8;\n --hb-text: #1a1a1a;\n --hb-text-light: #5a5a5a;\n --hb-border: #e8e0d8;\n --hb-shadow: 0 4px 24px rgba(94,70,56,.08);\n --hb-shadow-lg: 0 12px 48px rgba(94,70,56,.15);\n --hb-radius: 20px;\n --hb-radius-sm: 12px;\n}\n\n.hb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hb-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4638 0%, #8B6F5C 40%, #D4A89A 100%);\n border-radius: var(--hb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hb-shadow-lg);\n}\n\n.hb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(212,168,154,.3) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(201,184,168,.25) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: .6;\n}\n\n.hb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hb-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.hb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.hb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.hb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hb-primary), var(--hb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.hb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hb-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.hb-card {\n background: var(--hb-white);\n border-radius: var(--hb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hb-shadow-lg);\n border-color: var(--hb-secondary);\n}\n\n.hb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.hb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hb-grid-compact .hb-card {\n padding: 1rem;\n}\n\n.hb-grid-compact .hb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hb-grid-compact .hb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hb-primary), var(--hb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.hb-timeline-content {\n flex: 1;\n background: var(--hb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hb-radius-sm);\n box-shadow: var(--hb-shadow);\n}\n\n.hb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hb-timeline-content p {\n font-size: 14px;\n color: var(--hb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.hb-testimonial {\n background: var(--hb-white);\n border-radius: var(--hb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hb-shadow);\n border-left: 4px solid var(--hb-primary);\n}\n\n.hb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hb-accordion {\n background: var(--hb-white);\n border-radius: var(--hb-radius);\n box-shadow: var(--hb-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.hb-accordion-item {\n border-bottom: 1px solid var(--hb-border);\n margin: 0;\n padding: 0;\n}\n\n.hb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hb-accordion-header:hover {\n background: var(--hb-primary-light);\n}\n\n.hb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hb-primary);\n transition: transform .2s ease;\n}\n\n.hb-accordion-item[open] .hb-accordion-header::after {\n content: '−';\n}\n\n.hb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hb-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.hb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hb-primary-light);\n border-radius: var(--hb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hb-tip p {\n font-size: 14px;\n color: var(--hb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.hb-cta-box {\n background: linear-gradient(135deg, var(--hb-primary) 0%, var(--hb-primary-dark) 100%);\n border-radius: var(--hb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hb-disclaimer {\n font-size: 12px;\n color: var(--hb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .hb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hb-card {\n padding: 1.125rem;\n }\n\n .hb-section {\n margin-bottom: 1.75rem;\n }\n\n .hb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hb-radius-sm);\n }\n\n .hb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hb-grid-compact {\n gap: .625rem;\n }\n\n .hb-grid-compact .hb-card {\n padding: .75rem;\n }\n\n .hb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hb-timeline-content h3 {\n font-size: 14px;\n }\n\n .hb-timeline-content p {\n font-size: 13px;\n }\n\n .hb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hb-testimonial {\n padding: 1.25rem;\n }\n\n .hb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hb-card {\n animation: hbFadeInUp .5s ease backwards;\n }\n .hb-card:nth-child(1) { animation-delay: .05s; }\n .hb-card:nth-child(2) { animation-delay: .1s; }\n .hb-card:nth-child(3) { animation-delay: .15s; }\n .hb-card:nth-child(4) { animation-delay: .2s; }\n .hb-card:nth-child(5) { animation-delay: .25s; }\n .hb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .hb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123966165369,"sku":"DI5044","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-bruyere-bio-10-ml-dioter-lifestyle.webp?v=1770797493"},{"product_id":"fleur-de-bach-saule-bio-10-ml-dioter","title":"Fleur de Bach Saule Bio - 10 ml - Dioter","description":"\u003cdiv class=\"fb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"fb-hero\"\u003e\n\u003cdiv class=\"fb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fb-hero-content\"\u003e\n\u003cdiv class=\"fb-badges-top\"\u003e\n\u003cspan class=\"fb-badge\"\u003e🌿 Certifié Bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🌸 Méthode Dr Bach\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fb-hero-title\"\u003eFleur de Bach Saule Bio\u003c\/span\u003e\n\u003cp class=\"fb-subtitle\"\u003eÉlixir floral Dioter - 10 ml\u003c\/p\u003e\n\u003cp class=\"fb-description\"\u003eÉlaborée selon la méthode authentique du Dr Bach, cette fleur de Saule bio s'adresse aux personnes éprouvant du ressentiment, de l'amertume ou une tendance à se sentir victimes des circonstances. Un élixir 100 % bio pour apaiser les émotions négatives et encourager l'acceptation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eUn élixir floral pour cultiver la responsabilité personnelle\u003c\/h2\u003e\n\u003cp class=\"fb-section-intro\"\u003eLa Fleur de Saule est particulièrement recommandée à ceux qui ont du mal à pardonner, qui entretiennent une rancune durable ou qui se sentent impuissants face à leur destin.\u003c\/p\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e😤 Ressentiment\u003c\/h3\u003e\n\u003cp\u003eAide à lâcher prise sur l'amertume et la rancœur accumulées au fil du temps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🕊️ Pardon\u003c\/h3\u003e\n\u003cp\u003eFavorise la capacité à pardonner aux autres et à soi-même\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💪 Responsabilité\u003c\/h3\u003e\n\u003cp\u003eEncourage un état d'esprit plus positif et responsable face aux événements\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌱 Acceptation\u003c\/h3\u003e\n\u003cp\u003ePermet d'accueillir les expériences difficiles comme faisant partie du parcours personnel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eUne composition naturelle d'exception\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌾 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eCueillies et solarisées selon la méthode originelle du Dr Bach, dans le respect du vivant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🍃 Certification biologique\u003c\/h3\u003e\n\u003cp\u003eCertifié FR-BIO-01, sans produits chimiques ni conservateurs artificiels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🍷 Base naturelle\u003c\/h3\u003e\n\u003cp\u003eEau et cognac bio garantissant une conservation naturelle et authentique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eUtilisation et durée de la cure\u003c\/h2\u003e\n\u003cdiv class=\"fb-timeline\"\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003ePrise classique\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e5 gouttes, plusieurs fois par jour\u003c\/strong\u003e, à diluer dans un peu d'eau ou directement sous la langue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eApproche continue\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans ½ litre d'eau minérale et consommez en \u003cstrong\u003e4 à 5 prises\u003c\/strong\u003e au cours de la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e3 semaines à 1 mois\u003c\/strong\u003e, renouvelable selon les besoins émotionnels ou sur avis d'un professionnel de santé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-tip\"\u003e\n\u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa régularité favorise un travail en profondeur sur les schémas émotionnels liés au ressentiment et à la responsabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"fb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConditionnement et précautions\u003c\/h2\u003e\n\u003cdiv class=\"fb-accordion\"\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n\u003cp\u003eFlacon compte-gouttes de 10 ml - Produit certifié bio, fabriqué par Dioter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n\u003cp\u003eNe se substitue pas à un traitement médical ou à une alimentation équilibrée. À tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"fb-disclaimer\"\u003eCe produit ne se substitue pas à un traitement médical. Demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --fb-cream: #faf7f2;\n --fb-white: #ffffff;\n --fb-primary: #C4A265;\n --fb-primary-dark: #5B4A2E;\n --fb-primary-light: #f5efe4;\n --fb-secondary: #D4967A;\n --fb-accent: #A68B5B;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8e0d4;\n --fb-shadow: 0 4px 24px rgba(91,74,46,.08);\n --fb-shadow-lg: 0 12px 48px rgba(91,74,46,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #5B4A2E 0%, #8B7345 40%, #C4A265 70%, #D4967A 100%);\n border-radius: var(--fb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,150,122,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.fb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.fb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fb-card {\n padding: 1.125rem;\n }\n\n .fb-section {\n margin-bottom: 1.75rem;\n }\n\n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n\n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fb-grid-compact {\n gap: .625rem;\n }\n\n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n\n .fb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\n }\n\n .fb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123983040889,"sku":"DI5068","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-saule-bio-10-ml-dioter-lifestyle.webp?v=1770887840"},{"product_id":"fleur-de-bach-avoine-sauvage-bio-10-ml-dioter","title":"Fleur de Bach Avoine sauvage bio - 10 ml - Dioter","description":"\u003cdiv class=\"wo-premium\"\u003e\n\u003cdiv class=\"wo-hero\"\u003e\n\u003cdiv class=\"wo-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"wo-hero-content\"\u003e\n\u003cdiv class=\"wo-badges-top\"\u003e\n\u003cspan class=\"wo-badge\"\u003e🌾 Avoine sauvage\u003c\/span\u003e \u003cspan class=\"wo-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e \u003cspan class=\"wo-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"wo-hero-title\"\u003eFleur de Bach Avoine sauvage bio\u003c\/span\u003e\n\u003cp class=\"wo-subtitle\"\u003eÉlixir floral Dioter - Méthode authentique du Dr Bach\u003c\/p\u003e\n\u003cp class=\"wo-description\"\u003eUne essence florale biologique pour retrouver clarté, sens et direction de vie dans les moments de doute existentiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"wo-section\"\u003e\n\u003ch2\u003eUn soutien naturel pour clarifier ses objectifs\u003c\/h2\u003e\n\u003cp class=\"wo-section-intro\"\u003eL'élixir d'Avoine Sauvage est particulièrement recommandé pour ceux qui ressentent une forme d'errance intérieure, une difficulté à s'ancrer dans un projet ou une voie professionnelle.\u003c\/p\u003e\n\u003cdiv class=\"wo-grid\"\u003e\n\u003cdiv class=\"wo-card\"\u003e\n\u003ch3\u003e🧭 Retrouver sa direction\u003c\/h3\u003e\n\u003cp\u003eAccompagne les personnes en quête de sens, d'orientation ou de vocation lorsque les choix de vie semblent flous ou multiples.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-card\"\u003e\n\u003ch3\u003e🔥 Révéler ses passions\u003c\/h3\u003e\n\u003cp\u003eFavorise l'émergence de passions authentiques et stimule une meilleure compréhension de soi pour des décisions alignées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-card\"\u003e\n\u003ch3\u003e🕊️ Sérénité décisionnelle\u003c\/h3\u003e\n\u003cp\u003ePermet des prises de décision plus sereines grâce à une formulation 100 % naturelle qui apaise le doute existentiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"wo-section\"\u003e\n\u003ch2\u003eUne fabrication respectueuse et certifiée bio\u003c\/h2\u003e\n\u003cdiv class=\"wo-grid-compact\"\u003e\n\u003cdiv class=\"wo-card\"\u003e\n\u003ch3\u003e🌸 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eCueillies avec soin dans leur habitat naturel pour une qualité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-card\"\u003e\n\u003ch3\u003e☀️ Solarisation artisanale\u003c\/h3\u003e\n\u003cp\u003eProcédé fidèle à l'esprit originel du Docteur Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-card\"\u003e\n\u003ch3\u003e✅ Label FR-BIO-01\u003c\/h3\u003e\n\u003cp\u003eCertification biologique garantie, sans additif ni traitement chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-card\"\u003e\n\u003ch3\u003e🍃 Concentré de nature\u003c\/h3\u003e\n\u003cp\u003eRespectueux de l'environnement et de votre équilibre émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"wo-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"wo-timeline\"\u003e\n\u003cdiv class=\"wo-timeline-item\"\u003e\n\u003cdiv class=\"wo-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"wo-timeline-content\"\u003e\n\u003ch3\u003ePrise directe\u003c\/h3\u003e\n\u003cp\u003eDiluer 5 gouttes dans un fond de verre d'eau ou les déposer directement sous la langue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-timeline-item\"\u003e\n\u003cdiv class=\"wo-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"wo-timeline-content\"\u003e\n\u003ch3\u003eFréquence\u003c\/h3\u003e\n\u003cp\u003eRenouveler plusieurs fois par jour selon les besoins ou les recommandations d'un professionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-timeline-item\"\u003e\n\u003cdiv class=\"wo-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"wo-timeline-content\"\u003e\n\u003ch3\u003eAlternative tout au long de la journée\u003c\/h3\u003e\n\u003cp\u003eVerser 25 gouttes dans ½ litre d'eau minérale non gazeuse, à consommer en 4 à 5 prises tout au long de la journée. Bien agiter avant chaque prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wo-tip\"\u003e\n\u003cspan class=\"wo-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un usage prolongé, n'hésitez pas à consulter un conseiller en fleurs de Bach ou un naturopathe afin d'adapter le protocole à vos besoins spécifiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"wo-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"wo-accordion\"\u003e\n\u003cdetails open=\"\" class=\"wo-accordion-item\"\u003e\n\u003csummary class=\"wo-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"wo-accordion-content mt-3\"\u003e\n\u003cp\u003eEau, Cognac biologique, Solarisation de fleur – Avoine sauvage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"wo-accordion-item\"\u003e\n\u003csummary class=\"wo-accordion-header\"\u003e🌱 Certification\u003c\/summary\u003e\n\u003cdiv class=\"wo-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit issu de l'Agriculture Biologique – Certifié par FR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"wo-section\"\u003e\n\u003cdiv class=\"wo-cta-box\"\u003e\n\u003cp\u003e🌾 Retrouvez votre cap intérieur avec l'Avoine Sauvage bio - l'élixir floral de la clarté et de la vocation, fidèle à la méthode du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"wo-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --wo-cream: #FAF6F1;\n --wo-white: #ffffff;\n --wo-primary: #8B7355;\n --wo-primary-dark: #5E4B33;\n --wo-primary-light: #F3EDE5;\n --wo-secondary: #D4A574;\n --wo-accent: #C9956B;\n --wo-text: #1a1a1a;\n --wo-text-light: #5a5a5a;\n --wo-border: #E8DFCF;\n --wo-shadow: 0 4px 24px rgba(94,75,51,.08);\n --wo-shadow-lg: 0 12px 48px rgba(94,75,51,.15);\n --wo-radius: 20px;\n --wo-radius-sm: 12px;\n}\n\n.wo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--wo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.wo-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4B33 0%, #8B7355 40%, #D4A574 100%);\n border-radius: var(--wo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--wo-shadow-lg);\n}\n\n.wo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 45%);\n opacity: 1;\n}\n\n.wo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.wo-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.wo-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.wo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 580px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.wo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.wo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--wo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.wo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.wo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.wo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--wo-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.wo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--wo-primary), var(--wo-secondary));\n border-radius: 2px;\n}\n\n.wo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--wo-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.wo-card {\n background: var(--wo-white);\n border-radius: var(--wo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--wo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.wo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--wo-shadow-lg);\n border-color: var(--wo-primary);\n}\n\n.wo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--wo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.wo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--wo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.wo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.wo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.wo-grid-compact .wo-card {\n padding: 1rem;\n}\n\n.wo-grid-compact .wo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.wo-grid-compact .wo-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.wo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.wo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.wo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--wo-primary), var(--wo-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.wo-timeline-content {\n flex: 1;\n background: var(--wo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--wo-radius-sm);\n box-shadow: var(--wo-shadow);\n}\n\n.wo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--wo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.wo-timeline-content p {\n font-size: 14px;\n color: var(--wo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.wo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--wo-primary-light);\n border-radius: var(--wo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.wo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.wo-tip p {\n font-size: 14px;\n color: var(--wo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.wo-testimonial {\n background: var(--wo-white);\n border-radius: var(--wo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--wo-shadow);\n border-left: 4px solid var(--wo-primary);\n}\n\n.wo-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--wo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.wo-accordion {\n background: var(--wo-white);\n border-radius: var(--wo-radius);\n box-shadow: var(--wo-shadow);\n overflow: hidden;\n}\n\n.wo-accordion-item {\n border-bottom: 1px solid var(--wo-border);\n margin: 0;\n padding: 0;\n}\n\n.wo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.wo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--wo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.wo-accordion-header:hover {\n background: var(--wo-primary-light);\n}\n\n.wo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.wo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--wo-primary);\n transition: transform .2s ease;\n}\n\n.wo-accordion-item[open] .wo-accordion-header::after {\n content: '−';\n}\n\n.wo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--wo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.wo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.wo-cta-box {\n background: linear-gradient(135deg, var(--wo-primary) 0%, var(--wo-primary-dark) 100%);\n border-radius: var(--wo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.wo-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.wo-disclaimer {\n font-size: 12px;\n color: var(--wo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .wo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .wo-card {\n padding: 1.125rem;\n }\n\n .wo-section {\n margin-bottom: 1.75rem;\n }\n\n .wo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--wo-radius-sm);\n }\n\n .wo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .wo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .wo-grid-compact {\n gap: .625rem;\n }\n\n .wo-grid-compact .wo-card {\n padding: .75rem;\n }\n\n .wo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .wo-timeline-content {\n padding: .875rem 1rem;\n }\n\n .wo-timeline-content h3 {\n font-size: 14px;\n }\n\n .wo-timeline-content p {\n font-size: 13px;\n }\n\n .wo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .wo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .wo-testimonial {\n padding: 1.25rem;\n }\n\n .wo-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .wo-card {\n animation: woFadeInUp .5s ease backwards;\n }\n .wo-card:nth-child(1) { animation-delay: .05s; }\n .wo-card:nth-child(2) { animation-delay: .1s; }\n .wo-card:nth-child(3) { animation-delay: .15s; }\n .wo-card:nth-child(4) { animation-delay: .2s; }\n .wo-card:nth-child(5) { animation-delay: .25s; }\n .wo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes woFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .wo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55123996803449,"sku":"DI5066","price":6.39,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-avoine-sauvage-bio-10-ml-dioter-lifestyle_2e460437-6dd1-401d-a9a1-25b6199bd500.webp?v=1770886589"},{"product_id":"fleur-de-bach-prunus-bio-10-ml-dioter","title":"Fleur de Bach Prunus Bio - 10 ml - Dioter","description":"\u003cdiv class=\"fb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"fb-hero\"\u003e\n\u003cdiv class=\"fb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fb-hero-content\"\u003e\n\u003cdiv class=\"fb-badges-top\"\u003e\n\u003cspan class=\"fb-badge\"\u003e🌸 Fleur de Bach n°6\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🇫🇷 Méthode Dr. Bach\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fb-hero-title\"\u003eFleur de Bach Prunus Bio\u003c\/span\u003e\n\u003cp class=\"fb-subtitle\"\u003eÉlixir floral Cherry Plum · 10 ml · Dioter\u003c\/p\u003e\n\u003cp class=\"fb-description\"\u003eEssence florale naturelle de \u003cem\u003ePrunus Cerasifera\u003c\/em\u003e, élaborée selon la méthode originale du Dr. Bach, réputée pour favoriser le retour à la paix intérieure, le lâcher-prise et la maîtrise émotionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003ePour qui est cette essence florale ?\u003c\/h2\u003e\n\u003cp class=\"fb-section-intro\"\u003eCet élixir floral s'adresse à toutes les personnes en quête de sérénité et de maîtrise émotionnelle.\u003c\/p\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e😰 Peurs incontrôlables\u003c\/h3\u003e\n\u003cp\u003ePour les personnes sujettes à des peurs irrationnelles ou des angoisses profondes qui semblent impossibles à maîtriser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌊 Émotions débordantes\u003c\/h3\u003e\n\u003cp\u003eIdéale lorsque les émotions submergent et qu'on craint de perdre le contrôle de ses réactions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🧘 Stress intense\u003c\/h3\u003e\n\u003cp\u003eParfaite pour accompagner les périodes de tension psychologique intense, en aidant à rétablir un état d'esprit serein et confiant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eUne cure douce et naturelle\u003c\/h2\u003e\n\u003cdiv class=\"fb-timeline\"\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gouttes plusieurs fois par jour\u003c\/strong\u003e, diluées dans un fond d'eau ou directement sous la langue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003eLa Fleur de Bach Prunus peut s'utiliser en cure de \u003cstrong\u003eplusieurs jours à plusieurs semaines\u003c\/strong\u003e selon vos besoins individuels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eUtilisation prolongée\u003c\/h3\u003e\n\u003cp\u003ePour une utilisation au long cours, préparez votre dose quotidienne dans une bouteille d'eau minérale à siroter tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-tip\"\u003e\n\u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour une action optimale, laissez les gouttes quelques instants sous la langue avant d'avaler, afin de favoriser une absorption sublinguale rapide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eUne qualité biologique certifiée\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌱 Agriculture biologique\u003c\/h3\u003e\n\u003cp\u003eCertifié FR-BIO-01, issu de cultures respectueuses de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e☀️ Extraction naturelle\u003c\/h3\u003e\n\u003cp\u003eSolarisation 100 % naturelle, respectueuse de l'intégrité vibratoire de la fleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n\u003cp\u003eAucun additif ni conservateur non naturel ajouté à la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💧 Flacon pratique\u003c\/h3\u003e\n\u003cp\u003eConditionné en flacon compte-gouttes de 10 ml pour un usage quotidien facile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 \u0026 #5 regroupés en accordéon --\u003e\n\u003csection class=\"fb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"fb-accordion\"\u003e\n\u003cdetails class=\"fb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e🧪 Liste des ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n\u003cp\u003eEau, Cognac biologique (conservateur naturel), solarisation de fleur de Prunus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e⚠️ Précautions d'utilisation\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation équilibrée. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"fb-disclaimer\"\u003eLes fleurs de Bach sont des compléments alimentaires et ne remplacent pas un avis médical professionnel.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fb-cream: #FDF8F0;\n --fb-white: #ffffff;\n --fb-primary: #A07830;\n --fb-primary-dark: #6B4F1D;\n --fb-primary-light: #F8F0E0;\n --fb-secondary: #E8B4B8;\n --fb-accent: #D4918E;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #E8DFD0;\n --fb-shadow: 0 4px 24px rgba(107, 79, 29, .08);\n --fb-shadow-lg: 0 12px 48px rgba(107, 79, 29, .15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #6B4F1D 0%, #A07830 40%, #D4918E 80%, #E8B4B8 100%);\n border-radius: var(--fb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(232,180,184,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.fb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n.fb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.fb-testimonial {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fb-card {\n padding: 1.125rem;\n }\n\n .fb-section {\n margin-bottom: 1.75rem;\n }\n\n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n\n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fb-grid-compact {\n gap: .625rem;\n }\n\n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n\n .fb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\n }\n\n .fb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fb-testimonial {\n padding: 1.25rem;\n }\n\n .fb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55124049166713,"sku":"DI5036","price":6.39,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-prunus-bio-10-ml-dioter-lifestyle.webp?v=1770717861"},{"product_id":"fleur-de-bach-marronier-rouge-bio-10-ml-dioter","title":"Fleur de Bach Marronier Rouge Bio - 10 ml - Dioter","description":"\u003cdiv class=\"rc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"rc-hero\"\u003e\n\u003cdiv class=\"rc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rc-hero-content\"\u003e\n\u003cdiv class=\"rc-badges-top\"\u003e\n\u003cspan class=\"rc-badge\"\u003e🌿 Certifié Bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"rc-badge\"\u003e🌸 Méthode Dr Bach\u003c\/span\u003e \u003cspan class=\"rc-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"rc-hero-title\"\u003eFleur de Bach Marronnier Rouge Bio\u003c\/span\u003e\n\u003cp class=\"rc-subtitle\"\u003eÉlixir floral Dioter - 10 ml\u003c\/p\u003e\n\u003cp class=\"rc-description\"\u003eUn élixir floral 100 % naturel et certifié biologique, conçu selon la méthode originelle du Dr Bach à partir de fleurs sauvages françaises, pour rétablir l'équilibre émotionnel en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"rc-section\"\u003e\n\u003ch2\u003ePour qui ?\u003c\/h2\u003e\n\u003cp class=\"rc-section-intro\"\u003eLe Marronnier rouge (Red Chestnut) s'adresse aux personnes sensibles, sujettes à une anxiété excessive concernant leurs proches.\u003c\/p\u003e\n\u003cdiv class=\"rc-grid-compact\"\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e😟 Inquiétude pour les autres\u003c\/h3\u003e\n\u003cp\u003eVous vous faites du souci de manière démesurée pour le bien-être ou la sécurité de vos proches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e🧠 Anxiété anticipatrice\u003c\/h3\u003e\n\u003cp\u003eVous imaginez souvent le pire pour ceux que vous aimez, même sans raison objective.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e🕊️ Retrouver la paix intérieure\u003c\/h3\u003e\n\u003cp\u003eCet élixir vous aide à lâcher prise et à développer la confiance dans la capacité de chacun à faire face à ses propres défis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e💛 Confiance retrouvée\u003c\/h3\u003e\n\u003cp\u003eApprenez à accompagner vos proches avec sérénité plutôt qu'avec crainte et surprotection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"rc-section\"\u003e\n\u003ch2\u003eUn élixir floral bio et authentique\u003c\/h2\u003e\n\u003cdiv class=\"rc-grid\"\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e🧪 Méthode traditionnelle du Dr Bach\u003c\/h3\u003e\n\u003cp\u003ePréparé fidèlement selon le protocole originel du pionnier des élixirs floraux, garantissant authenticité et efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e🌾 Fleurs sauvages françaises\u003c\/h3\u003e\n\u003cp\u003eIssues de la nature française, les fleurs sont soigneusement cueillies à la main pour préserver toute leur énergie vitale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e🍃 Extraction 100 % naturelle\u003c\/h3\u003e\n\u003cp\u003eAucun additif chimique, aucun conservateur artificiel. Un processus de solarisation respectueux et authentique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e✅ Certifié biologique\u003c\/h3\u003e\n\u003cp\u003eCertification FR-BIO-01 attestant du respect des normes les plus strictes de l'Agriculture Biologique européenne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"rc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"rc-timeline\"\u003e\n\u003cdiv class=\"rc-timeline-item\"\u003e\n\u003cdiv class=\"rc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"rc-timeline-content\"\u003e\n\u003ch3\u003ePrise ponctuelle\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un peu d'eau ou déposez-les directement sous la langue, plusieurs fois par jour si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-timeline-item\"\u003e\n\u003cdiv class=\"rc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"rc-timeline-content\"\u003e\n\u003ch3\u003eCure continue\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale non gazeuse, à consommer en 4 ou 5 prises tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-timeline-item\"\u003e\n\u003cdiv class=\"rc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"rc-timeline-content\"\u003e\n\u003ch3\u003eAgiter avant chaque prise\u003c\/h3\u003e\n\u003cp\u003ePensez à bien agiter la bouteille avant chaque utilisation pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-tip\"\u003e\n\u003cspan class=\"rc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa \u003cstrong\u003edurée de la cure\u003c\/strong\u003e peut varier selon les besoins, mais une utilisation sur plusieurs semaines est souvent recommandée pour ressentir pleinement les bienfaits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"rc-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"rc-composition-box\"\u003e\n\u003cp\u003eEau, cognac biologique, solarisation de fleur - \u003cem\u003eMarronnier Rouge\u003c\/em\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 \u0026 #6 regroupés en accordéon --\u003e\n\u003csection class=\"rc-section\"\u003e\n\u003ch2\u003eConditionnement et certification\u003c\/h2\u003e\n\u003cdiv class=\"rc-grid-compact\"\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e💧 Flacon compte-gouttes\u003c\/h3\u003e\n\u003cp\u003e10 ml avec pipette de précision\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e🌱 Agriculture Biologique\u003c\/h3\u003e\n\u003cp\u003eProduit certifié bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e🏅 FR-BIO-01\u003c\/h3\u003e\n\u003cp\u003eCertification européenne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-card\"\u003e\n\u003ch3\u003e💰 TVA réduite\u003c\/h3\u003e\n\u003cp\u003e5,5 % applicable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"rc-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"rc-accordion\"\u003e\n\u003cdetails open=\"\" class=\"rc-accordion-item\"\u003e\n\u003csummary class=\"rc-accordion-header\"\u003e⚠️ Mentions légales et précautions\u003c\/summary\u003e\n\u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire n'est pas un médicament. Ne pas dépasser la dose journalière indiquée. Ne doit pas être utilisé comme substitut à une alimentation équilibrée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"rc-section\"\u003e\n\u003cdiv class=\"rc-cta-box\"\u003e\n\u003cp\u003e🌸 Retrouvez la sérénité et la confiance grâce à la sagesse des fleurs de Bach. Un geste simple, naturel et bio pour apaiser vos inquiétudes au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"rc-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --rc-cream: #FBF7F2;\n --rc-white: #ffffff;\n --rc-primary: #8B6914;\n --rc-primary-dark: #5C4510;\n --rc-primary-light: #F5EDE0;\n --rc-secondary: #D4A574;\n --rc-accent: #E8B4B8;\n\n --rc-text: #1a1a1a;\n --rc-text-light: #5a5a5a;\n\n --rc-border: #e8e0d6;\n --rc-shadow: 0 4px 24px rgba(90, 60, 10, .07);\n --rc-shadow-lg: 0 12px 48px rgba(90, 60, 10, .14);\n --rc-radius: 20px;\n --rc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rc-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4510 0%, #8B6914 40%, #D4A574 75%, #E8B4B8 100%);\n border-radius: var(--rc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rc-shadow-lg);\n}\n\n.rc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(232,180,184,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.rc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.rc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.rc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rc-primary), var(--rc-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.rc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rc-card {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rc-shadow-lg);\n border-color: var(--rc-primary);\n}\n\n.rc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.rc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rc-grid-compact .rc-card {\n padding: 1rem;\n}\n\n.rc-grid-compact .rc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rc-grid-compact .rc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rc-primary), var(--rc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rc-timeline-content {\n flex: 1;\n background: var(--rc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rc-radius-sm);\n box-shadow: var(--rc-shadow);\n}\n\n.rc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rc-timeline-content p {\n font-size: 14px;\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.rc-composition-box {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n text-align: center;\n border: 2px solid var(--rc-primary-light);\n}\n\n.rc-composition-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIP BOX === *\/\n.rc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rc-primary-light);\n border-radius: var(--rc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rc-tip p {\n font-size: 14px;\n color: var(--rc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.rc-testimonial {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n border-left: 4px solid var(--rc-primary);\n}\n\n.rc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rc-accordion {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n box-shadow: var(--rc-shadow);\n overflow: hidden;\n}\n\n.rc-accordion-item {\n border-bottom: 1px solid var(--rc-border);\n margin: 0;\n padding: 0;\n}\n\n.rc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rc-accordion-header:hover {\n background: var(--rc-primary-light);\n}\n\n.rc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rc-primary);\n transition: transform .2s ease;\n}\n\n.rc-accordion-item[open] .rc-accordion-header::after {\n content: '−';\n}\n\n.rc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rc-cta-box {\n background: linear-gradient(135deg, var(--rc-primary) 0%, var(--rc-primary-dark) 100%);\n border-radius: var(--rc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.rc-disclaimer {\n font-size: 12px;\n color: var(--rc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rc-card {\n padding: 1.125rem;\n }\n\n .rc-section {\n margin-bottom: 1.75rem;\n }\n\n .rc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rc-radius-sm);\n }\n\n .rc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rc-grid-compact {\n gap: .625rem;\n }\n\n .rc-grid-compact .rc-card {\n padding: .75rem;\n }\n\n .rc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rc-timeline-content h3 {\n font-size: 14px;\n }\n\n .rc-timeline-content p {\n font-size: 13px;\n }\n\n .rc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rc-testimonial {\n padding: 1.25rem;\n }\n\n .rc-testimonial-text {\n font-size: 14px;\n }\n\n .rc-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rc-card {\n animation: rcFadeInUp .5s ease backwards;\n }\n .rc-card:nth-child(1) { animation-delay: .05s; }\n .rc-card:nth-child(2) { animation-delay: .1s; }\n .rc-card:nth-child(3) { animation-delay: .15s; }\n .rc-card:nth-child(4) { animation-delay: .2s; }\n .rc-card:nth-child(5) { animation-delay: .25s; }\n .rc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55124130300281,"sku":"DI5055","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-marronier-rouge-bio-10-ml-dioter-lifestyle.webp?v=1770805130"},{"product_id":"fleur-de-bach-chene-bio-10-ml-dioter","title":"Fleur de Bach Chêne bio - 10 ml - Dioter","description":"\u003cdiv class=\"oak-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"oak-hero\"\u003e\n\u003cdiv class=\"oak-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"oak-hero-content\"\u003e\n\u003cdiv class=\"oak-badges-top\"\u003e\n\u003cspan class=\"oak-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"oak-badge\"\u003e🇫🇷 Cueillette française\u003c\/span\u003e \u003cspan class=\"oak-badge\"\u003e💧 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"oak-hero-title\"\u003eFleur de Bach Chêne bio\u003c\/span\u003e\n\u003cp class=\"oak-subtitle\"\u003eÉlixir floral Oak - Auraflor par Laboratoire Dioter\u003c\/p\u003e\n\u003cp class=\"oak-description\"\u003eUn élixir biologique préparé selon la méthode originale du Dr Bach, pour accompagner les personnes persévérantes à retrouver l'équilibre entre force intérieure et lâcher-prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTRO --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003cp class=\"oak-section-intro\"\u003eLa \u003cstrong\u003efleur de Bach Oak (Chêne) d'Auraflor\u003c\/strong\u003e est un élixir floral biologique conçu pour accompagner les personnes persévérantes, souvent poussées à bout par leur propre sens du devoir. Elle s'adresse à ceux qui ne renoncent jamais, même dans l'adversité, mais qui peuvent s'épuiser à force de ne jamais s'arrêter.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003eUne aide précieuse pour reconnaître ses limites\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid\"\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🍃 Favorise le lâcher-prise\u003c\/h3\u003e\n\u003cp\u003eCe concentré naturel, préparé par solarisation selon la méthode du Dr Bach, aide à relâcher la pression et à accepter de ne pas tout contrôler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e💛 Prendre soin de soi sans culpabilité\u003c\/h3\u003e\n\u003cp\u003eIl soutient les personnes fortes et responsables à reconnaître leurs propres besoins de repos, sans sentiment de faiblesse ou de culpabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e⚖️ Retrouver l'équilibre intérieur\u003c\/h3\u003e\n\u003cp\u003eEn acceptant ses limites et ses besoins de régénération, on cultive un équilibre durable entre engagement et préservation de soi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003eUn élixir floral bio issu d'une cueillette responsable\u003c\/h2\u003e\n\u003cdiv class=\"oak-grid-compact\"\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🌱 Bio certifié\u003c\/h3\u003e\n\u003cp\u003eParcelles certifiées en agriculture biologique en France (FR-BIO-01).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🤲 Cueillette délicate\u003c\/h3\u003e\n\u003cp\u003eFleurs de chêne cueillies avec respect pour préserver leurs propriétés vibratoires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e☀️ Méthode par solarisation\u003c\/h3\u003e\n\u003cp\u003ePréparation fidèle à la méthode originale du Dr Edward Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-card\"\u003e\n\u003ch3\u003e🏛️ Laboratoire Dioter\u003c\/h3\u003e\n\u003cp\u003eAuraflor veille au respect de la plante et de son environnement à chaque étape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003eFacile à intégrer au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"oak-testimonial\"\u003e\n\u003cp class=\"oak-testimonial-text\"\u003e\"Son flacon pratique permet un usage discret à tout moment de la journée. Quelques gouttes suffisent pour profiter pleinement de ses bienfaits. Sa formule à base d'eau et de cognac bio permet une conservation optimale et un dosage précis.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-tip\"\u003e\n\u003cspan class=\"oak-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eFormat compact de 10 ml, idéal à glisser dans un sac ou une trousse pour un accès rapide où que vous soyez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"oak-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"oak-timeline\"\u003e\n\u003cdiv class=\"oak-timeline-item\"\u003e\n\u003cdiv class=\"oak-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"oak-timeline-content\"\u003e\n\u003ch3\u003eMéthode rapide\u003c\/h3\u003e\n\u003cp\u003e5 gouttes à diluer dans un fond de verre d'eau ou à déposer directement sous la langue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-timeline-item\"\u003e\n\u003cdiv class=\"oak-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"oak-timeline-content\"\u003e\n\u003ch3\u003eRenouveler selon les besoins\u003c\/h3\u003e\n\u003cp\u003eÀ renouveler plusieurs fois par jour selon les besoins ou la prescription.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oak-timeline-item\"\u003e\n\u003cdiv class=\"oak-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"oak-timeline-content\"\u003e\n\u003ch3\u003eMéthode prolongée\u003c\/h3\u003e\n\u003cp\u003eDiluer 25 gouttes dans ½ litre d'eau minérale non gazeuse, à boire en 4 ou 5 prises dans la journée. Bien agiter avant chaque prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"oak-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"oak-accordion\"\u003e\n\u003cdetails class=\"oak-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eEau\u003c\/strong\u003e — base purifiée de l'élixir\u003cbr\u003e\u003cstrong\u003eCognac biologique\u003c\/strong\u003e — conservateur naturel traditionnel\u003cbr\u003e\u003cstrong\u003eSolarisation de fleur – Chêne\u003c\/strong\u003e (\u003cem\u003eQuercus robur\u003c\/em\u003e) — essence florale active\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"oak-accordion-item\"\u003e\n\u003csummary class=\"oak-accordion-header\"\u003e🌿 Certification\u003c\/summary\u003e\n\u003cdiv class=\"oak-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit issu de l'agriculture biologique – certifié \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"oak-disclaimer\"\u003eLes élixirs floraux ne se substituent pas à un traitement médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --oak-cream: #faf6f0;\n --oak-white: #ffffff;\n --oak-primary: #9e7c2e;\n --oak-primary-dark: #5a4a2a;\n --oak-primary-light: #f5edd9;\n --oak-secondary: #c4956a;\n --oak-accent: #d4a84b;\n --oak-text: #1a1a1a;\n --oak-text-light: #5a5a5a;\n --oak-border: #e8dfc9;\n --oak-shadow: 0 4px 24px rgba(90,74,42,.08);\n --oak-shadow-lg: 0 12px 48px rgba(90,74,42,.15);\n --oak-radius: 20px;\n --oak-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.oak-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--oak-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.oak-premium *, .oak-premium *::before, .oak-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.oak-hero {\n position: relative;\n background: linear-gradient(135deg, #5a4a2a 0%, #9e7c2e 45%, #c4956a 100%);\n border-radius: var(--oak-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--oak-shadow-lg);\n}\n\n.oak-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(212,168,75,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.oak-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.oak-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.oak-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.oak-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.oak-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.oak-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--oak-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.oak-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.oak-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.oak-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--oak-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.oak-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--oak-primary), var(--oak-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.oak-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--oak-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n.oak-section-intro strong {\n color: var(--oak-primary-dark);\n}\n\n\/* === CARDS === *\/\n.oak-card {\n background: var(--oak-white);\n border-radius: var(--oak-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--oak-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.oak-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--oak-shadow-lg);\n border-color: var(--oak-primary);\n}\n\n.oak-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--oak-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.oak-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--oak-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.oak-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.oak-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.oak-grid-compact .oak-card {\n padding: 1rem;\n}\n\n.oak-grid-compact .oak-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.oak-grid-compact .oak-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.oak-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.oak-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.oak-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--oak-primary), var(--oak-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.oak-timeline-content {\n flex: 1;\n background: var(--oak-white);\n padding: 1rem 1.25rem;\n border-radius: var(--oak-radius-sm);\n box-shadow: var(--oak-shadow);\n}\n\n.oak-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--oak-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.oak-timeline-content p {\n font-size: 14px;\n color: var(--oak-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.oak-testimonial {\n background: var(--oak-white);\n border-radius: var(--oak-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--oak-shadow);\n border-left: 4px solid var(--oak-primary);\n}\n\n.oak-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--oak-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.oak-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--oak-primary-light);\n border-radius: var(--oak-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.oak-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.oak-tip p {\n font-size: 14px;\n color: var(--oak-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.oak-accordion {\n background: var(--oak-white);\n border-radius: var(--oak-radius);\n box-shadow: var(--oak-shadow);\n overflow: hidden;\n}\n\n.oak-accordion-item {\n border-bottom: 1px solid var(--oak-border);\n margin: 0;\n padding: 0;\n}\n\n.oak-accordion-item:last-child {\n border-bottom: none;\n}\n\n.oak-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--oak-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.oak-accordion-header:hover {\n background: var(--oak-primary-light);\n}\n\n.oak-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.oak-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--oak-primary);\n transition: transform .2s ease;\n}\n\n.oak-accordion-item[open] .oak-accordion-header::after {\n content: '−';\n}\n\n.oak-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--oak-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.oak-accordion-content p {\n margin: 0;\n}\n\n.oak-accordion-content strong {\n color: var(--oak-primary-dark);\n}\n\n\/* === DISCLAIMER === *\/\n.oak-disclaimer {\n font-size: 12px;\n color: var(--oak-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .oak-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .oak-card {\n padding: 1.125rem;\n }\n\n .oak-section {\n margin-bottom: 1.75rem;\n }\n\n .oak-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--oak-radius-sm);\n }\n\n .oak-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .oak-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .oak-grid-compact {\n gap: .625rem;\n }\n\n .oak-grid-compact .oak-card {\n padding: .75rem;\n }\n\n .oak-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .oak-timeline-content {\n padding: .875rem 1rem;\n }\n\n .oak-timeline-content h3 {\n font-size: 14px;\n }\n\n .oak-timeline-content p {\n font-size: 13px;\n }\n\n .oak-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .oak-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .oak-testimonial {\n padding: 1.25rem;\n }\n\n .oak-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .oak-card {\n animation: oakFadeInUp .5s ease backwards;\n }\n .oak-card:nth-child(1) { animation-delay: .05s; }\n .oak-card:nth-child(2) { animation-delay: .1s; }\n .oak-card:nth-child(3) { animation-delay: .15s; }\n .oak-card:nth-child(4) { animation-delay: .2s; }\n .oak-card:nth-child(5) { animation-delay: .25s; }\n .oak-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes oakFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .oak-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55124194001273,"sku":"DI5052","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-chene-bio-10-ml-dioter-lifestyle.webp?v=1770802730"},{"product_id":"fleur-de-bach-chevrefeuille-bio-10-ml-dioter","title":"Fleur de Bach Chèvrefeuille Bio - 10 ml - Dioter","description":"\u003cdiv class=\"hs-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hs-hero\"\u003e\n\u003cdiv class=\"hs-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hs-hero-content\"\u003e\n\u003cdiv class=\"hs-badges-top\"\u003e\n\u003cspan class=\"hs-badge\"\u003e🌿 Agriculture biologique FR-BIO-01\u003c\/span\u003e \u003cspan class=\"hs-badge\"\u003e🇫🇷 Fleurs sauvages françaises\u003c\/span\u003e \u003cspan class=\"hs-badge\"\u003e☀️ Extraction par solarisation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hs-hero-title\"\u003eFleur de Bach Chèvrefeuille Bio\u003c\/span\u003e\n\u003cp class=\"hs-subtitle\"\u003eÉlixir floral n°16 10 ml - Dioter\u003c\/p\u003e\n\u003cp class=\"hs-description\"\u003eVous restez prisonnier de vos souvenirs ou idéalisez le passé ? La \u003cstrong\u003efleur de Bach chèvrefeuille\u003c\/strong\u003e (Honeysuckle) vous aide à lâcher prise et à vous ouvrir au moment présent. Un allié précieux pour retrouver sérénité et élan au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003eChèvrefeuille fleur de Bach : à qui s'adresse cet élixir ?\u003c\/h2\u003e\n\u003cp class=\"hs-section-intro\"\u003eParmi les 38 élixirs du Dr Edward Bach, le chèvrefeuille occupe une place unique : celle du lien entre passé et présent.\u003c\/p\u003e\n\u003cdiv class=\"hs-grid\"\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🕰️ Nostalgie persistante\u003c\/h3\u003e\n\u003cp\u003eVous repensez sans cesse à des périodes révolues au point de ne plus profiter de l'instant. Le chèvrefeuille transforme cette nostalgie en sagesse apaisée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e💭 Regrets et ruminations\u003c\/h3\u003e\n\u003cp\u003eRessasser des « et si… » freine votre avancée. Cet élixir favorise l'acceptation bienveillante pour libérer votre énergie vers l'avenir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🌱 Difficulté face au changement\u003c\/h3\u003e\n\u003cp\u003eDéménagement, deuil, retraite, séparation : la \u003cstrong\u003efleur de Bach chèvrefeuille\u003c\/strong\u003e soutient votre capacité à accueillir chaque nouveau chapitre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003eBienfaits de la fleur de Bach chèvrefeuille\u003c\/h2\u003e\n\u003cdiv class=\"hs-grid\"\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🧘 Lâcher-prise émotionnel\u003c\/h3\u003e\n\u003cp\u003eCet élixir agit en profondeur sur les attaches émotionnelles qui vous maintiennent tourné vers l'arrière. Vous retrouvez une légèreté intérieure naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🌞 Ancrage dans le présent\u003c\/h3\u003e\n\u003cp\u003eLes \u003cstrong\u003ebienfaits du chèvrefeuille\u003c\/strong\u003e se manifestent par une présence accrue : projets, proches et petits bonheurs du quotidien redeviennent vivants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e💛 Bien-être durable\u003c\/h3\u003e\n\u003cp\u003eEn cure, cette \u003cstrong\u003efleur de Bach anti-stress\u003c\/strong\u003e naturelle contribue à un équilibre émotionnel stable, sans accoutumance ni effet secondaire connu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"hs-timeline\"\u003e\n\u003cdiv class=\"hs-timeline-item\"\u003e\n\u003cdiv class=\"hs-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hs-timeline-content\"\u003e\n\u003ch3\u003ePrise ponctuelle\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e5 gouttes\u003c\/strong\u003e sous la langue ou dans un peu d'eau, \u003cstrong\u003eplusieurs fois par jour\u003c\/strong\u003e lors d'un moment de nostalgie ou de stress émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-timeline-item\"\u003e\n\u003cdiv class=\"hs-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hs-timeline-content\"\u003e\n\u003ch3\u003ePrise sur la durée\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans \u003cem\u003e1\/2 litre d'eau\u003c\/em\u003e non gazeuse, à boire en \u003cstrong\u003e4 à 5 prises\u003c\/strong\u003e réparties dans la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-timeline-item\"\u003e\n\u003cdiv class=\"hs-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hs-timeline-content\"\u003e\n\u003ch3\u003eCure de 3 semaines\u003c\/h3\u003e\n\u003cp\u003eMaintenez la prise quotidienne pendant \u003cstrong\u003e21 jours\u003c\/strong\u003e. Associez cet élixir à d'autres fleurs de Bach selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-tip\"\u003e\n\u003cspan class=\"hs-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePrenez les gouttes à distance des repas. Laissez le liquide quelques secondes sous la langue pour une absorption sublinguale optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003eComposition et fabrication artisanale\u003c\/h2\u003e\n\u003cdiv class=\"hs-grid-compact\"\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n\u003cp\u003eBase neutre de l'élixir floral\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🍇 Cognac biologique\u003c\/h3\u003e\n\u003cp\u003eConservateur 100 % naturel et traditionnel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e🌺 Solarisation de chèvrefeuille\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eLonicera caprifolium\u003c\/em\u003e — fleurs sauvages françaises\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-card\"\u003e\n\u003ch3\u003e✅ Certifié FR-BIO-01\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique européenne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hs-section-intro\" style=\"margin-top: 1.25rem;\"\u003eLa \u003cstrong\u003esolarisation\u003c\/strong\u003e expose les fleurs fraîches au soleil dans de l'eau pure, préservant toute leur énergie vibratoire — sans chaleur artificielle ni solvant chimique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"hs-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"hs-accordion\"\u003e\n\u003cdetails class=\"hs-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"hs-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n\u003cdiv class=\"hs-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire \u003cstrong\u003en'est pas un médicament\u003c\/strong\u003e. Ne pas dépasser la dose recommandée. Contient du cognac : déconseillé aux personnes en sevrage alcoolique. À tenir hors de portée des enfants. Conserver à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"hs-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"hs-cta-box\"\u003e\n\u003cp\u003e🌸 Cessez de regarder en arrière et savourez pleinement le présent. Offrez-vous la douceur du Chèvrefeuille bio — un élixir floral artisanal pour votre équilibre émotionnel au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hs-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --hs-cream: #FDF8F3;\n --hs-white: #ffffff;\n --hs-primary: #A07030;\n --hs-primary-dark: #6B4A1F;\n --hs-primary-light: #F5EDE3;\n --hs-secondary: #D4A574;\n --hs-accent: #E8B4B8;\n --hs-green: #8B9E7E;\n --hs-text: #1a1a1a;\n --hs-text-light: #5a5a5a;\n --hs-border: #E8DDD2;\n --hs-shadow: 0 4px 24px rgba(107, 74, 31, .08);\n --hs-shadow-lg: 0 12px 48px rgba(107, 74, 31, .15);\n --hs-radius: 20px;\n --hs-radius-sm: 12px;\n}\n\n.hs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hs-hero {\n position: relative;\n background: linear-gradient(135deg, #5C3D18 0%, #8B6530 25%, #A07030 45%, #D4A574 70%, #E8B4B8 90%, #F2C8CB 100%);\n border-radius: var(--hs-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hs-shadow-lg);\n}\n\n.hs-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n radial-gradient(circle at 15% 85%, rgba(232, 180, 184, .2) 0%, transparent 45%),\n radial-gradient(circle at 85% 15%, rgba(255, 255, 255, .1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(212, 165, 116, .08) 0%, transparent 60%),\n radial-gradient(ellipse at 30% 20%, rgba(255, 255, 255, .06) 0%, transparent 50%);\n}\n\n.hs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hs-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hs-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.hs-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.hs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hs-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hs-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hs-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.hs-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hs-primary), var(--hs-accent));\n border-radius: 2px;\n}\n\n.hs-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hs-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.hs-card {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hs-shadow-lg);\n border-color: var(--hs-primary);\n}\n\n.hs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hs-grid-compact .hs-card {\n padding: 1rem;\n}\n\n.hs-grid-compact .hs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hs-grid-compact .hs-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hs-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hs-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hs-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hs-primary), var(--hs-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.hs-timeline-content {\n flex: 1;\n background: var(--hs-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hs-radius-sm);\n box-shadow: var(--hs-shadow);\n}\n\n.hs-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hs-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hs-timeline-content p {\n font-size: 14px;\n color: var(--hs-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.hs-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hs-primary-light);\n border-radius: var(--hs-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hs-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hs-tip p {\n font-size: 14px;\n color: var(--hs-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.hs-accordion {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n box-shadow: var(--hs-shadow);\n overflow: hidden;\n}\n\n.hs-accordion-item {\n border-bottom: 1px solid var(--hs-border);\n margin: 0;\n padding: 0;\n}\n\n.hs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hs-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hs-accordion-header:hover {\n background: var(--hs-primary-light);\n}\n\n.hs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hs-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hs-primary);\n transition: transform .2s ease;\n}\n\n.hs-accordion-item[open] .hs-accordion-header::after {\n content: '−';\n}\n\n.hs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hs-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hs-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.hs-cta-box {\n background: linear-gradient(135deg, var(--hs-primary) 0%, var(--hs-primary-dark) 100%);\n border-radius: var(--hs-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hs-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.hs-disclaimer {\n font-size: 12px;\n color: var(--hs-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hs-card {\n padding: 1.125rem;\n }\n\n .hs-section {\n margin-bottom: 1.75rem;\n }\n\n .hs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hs-radius-sm);\n }\n\n .hs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hs-grid-compact {\n gap: .625rem;\n }\n\n .hs-grid-compact .hs-card {\n padding: .75rem;\n }\n\n .hs-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hs-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hs-timeline-content h3 {\n font-size: 14px;\n }\n\n .hs-timeline-content p {\n font-size: 13px;\n }\n\n .hs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hs-testimonial {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hs-card {\n animation: hsFadeInUp .5s ease backwards;\n }\n .hs-card:nth-child(1) { animation-delay: .05s; }\n .hs-card:nth-child(2) { animation-delay: .1s; }\n .hs-card:nth-child(3) { animation-delay: .15s; }\n .hs-card:nth-child(4) { animation-delay: .2s; }\n .hs-card:nth-child(5) { animation-delay: .25s; }\n .hs-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hsFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hs-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55124220707193,"sku":"DI5046","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fleur-de-bach-chevrefeuille-bio-10-ml-dioter-lifestyle.webp?v=1770798562"},{"product_id":"remede-durgence-bio-10-ml-dioter","title":"Remède d'Urgence bio - 10 ml - Dioter","description":"\u003cp\u003eLe \u003cstrong\u003eRemède d'Urgence Bio\u003c\/strong\u003e de Dioter est un élixir floral composé des célèbres Fleurs de Bach, conçu pour aider à affronter sereinement les situations émotionnellement intenses ou stressantes. Que ce soit face à une mauvaise nouvelle, avant un examen important ou lors d'une prise de parole, ce remède apporte un soutien pour retrouver calme, équilibre et sérénité.\u003c\/p\u003e\n\u003ch2\u003eIngrédients clés et leurs bienfaits\u003c\/h2\u003e\n\u003cp\u003eCe mélange unique contient cinq fleurs soigneusement sélectionnées, chacune jouant un rôle précis pour rétablir l’harmonie émotionnelle :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eClematis (Clématite)\u003c\/strong\u003e : Permet de garder les pieds sur terre et d’éviter les rêveries excessives.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCherry Plum (Prunus)\u003c\/strong\u003e : Aide à retrouver le calme et soutient un mental stable, en cas de peur de \" perdre le contrôle\".\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eImpatiens (Impatiente)\u003c\/strong\u003e : Favorise la patience, la douceur et la détente face à l’impatience ou la frustration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStar of Bethleem (Ornithogale ou Étoile de Bethléem)\u003c\/strong\u003e : Apaise après les chocs émotionnels, en apportant réconfort et courage.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRock Rose (Hélianthème)\u003c\/strong\u003e : Encourage la paix intérieure et apaise les peurs, même dans les moments les plus redoutables.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCes fleurs agissent en synergie pour calmer les nerfs, réduire la nervosité et apaiser les tensions liées aux émotions fortes.\u003c\/p\u003e\n\u003ch2\u003eMode de fabrication et qualité\u003c\/h2\u003e\n\u003cp\u003eRespectant fidèlement la méthode originale du \u003cstrong\u003eDocteur Bach\u003c\/strong\u003e, Dioter utilise des fleurs sauvages issues des Pyrénées et de l’Ardèche. Les fleurs sont cueillies à la main, immersées dans de l’eau de source, et exposées au soleil dans des conditions naturelles idéales. Chaque étape de production est réalisée dans des laboratoires experts pour garantir un produit pur et efficace.\u003c\/p\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cp\u003eSimplicité et flexibilité pour un usage au quotidien :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePrendre \u003cstrong\u003e5 gouttes\u003c\/strong\u003e dans un fond de verre d'eau ou sous la langue directement, plusieurs fois par jour selon besoin.\u003c\/li\u003e\n\u003cli\u003ePour une administration étendue : diluer \u003cstrong\u003e25 gouttes\u003c\/strong\u003e dans un demi-litre d'eau minérale non gazeuse, à boire tout au long de la journée en 4 ou 5 prises.\u003c\/li\u003e\n\u003cli\u003eAgiter la préparation avant chaque usage pour activer les propriétés des élixirs.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCe remède peut être utilisé ponctuellement ou en cure, selon la situation et les recommandations d’un professionnel de santé.\u003c\/p\u003e\n\u003ch2\u003eCompositions INCI\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eEau\u003c\/strong\u003e et \u003cstrong\u003eCognac biologique\u003c\/strong\u003e comme base de conservation.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eExtraits solaires de fleurs bio :\u003c\/strong\u003e\u003c\/li\u003e\n\u003cul\u003e\n\u003cli\u003eClematis (Clematis vitalba)\u003c\/li\u003e\n\u003cli\u003eCherry Plum (Prunus cerasifera)\u003c\/li\u003e\n\u003cli\u003eImpatiens (Impatiens glandulifera)\u003c\/li\u003e\n\u003cli\u003eRock Rose (Helianthemum nummularium)\u003c\/li\u003e\n\u003cli\u003eStar of Bethleem (Ornithogallum umbellatum)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/ul\u003e\n\u003cp\u003eToutes les fleurs sont \u003cstrong\u003eissues de l’Agriculture Biologique Française\u003c\/strong\u003e, respectant un haut niveau de qualité et de traçabilité.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir ce produit ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eFabriqué selon la méthode authentique du Dr Bach.\u003c\/li\u003e\n\u003cli\u003eCertifié biologique et élaboré avec des fleurs locales des Pyrénées et de l’Ardèche.\u003c\/li\u003e\n\u003cli\u003eConvient à toute la famille pour une gestion naturelle des émotions.\u003c\/li\u003e\n\u003cli\u003eSans effets secondaires ni accoutumance : un allié sûr et fiable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eEssayez le Remède d'Urgence Bio de Dioter dès aujourd'hui\u003c\/strong\u003e et apportez calme et sérénité à votre quotidien, même face aux moments les plus stressants ou émotionnels.\u003c\/p\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55180797739385,"sku":"DI1101","price":6.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Remede-d-Urgence-bio-10ml-Dioter.webp?v=1746525215"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/2026-05-05-00-00-00-0200.oembed","provider":"Naturellement Bio","version":"1.0","type":"link"}