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