{"product_id":"huile-essentielle-d-orange-amere-bio-10-ml-florame","title":"Huile Essentielle d’Orange Amère Bio - 10 ml - Florame","description":"\u003cdiv class=\"oa-premium\"\u003e\n  \u003cdiv class=\"oa-hero\"\u003e\n    \u003cdiv class=\"oa-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"oa-hero-content\"\u003e\n      \u003cdiv class=\"oa-badges-top\"\u003e\n        \u003cspan class=\"oa-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n        \u003cspan class=\"oa-badge\"\u003e🇫🇷 Saint-Rémy-de-Provence\u003c\/span\u003e\n        \u003cspan class=\"oa-badge\"\u003e💧 100% pure \u0026amp; naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"oa-hero-title\"\u003eHuile Essentielle d'Orange Amère Bio\u003c\/span\u003e\n      \u003cp class=\"oa-subtitle\"\u003eFlorame · Citrus aurantium amara · 10 ml\u003c\/p\u003e\n      \u003cp class=\"oa-description\"\u003eUne huile essentielle chémotypée aux notes fraîches, vertes et délicatement amères, distillée à la vapeur traditionnelle à partir de zestes d'oranges méditerranéennes. Un trésor d'aromathérapie pour apaiser, relaxer et vivifier.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"oa-section\"\u003e\n    \u003ch2\u003eHuile essentielle d'orange amère bio Florame : douceur et sérénité en flacon\u003c\/h2\u003e\n    \u003cp class=\"oa-section-intro\"\u003eEnvie de retrouver calme et légèreté au quotidien ? L'huile essentielle d'orange amère bio de Florame est une alliée précieuse pour apaiser les tensions et instaurer une atmosphère sereine chez vous. Obtenue par distillation traditionnelle à la vapeur des zestes d'oranges amères cultivées en Méditerranée, cette huile 100 % pure et naturelle séduit par ses notes fraîches, vertes et légèrement amères, typiques du \u003cem\u003eCitrus aurantium amara\u003c\/em\u003e.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oa-section\"\u003e\n    \u003ch2\u003ePropriétés et bienfaits de l'huile essentielle d'orange amère\u003c\/h2\u003e\n    \u003cp class=\"oa-section-intro\"\u003eRiche en \u003cstrong\u003elinalol\u003c\/strong\u003e, un composant naturel aux vertus calmantes reconnues, cette huile essentielle est particulièrement appréciée pour ses propriétés relaxantes. Elle aide à réduire les tensions nerveuses et favorise un véritable sentiment de bien-être.\u003c\/p\u003e\n    \u003cdiv class=\"oa-grid\"\u003e\n      \u003cdiv class=\"oa-card\"\u003e\n        \u003ch3\u003e🧘 Calmante \u0026amp; apaisante\u003c\/h3\u003e\n        \u003cp\u003eIdéale pour lâcher prise après une journée chargée et retrouver une sérénité profonde.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oa-card\"\u003e\n        \u003ch3\u003e🌸 Relaxante\u003c\/h3\u003e\n        \u003cp\u003eContribue à créer une ambiance douce et rassurante dans votre intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oa-card\"\u003e\n        \u003ch3\u003e✨ Vivifiante\u003c\/h3\u003e\n        \u003cp\u003eSon parfum frais d'agrume rafraîchit l'esprit et réconforte en toute saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oa-card\"\u003e\n        \u003ch3\u003e🍰 Aromatique en cuisine\u003c\/h3\u003e\n        \u003cp\u003eUne seule goutte suffit pour parfumer pâtisseries, desserts et ganaches raffinées.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oa-section\"\u003e\n    \u003ch2\u003eHuile essentielle d'orange amère ou douce : quelle différence ?\u003c\/h2\u003e\n    \u003cdiv class=\"oa-compare\"\u003e\n      \u003cdiv class=\"oa-compare-card\"\u003e\n        \u003ch3\u003e🍊 Orange amère\u003c\/h3\u003e\n        \u003cp\u003eProfil olfactif \u003cstrong\u003ecomplexe, vert et légèrement amer\u003c\/strong\u003e. Effet relaxant plus marqué, caractère aromatique intense et raffiné.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oa-compare-card oa-compare-card--alt\"\u003e\n        \u003ch3\u003e🍋 Orange douce\u003c\/h3\u003e\n        \u003cp\u003eProfil \u003cstrong\u003eplus sucré et fruité\u003c\/strong\u003e. Dimension apaisante similaire, avec des notes plus gourmandes et conviviales.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"oa-tip\"\u003e\n      \u003cspan class=\"oa-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eL'orange amère est le choix idéal pour ceux qui recherchent un effet relaxant plus puissant et une signature olfactive plus raffinée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oa-section\"\u003e\n    \u003ch2\u003eComposition et caractéristiques\u003c\/h2\u003e\n    \u003cdiv class=\"oa-grid-compact\"\u003e\n      \u003cdiv class=\"oa-card\"\u003e\n        \u003ch3\u003e🌿 Ingrédient\u003c\/h3\u003e\n        \u003cp\u003e100 % huile essentielle pure et naturelle d'orange amère biologique (\u003cem\u003eCitrus aurantium amara\u003c\/em\u003e)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oa-card\"\u003e\n        \u003ch3\u003e🧪 Contient\u003c\/h3\u003e\n        \u003cp\u003eLinalol (composant naturel aux vertus apaisantes)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oa-card\"\u003e\n        \u003ch3\u003e💨 Obtention\u003c\/h3\u003e\n        \u003cp\u003eDistillation à la vapeur traditionnelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oa-card\"\u003e\n        \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n        \u003cp\u003eMéditerranée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oa-card\"\u003e\n        \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n        \u003cp\u003eBiologique Ecocert (FR-BIO-01)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oa-card\"\u003e\n        \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n        \u003cp\u003eFlacon compte-gouttes de 10 ml\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oa-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile essentielle d'orange amère bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"oa-timeline\"\u003e\n      \u003cdiv class=\"oa-timeline-item\"\u003e\n        \u003cdiv class=\"oa-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"oa-timeline-content\"\u003e\n          \u003ch3\u003e💊 En complément alimentaire\u003c\/h3\u003e\n          \u003cp\u003e2 à 6 gouttes par jour (45 à 270 mg), à diluer dans une cuillère à café d'huile végétale (olive, colza, amande douce). Usage limité à 2 à 3 jours consécutifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oa-timeline-item\"\u003e\n        \u003cdiv class=\"oa-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"oa-timeline-content\"\u003e\n          \u003ch3\u003e🍮 En cuisine\u003c\/h3\u003e\n          \u003cp\u003eUne goutte dans un yaourt, une ganache ou une pâte à gâteau apporte une note d'agrume fraîche et élégante, parfaite pour sublimer vos desserts.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oa-timeline-item\"\u003e\n        \u003cdiv class=\"oa-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"oa-timeline-content\"\u003e\n          \u003ch3\u003e🌬️ En diffusion atmosphérique\u003c\/h3\u003e\n          \u003cp\u003eQuelques gouttes dans un diffuseur adapté instaurent une ambiance chaleureuse et rassurante dans votre intérieur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oa-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"oa-accordion\"\u003e\n      \u003cdetails class=\"oa-accordion-item\"\u003e\n        \u003csummary class=\"oa-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"oa-accordion-content mt-3\"\u003e\n          \u003cp\u003e• Déconseillée aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e\u003cbr\u003e\n          • Déconseillée aux \u003cstrong\u003eenfants de moins de 7 ans\u003c\/strong\u003e\u003cbr\u003e\n          • À éviter en cas d'\u003cstrong\u003ehypertension\u003c\/strong\u003e sans avis médical préalable\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"oa-accordion-item\"\u003e\n        \u003csummary class=\"oa-accordion-header\"\u003e💊 Usage et posologie\u003c\/summary\u003e\n        \u003cdiv class=\"oa-accordion-content mt-3\"\u003e\n          \u003cp\u003e• Ne pas dépasser la dose journalière recommandée\u003cbr\u003e\n          • Demandez conseil à un professionnel de santé en cas de traitement médical en cours\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"oa-accordion-item\"\u003e\n        \u003csummary class=\"oa-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"oa-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir 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    \u003cp class=\"oa-disclaimer\"\u003eCe produit est un complément alimentaire et ne se substitue pas à une alimentation variée, équilibrée, ni à un traitement médical. En cas de doute, consultez votre médecin.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"oa-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n    \u003cdiv class=\"oa-cta-box\"\u003e\n      \u003cp\u003eDepuis Saint-Rémy-de-Provence, Florame cultive depuis plus de \u003cstrong\u003e30 ans\u003c\/strong\u003e un savoir-faire reconnu dans l'aromathérapie biologique. Chaque huile essentielle est \u003cstrong\u003echémotypée, tracée et contrôlée\u003c\/strong\u003e pour garantir une pureté irréprochable. Avec cette huile essentielle d'orange amère bio, vous choisissez un produit authentique, respectueux de la nature et de votre bien-être.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --oa-cream: #f8f6ee;\n  --oa-white: #ffffff;\n  --oa-primary: #8cb341;\n  --oa-primary-dark: #5a7a28;\n  --oa-primary-light: #eaf2d6;\n  --oa-secondary: #e8a93c;\n  --oa-accent: #d97a2b;\n  --oa-text: #2a2d1f;\n  --oa-text-light: #5f6552;\n  --oa-border: #e0ddd0;\n  --oa-shadow: 0 4px 24px rgba(90,122,40,.08);\n  --oa-shadow-lg: 0 12px 48px rgba(90,122,40,.18);\n  --oa-radius: 20px;\n  --oa-radius-sm: 12px;\n}\n\n.oa-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--oa-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--oa-text);\n}\n\n.oa-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8cb341 0%, #b8d268 50%, #e8a93c 100%);\n  border-radius: var(--oa-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(--oa-shadow-lg);\n}\n\n.oa-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 3px),\n                    radial-gradient(circle at 70% 60%, #fff 2px, transparent 3px),\n                    radial-gradient(circle at 40% 80%, #fff 2px, transparent 3px);\n  background-size: 80px 80px, 120px 120px, 100px 100px;\n}\n\n.oa-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.oa-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.oa-subtitle {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  font-style: italic;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.oa-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n  text-shadow: 0 1px 6px rgba(0,0,0,.1);\n}\n\n.oa-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.oa-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(--oa-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.oa-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.oa-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.oa-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--oa-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.oa-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(--oa-primary), var(--oa-secondary));\n  border-radius: 2px;\n}\n\n.oa-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--oa-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.oa-section-intro strong {\n  color: var(--oa-primary-dark);\n}\n\n.oa-card {\n  background: var(--oa-white);\n  border-radius: var(--oa-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--oa-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.oa-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--oa-shadow-lg);\n  border-color: var(--oa-primary);\n}\n\n.oa-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--oa-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.oa-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--oa-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.oa-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.25rem;\n}\n\n.oa-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.oa-grid-compact .oa-card {\n  padding: 1rem;\n  text-align: left;\n}\n\n.oa-grid-compact .oa-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.oa-grid-compact .oa-card p {\n  font-size: 12.5px;\n}\n\n.oa-compare {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.oa-compare-card {\n  background: var(--oa-white);\n  border-radius: var(--oa-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--oa-shadow);\n  border-top: 5px solid var(--oa-primary);\n  transition: all .3s ease;\n}\n\n.oa-compare-card--alt {\n  border-top-color: var(--oa-secondary);\n}\n\n.oa-compare-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--oa-shadow-lg);\n}\n\n.oa-compare-card h3 {\n  font-size: clamp(16px, 2.8vw, 19px);\n  font-weight: 800;\n  color: var(--oa-primary-dark);\n  margin: 0 0 .625rem 0;\n}\n\n.oa-compare-card p {\n  font-size: clamp(14px, 2.2vw, 15px);\n  color: var(--oa-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.oa-compare-card p strong {\n  color: var(--oa-text);\n}\n\n.oa-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.oa-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.oa-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--oa-primary), var(--oa-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(140,179,65,.3);\n}\n\n.oa-timeline-content {\n  flex: 1;\n  background: var(--oa-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--oa-radius-sm);\n  box-shadow: var(--oa-shadow);\n}\n\n.oa-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--oa-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.oa-timeline-content p {\n  font-size: 14px;\n  color: var(--oa-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.oa-accordion {\n  background: var(--oa-white);\n  border-radius: var(--oa-radius);\n  box-shadow: var(--oa-shadow);\n  overflow: hidden;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.oa-accordion-item {\n  border-bottom: 1px solid var(--oa-border);\n  margin: 0;\n  padding: 0;\n}\n\n.oa-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.oa-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--oa-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n}\n\n.oa-accordion-header:hover {\n  background: var(--oa-primary-light);\n}\n\n.oa-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.oa-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--oa-primary);\n  transition: transform .2s ease;\n}\n\n.oa-accordion-item[open] .oa-accordion-header::after {\n  content: '−';\n}\n\n.oa-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--oa-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.oa-accordion-content p {\n  margin: 0;\n}\n\n.oa-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--oa-primary-light);\n  border-radius: var(--oa-radius-sm);\n  padding: 1rem 1.25rem;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.oa-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.oa-tip p {\n  font-size: 14px;\n  color: var(--oa-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.oa-cta-box {\n  background: linear-gradient(135deg, var(--oa-primary) 0%, var(--oa-primary-dark) 100%);\n  border-radius: var(--oa-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--oa-shadow-lg);\n}\n\n.oa-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.oa-cta-box strong {\n  font-weight: 800;\n  color: #fff;\n}\n\n.oa-disclaimer {\n  font-size: 12px;\n  color: var(--oa-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 767px) {\n  .oa-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .oa-card {\n    padding: 1.125rem;\n  }\n  .oa-section {\n    margin-bottom: 1.75rem;\n  }\n  .oa-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--oa-radius-sm);\n  }\n  .oa-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .oa-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .oa-grid-compact {\n    gap: .625rem;\n  }\n  .oa-grid-compact .oa-card {\n    padding: .75rem;\n  }\n  .oa-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .oa-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .oa-timeline-content h3 {\n    font-size: 14px;\n  }\n  .oa-timeline-content p {\n    font-size: 13px;\n  }\n  .oa-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .oa-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .oa-compare {\n    gap: 1rem;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .oa-card, .oa-compare-card {\n    animation: oaFadeInUp .5s ease backwards;\n  }\n  .oa-card:nth-child(1) { animation-delay: .05s; }\n  .oa-card:nth-child(2) { animation-delay: .1s; }\n  .oa-card:nth-child(3) { animation-delay: .15s; }\n  .oa-card:nth-child(4) { animation-delay: .2s; }\n  .oa-card:nth-child(5) { animation-delay: .25s; }\n  .oa-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes oaFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .oa-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":57102309425529,"sku":"FM0120","price":6.65,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-dorange-amere-bio-10-ml-florame-lifestyle_b014ab87-f477-4897-813b-6ff1a9ff7fe5.webp?v=1776673767","url":"https:\/\/www.naturellement-bio.com\/products\/huile-essentielle-d-orange-amere-bio-10-ml-florame","provider":"Naturellement Bio","version":"1.0","type":"link"}