{"product_id":"huile-de-massage-certifiee-bio-base-neutre-florame","title":"Huile de Massage Bio Base Neutre - Florame","description":"\n\u003cdiv class=\"soi-fmbn-fiche\"\u003e\n\n  \u003csection class=\"soi-fmbn-hero\"\u003e\n    \u003cdiv class=\"soi-fmbn-hero-tag\"\u003e\n      \u003cspan class=\"soi-fmbn-tag-dot\"\u003e\u003c\/span\u003e\n      Huile de massage bio · Florame\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-fmbn-hero-title\"\u003eHuile de massage bio Base Neutre\u003c\/span\u003e\n    \u003cp class=\"soi-fmbn-hero-subtitle\"\u003eQuatre huiles végétales biologiques réunies dans une base neutre polyvalente, formulée à Saint-Rémy-de-Provence pour sublimer chaque massage.\u003c\/p\u003e\n    \u003cdiv class=\"soi-fmbn-hero-labels\"\u003e\n      \u003cspan class=\"soi-fmbn-label soi-fmbn-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-fmbn-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-fmbn-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-fmbn-label\"\u003e100% NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-fmbn-label\"\u003eSANS PARABEN\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fmbn-section\"\u003e\n    \u003cp class=\"soi-fmbn-section-intro\"\u003eVous recherchez une huile de massage bio qui s'adapte à toutes les envies sans compromis sur la qualité ? C'est exactement ce que vous offre la Base Neutre Florame. Certifiée Cosmos Organic et formulée en Provence, elle associe une texture soyeuse, une composition irréprochable et une polyvalence totale, que vous soyez praticien professionnel ou passionné de soins naturels.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fmbn-section\"\u003e\n    \u003ch2\u003eUne synergie de 4 huiles végétales bio pour une peau sublimée\u003c\/h2\u003e\n    \u003cp\u003eSa force repose sur l'association équilibrée de quatre huiles végétales certifiées biologiques, choisies pour leur complémentarité :\u003c\/p\u003e\n    \u003cdiv class=\"soi-fmbn-grid\"\u003e\n      \u003cdiv class=\"soi-fmbn-card\"\u003e\n        \u003ch3\u003e🍑 Noyau d'abricot\u003c\/h3\u003e\n        \u003cp\u003eLégère et pénétrante, elle apporte souplesse et douceur sans laisser de film gras.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fmbn-card\"\u003e\n        \u003ch3\u003e🫒 Olive\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras insaturés, elle nourrit en profondeur et protège le film cutané.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fmbn-card\"\u003e\n        \u003ch3\u003e🌿 Amande douce\u003c\/h3\u003e\n        \u003cp\u003eÉmolliente et apaisante, idéale pour les peaux sensibles ou sèches qui ont besoin de confort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fmbn-card\"\u003e\n        \u003ch3\u003e🌾 Sésame\u003c\/h3\u003e\n        \u003cp\u003eNaturellement antioxydante, elle contribue à préserver la jeunesse de la peau et favorise la détente musculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eL'ensemble est enrichi de vitamine E, antioxydant naturel qui protège la formule de l'oxydation et prolonge la durée de vie du produit tout en renforçant ses bienfaits sur la peau.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fmbn-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-fmbn-compo\"\u003e\n      \u003cdiv class=\"soi-fmbn-compo-row\"\u003e\n        \u003cspan class=\"soi-fmbn-compo-label\"\u003ePrunus Armeniaca Kernel Oil*\u003c\/span\u003e\n        \u003cspan class=\"soi-fmbn-compo-value\"\u003eHuile de noyau d'abricot bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fmbn-compo-row\"\u003e\n        \u003cspan class=\"soi-fmbn-compo-label\"\u003eOlea Europaea Fruit Oil*\u003c\/span\u003e\n        \u003cspan class=\"soi-fmbn-compo-value\"\u003eHuile d'olive bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fmbn-compo-row\"\u003e\n        \u003cspan class=\"soi-fmbn-compo-label\"\u003ePrunus Amygdalus Dulcis Oil*\u003c\/span\u003e\n        \u003cspan class=\"soi-fmbn-compo-value\"\u003eHuile d'amande douce bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fmbn-compo-row\"\u003e\n        \u003cspan class=\"soi-fmbn-compo-label\"\u003eSesamum Indicum Seed Oil*\u003c\/span\u003e\n        \u003cspan class=\"soi-fmbn-compo-value\"\u003eHuile de sésame bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fmbn-compo-row\"\u003e\n        \u003cspan class=\"soi-fmbn-compo-label\"\u003eTocopherol\u003c\/span\u003e\n        \u003cspan class=\"soi-fmbn-compo-value\"\u003eVitamine E (antioxydant naturel)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-fmbn-inci-note\"\u003e* Ingrédients issus de l'agriculture biologique. Certifié Cosmos Organic par Ecocert Greenlife. Fabriqué en France.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fmbn-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette huile de massage bio professionnelle ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-fmbn-benefits\"\u003e\n      \u003cdiv class=\"soi-fmbn-benefit\"\u003e\n        \u003cdiv class=\"soi-fmbn-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTexture glissante et non collante\u003c\/h3\u003e\n        \u003cp\u003eElle facilite les mouvements longs, idéale pour un massage suédois, sportif ou relaxant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fmbn-benefit\"\u003e\n        \u003cdiv class=\"soi-fmbn-benefit-icon\"\u003e\u003cspan\u003e🤍\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBase neutre sans parfum\u003c\/h3\u003e\n        \u003cp\u003eAucun risque de réaction allergique liée aux fragrances, parfaite pour les peaux réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fmbn-benefit\"\u003e\n        \u003cdiv class=\"soi-fmbn-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSupport personnalisable\u003c\/h3\u003e\n        \u003cp\u003eElle se mélange facilement avec vos huiles essentielles bio préférées pour un massage sur mesure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fmbn-benefit\"\u003e\n        \u003cdiv class=\"soi-fmbn-benefit-icon\"\u003e\u003cspan\u003e🫙\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFlacon ambré avec pompe doseuse\u003c\/h3\u003e\n        \u003cp\u003eProtection optimale contre l'oxydation et dosage précis à chaque utilisation, sans gaspillage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fmbn-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile de massage bio Base Neutre Florame ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-fmbn-timeline\"\u003e\n      \u003cdiv class=\"soi-fmbn-step\"\u003e\n        \u003cdiv class=\"soi-fmbn-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-fmbn-step-content\"\u003e\n          \u003ch3\u003eSeule, en massage corps\u003c\/h3\u003e\n          \u003cp\u003eVersez 2 à 3 pressions dans le creux de la main, réchauffez légèrement entre vos paumes et appliquez sur la zone à masser.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fmbn-step\"\u003e\n        \u003cdiv class=\"soi-fmbn-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-fmbn-step-content\"\u003e\n          \u003ch3\u003eAvec des huiles essentielles\u003c\/h3\u003e\n          \u003cp\u003eDiluez 2 à 3 % d'huile essentielle (soit 2 à 3 gouttes pour 5 ml de base neutre) pour un massage ciblé, relaxant ou revitalisant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fmbn-step\"\u003e\n        \u003cdiv class=\"soi-fmbn-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-fmbn-step-content\"\u003e\n          \u003ch3\u003eComme soin hydratant\u003c\/h3\u003e\n          \u003cp\u003eAppliquez en massage doux après la douche pour nourrir la peau quotidiennement, sans rinçage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-fmbn-tip\"\u003e\n      \u003cdiv class=\"soi-fmbn-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eRéchauffez toujours l'huile entre vos paumes avant l'application : la chaleur favorise la pénétration des actifs et rend le massage encore plus agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fmbn-section\"\u003e\n    \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n    \u003cp\u003eCette huile de massage bio professionnelle convient aussi bien aux praticiens en institut ou en cabinet qu'aux particuliers souhaitant reproduire chez eux une expérience spa. Sa neutralité olfactive en fait également un choix sûr pour les massages en duo, les soins post-natals ou les moments de détente partagés. Elle convient aux peaux normales, sèches et sensibles, adultes comme enfants (hors nouveau-nés).\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fmbn-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-fmbn-grid-compact\"\u003e\n      \u003cdiv class=\"soi-fmbn-card-mini\"\u003e\n        \u003cspan class=\"soi-fmbn-card-mini-icon\"\u003e📐\u003c\/span\u003e\n        \u003cspan class=\"soi-fmbn-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-fmbn-card-mini-value\"\u003e120 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fmbn-card-mini\"\u003e\n        \u003cspan class=\"soi-fmbn-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n        \u003cspan class=\"soi-fmbn-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-fmbn-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fmbn-card-mini\"\u003e\n        \u003cspan class=\"soi-fmbn-card-mini-icon\"\u003e📍\u003c\/span\u003e\n        \u003cspan class=\"soi-fmbn-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-fmbn-card-mini-value\"\u003eSaint-Rémy-de-Provence\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fmbn-card-mini\"\u003e\n        \u003cspan class=\"soi-fmbn-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n        \u003cspan class=\"soi-fmbn-card-mini-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-fmbn-card-mini-value\"\u003eVerre ambré + pompe\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-fmbn-accordion\"\u003e\n      \u003cdetails class=\"soi-fmbn-accordion-item\"\u003e\n        \u003csummary class=\"soi-fmbn-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-fmbn-accordion-content\"\u003e\n          \u003cp\u003eConvient aux peaux normales, sèches et sensibles. Usage pour adultes et enfants (hors nouveau-nés). Ce produit est un soin cosmétique. Il ne constitue pas un médicament et ne se substitue à aucun traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-fmbn-accordion-item\"\u003e\n        \u003csummary class=\"soi-fmbn-accordion-header\"\u003e👥 Pour qui ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-fmbn-accordion-content\"\u003e\n          \u003cp\u003ePraticiens en institut ou en cabinet, particuliers, massages en duo, soins post-natals, moments de détente partagés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fmbn-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-fmbn-cta-box\"\u003e\n      \u003cp class=\"soi-fmbn-cta-tag\" style=\"color: white;\"\u003eVotre rituel massage, en mode bio\u003c\/p\u003e\n      \u003cp class=\"soi-fmbn-cta-text\" style=\"color: white;\"\u003eDouce, pure et polyvalente : la Base Neutre Florame vous offre une glisse parfaite et un soin nourrissant sur mesure. Un flacon, mille possibilités, une qualité certifiée bio sans compromis.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-fmbn-marine: #1A2D3D;\n  --soi-fmbn-marine-dark: #0F1E2B;\n  --soi-fmbn-marine-light: #2C4458;\n  --soi-fmbn-pomme: #A1C544;\n  --soi-fmbn-pomme-dark: #84A636;\n  --soi-fmbn-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-fmbn-white: #FFFFFF;\n  --soi-fmbn-off-white: #F8FAF6;\n  --soi-fmbn-stone: #F1F3EE;\n  --soi-fmbn-line: #E5E8E0;\n\n  --soi-fmbn-primary: #C8954A;\n  --soi-fmbn-primary-soft: #F5EDE2;\n  --soi-fmbn-accent: #D4A52A;\n\n  --soi-fmbn-text: #1A2D3D;\n  --soi-fmbn-text-soft: #4A5B6B;\n  --soi-fmbn-text-muted: #7B8693;\n\n  --soi-fmbn-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-fmbn-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-fmbn-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-fmbn-radius: 12px;\n  --soi-fmbn-radius-sm: 8px;\n  --soi-fmbn-radius-pill: 999px;\n}\n\n.soi-fmbn-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-fmbn-fiche img { max-width: 100%; height: auto; }\n\n.soi-fmbn-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-fmbn-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-fmbn-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-fmbn-hero {\n  position: relative;\n  background: var(--soi-fmbn-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-fmbn-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-fmbn-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-fmbn-pomme);\n}\n\n.soi-fmbn-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-fmbn-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-fmbn-pomme);\n  border-radius: 50%;\n}\n\n.soi-fmbn-hero-title {\n  display: block;\n  color: var(--soi-fmbn-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-fmbn-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-fmbn-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-fmbn-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-fmbn-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-fmbn-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-fmbn-label-accent {\n  background: var(--soi-fmbn-pomme);\n  border-color: var(--soi-fmbn-pomme);\n  color: var(--soi-fmbn-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-fmbn-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-fmbn-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-fmbn-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-fmbn-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-fmbn-pomme);\n  border-radius: 2px;\n}\n\n.soi-fmbn-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-fmbn-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.soi-fmbn-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-fmbn-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-fmbn-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === INCI NOTE === *\/\n.soi-fmbn-inci-note {\n  font-size: 13px;\n  color: var(--soi-fmbn-text-muted);\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === BENEFITS === *\/\n.soi-fmbn-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-fmbn-benefit {\n  background: var(--soi-fmbn-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-fmbn-radius);\n  border: 1px solid var(--soi-fmbn-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-fmbn-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-fmbn-shadow-md);\n}\n\n.soi-fmbn-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-fmbn-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-fmbn-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-fmbn-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-fmbn-benefit:hover .soi-fmbn-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-fmbn-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-fmbn-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-fmbn-benefit p {\n  font-size: 13px;\n  color: var(--soi-fmbn-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-fmbn-grid {\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.soi-fmbn-card {\n  background: var(--soi-fmbn-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-fmbn-radius);\n  border-left: 3px solid var(--soi-fmbn-primary);\n}\n\n.soi-fmbn-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-fmbn-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-fmbn-card p {\n  font-size: 14px;\n  color: var(--soi-fmbn-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-fmbn-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-fmbn-card-mini {\n  background: var(--soi-fmbn-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-fmbn-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-fmbn-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-fmbn-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-fmbn-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-fmbn-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-fmbn-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-fmbn-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-fmbn-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-fmbn-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-fmbn-radius);\n  border: 1px solid var(--soi-fmbn-line);\n  align-items: flex-start;\n}\n\n.soi-fmbn-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-fmbn-marine);\n  color: var(--soi-fmbn-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-fmbn-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-fmbn-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-fmbn-step-content p {\n  font-size: 14px;\n  color: var(--soi-fmbn-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-fmbn-compo {\n  background: var(--soi-fmbn-off-white);\n  border-radius: var(--soi-fmbn-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 0.5rem;\n}\n\n.soi-fmbn-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-fmbn-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-fmbn-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-fmbn-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-fmbn-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-fmbn-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-fmbn-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-fmbn-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-fmbn-pomme-light);\n  border-left: 4px solid var(--soi-fmbn-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-fmbn-radius) var(--soi-fmbn-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-fmbn-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-fmbn-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-fmbn-marine);\n  margin-bottom: 4px;\n}\n\n.soi-fmbn-tip p {\n  font-size: 14px;\n  color: var(--soi-fmbn-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-fmbn-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-fmbn-accordion-item {\n  background: var(--soi-fmbn-off-white);\n  border-radius: var(--soi-fmbn-radius-sm);\n  border: 1px solid var(--soi-fmbn-line);\n  overflow: hidden;\n}\n\n.soi-fmbn-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-fmbn-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-fmbn-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-fmbn-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-fmbn-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-fmbn-accordion-item[open] .soi-fmbn-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-fmbn-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-fmbn-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-fmbn-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-fmbn-cta-box {\n  background: var(--soi-fmbn-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-fmbn-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-fmbn-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-fmbn-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-fmbn-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-fmbn-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-fmbn-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-fmbn-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-fmbn-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-fmbn-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-fmbn-compo-value {\n    text-align: left;\n  }\n\n  .soi-fmbn-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-fmbn-benefits {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .soi-fmbn-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-fmbn-grid-compact {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-fmbn-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-fmbn-fiche {\n    --soi-fmbn-text-soft: #2C3E50;\n    --soi-fmbn-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Flacon pompe de 1 L","offer_id":61612341559626,"sku":"FM0305","price":68.9,"currency_code":"EUR","in_stock":true},{"title":"Flacon pompe de 120 ml","offer_id":61612823707978,"sku":"FM0315","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-massage-certifiee-bio-base-neutre-florame-packshot.webp?v=1779697530","url":"https:\/\/www.soinature.com\/products\/huile-de-massage-certifiee-bio-base-neutre-florame","provider":"Soinature","version":"1.0","type":"link"}