{"product_id":"huile-vegetale-d-onagre-certifiee-bio-florame","title":"Huile Végétale d’Onagre certifiée bio – Florame","description":"\n\n\u003cdiv class=\"soi-onag-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-onag-hero\"\u003e\n    \u003cdiv class=\"soi-onag-hero-tag\"\u003e\n      \u003cspan class=\"soi-onag-tag-dot\"\u003e\u003c\/span\u003e\n      Huile végétale bio · Florame\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-onag-hero-title\"\u003eDouceur et éclat pour les peaux en quête de confort\u003c\/span\u003e\n    \u003cp class=\"soi-onag-hero-subtitle\"\u003eIssue d'une première pression à froid, cette huile d'onagre vierge concentre le meilleur des oméga-6 rares pour nourrir, apaiser et revitaliser votre peau au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-onag-hero-labels\"\u003e\n      \u003cspan class=\"soi-onag-label soi-onag-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-onag-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-onag-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-onag-label\"\u003ePRESSION À FROID\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"soi-onag-section\"\u003e\n    \u003ch2\u003eL'huile d'onagre bio : un soin d'exception pour les peaux qui ont besoin de douceur\u003c\/h2\u003e\n    \u003cp\u003eSi vous cherchez une huile végétale \u003cstrong\u003evéritablement efficace pour les peaux sèches, matures ou en déséquilibre hormonal\u003c\/strong\u003e, l'huile d'onagre de Florame mérite toute votre attention. Extraite par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e à partir des graines d'\u003cem\u003eOenothera biennis\u003c\/em\u003e, elle conserve l'intégralité de ses actifs naturels. Sa certification \u003cstrong\u003eCosmos Organic par Ecocert Greenlife\u003c\/strong\u003e vous garantit une origine biologique rigoureusement contrôlée, de la plante au flacon pompe de 50 ml.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"soi-onag-section\"\u003e\n    \u003ch2\u003eComposition de l'huile d'onagre Florame\u003c\/h2\u003e\n    \u003cp class=\"soi-onag-section-intro\"\u003eCe qui rend l'huile d'onagre si précieuse, c'est avant tout sa composition rare et concentrée.\u003c\/p\u003e\n    \u003cdiv class=\"soi-onag-compo\"\u003e\n      \u003cdiv class=\"soi-onag-compo-row\"\u003e\n        \u003cspan class=\"soi-onag-compo-label\"\u003eAcide linoléique (oméga-6)\u003c\/span\u003e\n        \u003cspan class=\"soi-onag-compo-value\"\u003e65 à 80 % — renforce la barrière cutanée et retient l'hydratation\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onag-compo-row\"\u003e\n        \u003cspan class=\"soi-onag-compo-label\"\u003eAcide gamma-linolénique (AGL)\u003c\/span\u003e\n        \u003cspan class=\"soi-onag-compo-value\"\u003e8 à 10 % — oméga-6 rare, précieux pour les peaux inflammées et les déséquilibres hormonaux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onag-compo-row\"\u003e\n        \u003cspan class=\"soi-onag-compo-label\"\u003eAcide oléique (oméga-9)\u003c\/span\u003e\n        \u003cspan class=\"soi-onag-compo-value\"\u003e6 à 10 % — nourrit et assouplit en profondeur\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onag-compo-row\"\u003e\n        \u003cspan class=\"soi-onag-compo-label\"\u003eVitamine E (tocophérols)\u003c\/span\u003e\n        \u003cspan class=\"soi-onag-compo-value\"\u003eAntioxydante naturelle, protège l'huile et la peau du vieillissement prématuré\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onag-compo-row\"\u003e\n        \u003cspan class=\"soi-onag-compo-label\"\u003eIngrédient INCI\u003c\/span\u003e\n        \u003cspan class=\"soi-onag-compo-value\"\u003eOenothera Biennis (Evening Primrose) Seed Oil* (*issu de l'agriculture biologique)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"soi-onag-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'huile d'onagre : ce qu'elle apporte concrètement à votre peau\u003c\/h2\u003e\n    \u003cp class=\"soi-onag-section-intro\"\u003eLes bienfaits de l'huile d'onagre sont nombreux et documentés. Voici ce à quoi vous pouvez vous attendre avec une utilisation régulière.\u003c\/p\u003e\n    \u003cdiv class=\"soi-onag-benefits\"\u003e\n      \u003cdiv class=\"soi-onag-benefit\"\u003e\n        \u003cdiv class=\"soi-onag-benefit-icon\"\u003e\u003cspan\u003e🌾\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux sèches et dévitalisées\u003c\/h3\u003e\n        \u003cp\u003eSa richesse en acides gras essentiels restaure le film hydrolipidique et redonne une sensation de confort durable dès les premières applications.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onag-benefit\"\u003e\n        \u003cdiv class=\"soi-onag-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux matures\u003c\/h3\u003e\n        \u003cp\u003eL'AGL et la vitamine E agissent en synergie pour atténuer les signes visibles du temps, améliorer l'élasticité et redonner de l'éclat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onag-benefit\"\u003e\n        \u003cdiv class=\"soi-onag-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux à tendance inflammatoire\u003c\/h3\u003e\n        \u003cp\u003eL'acide gamma-linolénique contribue à apaiser les rougeurs et les inconforts cutanés chroniques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onag-benefit\"\u003e\n        \u003cdiv class=\"soi-onag-benefit-icon\"\u003e\u003cspan\u003e💇\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCheveux et ongles\u003c\/h3\u003e\n        \u003cp\u003eAppliquée en masque ou en soin ponctuel, elle renforce, nourrit et restitue de la brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-onag-tip\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"soi-onag-tip-icon\"\u003e🌸\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eOnagre et ménopause\u003c\/strong\u003e\n        \u003cp\u003eUtilisée en massage sur le corps, elle accompagne les changements cutanés liés aux fluctuations hormonales, notamment la perte de densité et de souplesse de la peau. Pour un usage interne en compléments alimentaires, consultez un professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"soi-onag-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile d'onagre Florame au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"soi-onag-timeline\"\u003e\n      \u003cdiv class=\"soi-onag-step\"\u003e\n        \u003cdiv class=\"soi-onag-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-onag-step-content\"\u003e\n          \u003ch3\u003eSoin visage\u003c\/h3\u003e\n          \u003cp\u003eAppliquez 2 à 3 gouttes sur une peau propre et légèrement humide, le soir de préférence. Massez en mouvements circulaires jusqu'à absorption complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onag-step\"\u003e\n        \u003cdiv class=\"soi-onag-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-onag-step-content\"\u003e\n          \u003ch3\u003eSoin corps\u003c\/h3\u003e\n          \u003cp\u003eMélangez l'huile d'onagre avec une huile végétale plus légère comme la jojoba pour un massage corps nourrissant, idéal pour les zones très sèches.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onag-step\"\u003e\n        \u003cdiv class=\"soi-onag-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-onag-step-content\"\u003e\n          \u003ch3\u003eMasque capillaire\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur les pointes avant le shampoing, laissez poser 20 à 30 minutes puis rincez. Vos cheveux retrouvent souplesse et brillance.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-onag-tip\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"soi-onag-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eL'huile d'onagre se marie très bien avec l'huile de bourrache (huile d'onagre et bourrache forment un duo réputé pour les peaux matures) et peut servir de base à vos préparations d'huiles essentielles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"soi-onag-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-onag-grid-compact\"\u003e\n      \u003cdiv class=\"soi-onag-card-mini\"\u003e\n        \u003cspan class=\"soi-onag-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-onag-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-onag-card-mini-value\"\u003e50 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onag-card-mini\"\u003e\n        \u003cspan class=\"soi-onag-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-onag-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-onag-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onag-card-mini\"\u003e\n        \u003cspan class=\"soi-onag-card-mini-icon\"\u003e⚗️\u003c\/span\u003e\n        \u003cspan class=\"soi-onag-card-mini-label\"\u003eExtraction\u003c\/span\u003e\n        \u003cspan class=\"soi-onag-card-mini-value\"\u003ePression à froid\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onag-card-mini\"\u003e\n        \u003cspan class=\"soi-onag-card-mini-icon\"\u003e📍\u003c\/span\u003e\n        \u003cspan class=\"soi-onag-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-onag-card-mini-value\"\u003eSaint-Rémy-de-Provence\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-onag-accordion\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdetails class=\"soi-onag-accordion-item\"\u003e\n        \u003csummary class=\"soi-onag-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-onag-accordion-content\"\u003e\n          \u003cp\u003eÀ conserver à l'abri de la chaleur et de la lumière, de préférence au réfrigérateur après ouverture. Utiliser dans les 6 mois suivant l'ouverture.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-onag-accordion-item\"\u003e\n        \u003csummary class=\"soi-onag-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-onag-accordion-content\"\u003e\n          \u003cp\u003eUsage cosmétique externe uniquement. Ne convient pas aux enfants de moins de 3 ans. Réaliser un test cutané avant toute application.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-onag-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-onag-cta-box\"\u003e\n      \u003cp class=\"soi-onag-cta-tag\" style=\"color: white;\"\u003eQuelques gouttes chaque soir, un flacon aux mille usages\u003c\/p\u003e\n      \u003cp class=\"soi-onag-cta-text\" style=\"color: white;\"\u003eL'huile d'onagre bio Florame, c'est le geste beauté le plus simple que vous puissiez offrir à votre peau : pur, concentré, naturel. Votre peau retrouve progressivement la souplesse, l'éclat et le confort qu'elle mérite.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-onag-marine: #1A2D3D;\n  --soi-onag-marine-dark: #0F1E2B;\n  --soi-onag-marine-light: #2C4458;\n  --soi-onag-pomme: #A1C544;\n  --soi-onag-pomme-dark: #84A636;\n  --soi-onag-pomme-light: rgba(161,197,68,0.10);\n  --soi-onag-white: #FFFFFF;\n  --soi-onag-off-white: #F8FAF6;\n  --soi-onag-stone: #F1F3EE;\n  --soi-onag-line: #E5E8E0;\n  --soi-onag-primary: #8B7340;\n  --soi-onag-primary-soft: rgba(139,115,64,0.08);\n  --soi-onag-accent: #C4A94D;\n  --soi-onag-text: #1A2D3D;\n  --soi-onag-text-soft: #4A5B6B;\n  --soi-onag-text-muted: #7B8693;\n  --soi-onag-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-onag-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-onag-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-onag-radius: 12px;\n  --soi-onag-radius-sm: 8px;\n  --soi-onag-radius-pill: 999px;\n}\n\n.soi-onag-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-onag-fiche img { max-width: 100%; height: auto; }\n\n.soi-onag-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-onag-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-onag-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-onag-hero {\n  position: relative;\n  background: var(--soi-onag-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-onag-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-onag-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-onag-pomme);\n}\n\n.soi-onag-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-onag-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-onag-pomme);\n  border-radius: 50%;\n}\n\n.soi-onag-hero-title {\n  display: block;\n  color: var(--soi-onag-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-onag-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-onag-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-onag-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-onag-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-onag-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-onag-label-accent {\n  background: var(--soi-onag-pomme);\n  border-color: var(--soi-onag-pomme);\n  color: var(--soi-onag-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-onag-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-onag-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-onag-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-onag-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-onag-pomme);\n  border-radius: 2px;\n}\n\n.soi-onag-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-onag-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-onag-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-onag-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-onag-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-onag-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-onag-benefit {\n  background: var(--soi-onag-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-onag-radius);\n  border: 1px solid var(--soi-onag-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-onag-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-onag-shadow-md);\n}\n\n.soi-onag-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-onag-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-onag-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-onag-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-onag-benefit:hover .soi-onag-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-onag-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-onag-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-onag-benefit p {\n  font-size: 13px;\n  color: var(--soi-onag-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION (data rows) *\/\n.soi-onag-compo {\n  background: var(--soi-onag-off-white);\n  border-radius: var(--soi-onag-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-onag-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-onag-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-onag-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-onag-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-onag-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-onag-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-onag-marine);\n  text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-onag-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-onag-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-onag-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-onag-radius);\n  border: 1px solid var(--soi-onag-line);\n  align-items: flex-start;\n}\n\n.soi-onag-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-onag-marine);\n  color: var(--soi-onag-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-onag-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-onag-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-onag-step-content p {\n  font-size: 14px;\n  color: var(--soi-onag-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-onag-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-onag-card-mini {\n  background: var(--soi-onag-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-onag-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-onag-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-onag-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-onag-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-onag-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-onag-marine);\n}\n\n\/* TIP *\/\n.soi-onag-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-onag-pomme-light);\n  border-left: 4px solid var(--soi-onag-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-onag-radius) var(--soi-onag-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-onag-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-onag-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-onag-marine);\n  margin-bottom: 4px;\n}\n\n.soi-onag-tip p {\n  font-size: 14px;\n  color: var(--soi-onag-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-onag-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-onag-accordion-item {\n  background: var(--soi-onag-off-white);\n  border-radius: var(--soi-onag-radius-sm);\n  border: 1px solid var(--soi-onag-line);\n  overflow: hidden;\n}\n\n.soi-onag-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-onag-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-onag-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-onag-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-onag-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-onag-accordion-item[open] .soi-onag-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-onag-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-onag-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-onag-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-onag-cta-box {\n  background: var(--soi-onag-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-onag-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-onag-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-onag-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-onag-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-onag-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-onag-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-onag-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n  .soi-onag-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-onag-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-onag-compo-value {\n    text-align: left;\n  }\n\n  .soi-onag-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-onag-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-onag-fiche {\n    --soi-onag-text-soft: #2C3E50;\n    --soi-onag-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603857695050,"sku":"FM0290","price":11.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-vegetale-donagre-certifiee-bio-florame-packshot.webp?v=1785572598","url":"https:\/\/firmtoaromatherapy.com\/products\/huile-vegetale-d-onagre-certifiee-bio-florame","provider":"Soinature","version":"1.0","type":"link"}