{"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","url":"https:\/\/www.naturellement-bio.com\/products\/fleur-de-bach-orme-elm-bio-10-ml-dioter","provider":"Naturellement Bio","version":"1.0","type":"link"}