{"product_id":"huile-de-massage-relaxante-certifiee-bio-florame","title":"Huile de Massage Relaxante certifiée bio - Florame","description":"\n\n\u003cdiv class=\"soi-hmrlx-fiche\"\u003e\n\n  \u003csection class=\"soi-hmrlx-hero\"\u003e\n    \u003cdiv class=\"soi-hmrlx-hero-tag\"\u003e\n      \u003cspan class=\"soi-hmrlx-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Florame\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-hmrlx-hero-title\"\u003eLa Provence au creux de vos mains\u003c\/span\u003e\n    \u003cp class=\"soi-hmrlx-hero-subtitle\"\u003eUne huile de massage certifiée bio aux huiles essentielles de lavande, géranium et orange douce, formulée à Saint-Rémy-de-Provence pour transformer chaque massage en rituel de détente sensorielle.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hmrlx-hero-labels\"\u003e\n      \u003cspan class=\"soi-hmrlx-label soi-hmrlx-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-hmrlx-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-hmrlx-label\"\u003eFABRIQUÉE EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-hmrlx-label\"\u003e120 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hmrlx-section\"\u003e\n    \u003ch2\u003eL'huile de massage relaxante bio qui transforme votre routine en vrai rituel de bien-être\u003c\/h2\u003e\n    \u003cp\u003eAprès une journée chargée, votre corps mérite plus qu'un simple geste. L'huile de massage relaxante certifiée bio Florame est conçue pour offrir une parenthèse sensorielle complète : une peau nourrie, des tensions relâchées, et un esprit enfin apaisé. Fabriquée à Saint-Rémy-de-Provence et certifiée COSMOS Organic, elle s'adresse à celles et ceux qui ne veulent pas choisir entre efficacité et naturalité.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hmrlx-section\"\u003e\n    \u003ch2\u003ePourquoi cette huile de massage bio se démarque\u003c\/h2\u003e\n    \u003cp class=\"soi-hmrlx-section-intro\"\u003eLa plupart des huiles de massage du marché misent sur le parfum seul. Florame va plus loin : chaque ingrédient est sélectionné pour son rôle précis, qu'il soit nourrissant, apaisant ou facilitant le glissement du massage. Le résultat : une huile de massage bio de qualité professionnelle que vous pouvez utiliser chez vous, avec la même exigence qu'en institut.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hmrlx-benefits\"\u003e\n      \u003cdiv class=\"soi-hmrlx-benefit\"\u003e\n        \u003cdiv class=\"soi-hmrlx-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTexture fluide et soyeuse\u003c\/h3\u003e\n        \u003cp\u003eGlisse parfaitement sur la peau sans laisser de film gras, pour un massage confortable du début à la fin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hmrlx-benefit\"\u003e\n        \u003cdiv class=\"soi-hmrlx-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eParfum aromatique naturel\u003c\/h3\u003e\n        \u003cp\u003eLavande, géranium, orange douce : une synergie d'huiles essentielles bio pour une ambiance détente immédiate.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hmrlx-benefit\"\u003e\n        \u003cdiv class=\"soi-hmrlx-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeau nourrie en profondeur\u003c\/h3\u003e\n        \u003cp\u003eLes huiles végétales bio assouplissent et protègent durablement votre peau, massage après massage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hmrlx-benefit\"\u003e\n        \u003cdiv class=\"soi-hmrlx-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFlacon ambré à pompe\u003c\/h3\u003e\n        \u003cp\u003ePratique et hygiénique, le flacon ambré protège les actifs de la lumière pour préserver toute leur efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hmrlx-section\"\u003e\n    \u003ch2\u003eComposition détaillée : ce que contient votre huile massage relaxante bio\u003c\/h2\u003e\n    \u003cp class=\"soi-hmrlx-section-intro\"\u003eComprendre ce que vous appliquez sur votre peau, c'est essentiel. Voici les actifs clés de cette huile relaxante et leur rôle concret.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hmrlx-grid\"\u003e\n      \u003cdiv class=\"soi-hmrlx-card\"\u003e\n        \u003ch3\u003e🍑 Huile de noyau d'abricot bio\u003c\/h3\u003e\n        \u003cp\u003eBase principale légère et pénétrante, idéale pour les peaux sensibles. Facilite le glissement du massage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hmrlx-card\"\u003e\n        \u003ch3\u003e🌱 Huile de jojoba bio\u003c\/h3\u003e\n        \u003cp\u003eProtège et équilibre la peau. Sa structure proche du sébum naturel en fait un ingrédient particulièrement bien toléré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hmrlx-card\"\u003e\n        \u003ch3\u003e🌸 Huile d'amande douce bio\u003c\/h3\u003e\n        \u003cp\u003eAdoucissante et émolliente, elle laisse la peau veloutée après le massage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hmrlx-card\"\u003e\n        \u003ch3\u003e🫘 Huile de sésame bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en antioxydants naturels, elle nourrit en profondeur et renforce la souplesse cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hmrlx-card\"\u003e\n        \u003ch3\u003e💜 HE de lavande fine bio\u003c\/h3\u003e\n        \u003cp\u003eL'huile essentielle relaxante par excellence pour le massage. Favorise la détente et accompagne le lâcher-prise.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hmrlx-card\"\u003e\n        \u003ch3\u003e🌺 HE de géranium bourbon bio\u003c\/h3\u003e\n        \u003cp\u003eNotes fleuries équilibrantes, contribue à apaiser les tensions émotionnelles et à harmoniser le massage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hmrlx-card\"\u003e\n        \u003ch3\u003e🍊 HE d'orange douce bio\u003c\/h3\u003e\n        \u003cp\u003eApporte une touche lumineuse et chaleureuse au parfum. Reconnue pour ses propriétés apaisantes sur l'humeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hmrlx-section\"\u003e\n    \u003ch2\u003eComment utiliser cette huile de massage pour un résultat optimal\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hmrlx-timeline\"\u003e\n      \u003cdiv class=\"soi-hmrlx-step\"\u003e\n        \u003cdiv class=\"soi-hmrlx-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-hmrlx-step-content\"\u003e\n          \u003ch3\u003eRéchauffez l'huile\u003c\/h3\u003e\n          \u003cp\u003eVersez 2 à 3 pressions dans le creux de votre main et frottez doucement les paumes pour activer les arômes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hmrlx-step\"\u003e\n        \u003cdiv class=\"soi-hmrlx-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-hmrlx-step-content\"\u003e\n          \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur le dos, les épaules, les jambes ou les pieds avec des mouvements longs et circulaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hmrlx-step\"\u003e\n        \u003cdiv class=\"soi-hmrlx-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-hmrlx-step-content\"\u003e\n          \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n          \u003cp\u003eInutile de rincer. L'huile s'absorbe progressivement et laisse la peau douce sans sensation grasse persistante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hmrlx-step\"\u003e\n        \u003cdiv class=\"soi-hmrlx-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-hmrlx-step-content\"\u003e\n          \u003ch3\u003eFréquence idéale\u003c\/h3\u003e\n          \u003cp\u003eUtilisez-la le soir avant le coucher pour amplifier ses effets relaxants et préparer un sommeil de qualité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hmrlx-tip\"\u003e\n      \u003cdiv class=\"soi-hmrlx-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour un rituel encore plus enveloppant, utilisez cette huile le soir avant le coucher : la synergie lavande, géranium et orange douce accompagne naturellement votre transition vers le sommeil.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hmrlx-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hmrlx-accordion\"\u003e\n      \u003cdetails class=\"soi-hmrlx-accordion-item\"\u003e\n        \u003csummary class=\"soi-hmrlx-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"soi-hmrlx-accordion-content\"\u003e\n          \u003cp\u003eRéservé à un usage externe uniquement. Évitez le contact avec les yeux et les muqueuses. Déconseillé aux femmes enceintes, aux nourrissons et aux personnes allergiques aux composants listés. Effectuez un test cutané dans le pli du coude avant la première utilisation. Ce produit ne se substitue pas à un avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-hmrlx-accordion-item\"\u003e\n        \u003csummary class=\"soi-hmrlx-accordion-header\"\u003e📋 Informations produit\u003c\/summary\u003e\n        \u003cdiv class=\"soi-hmrlx-accordion-content\"\u003e\n          \u003cdiv class=\"soi-hmrlx-compo\"\u003e\n            \u003cdiv class=\"soi-hmrlx-compo-row\"\u003e\n              \u003cspan class=\"soi-hmrlx-compo-label\"\u003eContenance\u003c\/span\u003e\n              \u003cspan class=\"soi-hmrlx-compo-value\"\u003e120 ml\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"soi-hmrlx-compo-row\"\u003e\n              \u003cspan class=\"soi-hmrlx-compo-label\"\u003eCertification\u003c\/span\u003e\n              \u003cspan class=\"soi-hmrlx-compo-value\"\u003eCOSMOS Organic\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"soi-hmrlx-compo-row\"\u003e\n              \u003cspan class=\"soi-hmrlx-compo-label\"\u003eOrigine\u003c\/span\u003e\n              \u003cspan class=\"soi-hmrlx-compo-value\"\u003eFabriquée en France, Saint-Rémy-de-Provence\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"soi-hmrlx-compo-row\"\u003e\n              \u003cspan class=\"soi-hmrlx-compo-label\"\u003eForme\u003c\/span\u003e\n              \u003cspan class=\"soi-hmrlx-compo-value\"\u003eHuile de massage, flacon ambré à pompe\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hmrlx-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-hmrlx-cta-box\"\u003e\n      \u003cp class=\"soi-hmrlx-cta-tag\" style=\"color: white;\"\u003eVotre rituel relaxant au naturel\u003c\/p\u003e\n      \u003cp class=\"soi-hmrlx-cta-text\" style=\"color: white;\"\u003eQuelques pressions suffisent pour transformer un simple geste en parenthèse de bien-être. Peau veloutée, tensions relâchées, esprit libéré : Florame met la Provence dans vos mains.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-hmrlx-marine: #1A2D3D;\n  --soi-hmrlx-marine-dark: #0F1E2B;\n  --soi-hmrlx-marine-light: #2C4458;\n  --soi-hmrlx-pomme: #A1C544;\n  --soi-hmrlx-pomme-dark: #84A636;\n  --soi-hmrlx-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-hmrlx-white: #FFFFFF;\n  --soi-hmrlx-off-white: #F8FAF6;\n  --soi-hmrlx-stone: #F1F3EE;\n  --soi-hmrlx-line: #E5E8E0;\n\n  --soi-hmrlx-primary: #C4893B;\n  --soi-hmrlx-primary-soft: #E8C88A;\n  --soi-hmrlx-accent: #9B8AA8;\n\n  --soi-hmrlx-text: #1A2D3D;\n  --soi-hmrlx-text-soft: #4A5B6B;\n  --soi-hmrlx-text-muted: #7B8693;\n\n  --soi-hmrlx-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-hmrlx-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-hmrlx-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-hmrlx-radius: 12px;\n  --soi-hmrlx-radius-sm: 8px;\n  --soi-hmrlx-radius-pill: 999px;\n}\n\n.soi-hmrlx-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hmrlx-fiche img { max-width: 100%; height: auto; }\n\n.soi-hmrlx-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-hmrlx-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-hmrlx-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hmrlx-hero {\n  position: relative;\n  background: var(--soi-hmrlx-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-hmrlx-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-hmrlx-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-hmrlx-pomme);\n}\n\n.soi-hmrlx-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-hmrlx-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-hmrlx-pomme);\n  border-radius: 50%;\n}\n\n.soi-hmrlx-hero-title {\n  display: block;\n  color: var(--soi-hmrlx-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-hmrlx-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-hmrlx-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-hmrlx-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-hmrlx-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-hmrlx-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-hmrlx-label-accent {\n  background: var(--soi-hmrlx-pomme);\n  border-color: var(--soi-hmrlx-pomme);\n  color: var(--soi-hmrlx-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hmrlx-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hmrlx-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-hmrlx-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-hmrlx-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-hmrlx-pomme);\n  border-radius: 2px;\n}\n\n.soi-hmrlx-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-hmrlx-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-hmrlx-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-hmrlx-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-hmrlx-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-hmrlx-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-hmrlx-benefit {\n  background: var(--soi-hmrlx-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-hmrlx-radius);\n  border: 1px solid var(--soi-hmrlx-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hmrlx-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-hmrlx-shadow-md);\n}\n\n.soi-hmrlx-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-hmrlx-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-hmrlx-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-hmrlx-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-hmrlx-benefit:hover .soi-hmrlx-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-hmrlx-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hmrlx-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hmrlx-benefit p {\n  font-size: 15px;\n  color: var(--soi-hmrlx-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-hmrlx-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-hmrlx-card {\n  background: var(--soi-hmrlx-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hmrlx-radius);\n  border-left: 3px solid var(--soi-hmrlx-pomme);\n}\n\n.soi-hmrlx-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hmrlx-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hmrlx-card p {\n  font-size: 14px;\n  color: var(--soi-hmrlx-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-hmrlx-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-hmrlx-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-hmrlx-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hmrlx-radius);\n  border: 1px solid var(--soi-hmrlx-line);\n  align-items: flex-start;\n}\n\n.soi-hmrlx-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-hmrlx-marine);\n  color: var(--soi-hmrlx-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-hmrlx-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hmrlx-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-hmrlx-step-content p {\n  font-size: 15px;\n  color: var(--soi-hmrlx-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-hmrlx-compo {\n  background: var(--soi-hmrlx-off-white);\n  border-radius: var(--soi-hmrlx-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-hmrlx-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-hmrlx-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-hmrlx-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-hmrlx-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-hmrlx-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-hmrlx-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-hmrlx-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-hmrlx-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-hmrlx-pomme-light);\n  border-left: 4px solid var(--soi-hmrlx-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-hmrlx-radius) var(--soi-hmrlx-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-hmrlx-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-hmrlx-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-hmrlx-marine);\n  margin-bottom: 4px;\n}\n\n.soi-hmrlx-tip p {\n  font-size: 15px;\n  color: var(--soi-hmrlx-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hmrlx-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-hmrlx-accordion-item {\n  background: var(--soi-hmrlx-off-white);\n  border-radius: var(--soi-hmrlx-radius-sm);\n  border: 1px solid var(--soi-hmrlx-line);\n  overflow: hidden;\n}\n\n.soi-hmrlx-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-hmrlx-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-hmrlx-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-hmrlx-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-hmrlx-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-hmrlx-accordion-item[open] .soi-hmrlx-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-hmrlx-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-hmrlx-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-hmrlx-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-hmrlx-cta-box {\n  background: var(--soi-hmrlx-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-hmrlx-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-hmrlx-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-hmrlx-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-hmrlx-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-hmrlx-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-hmrlx-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-hmrlx-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-hmrlx-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-hmrlx-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-hmrlx-compo-value {\n    text-align: left;\n  }\n\n  .soi-hmrlx-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-hmrlx-tip {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-hmrlx-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-hmrlx-fiche {\n    --soi-hmrlx-text-soft: #2C3E50;\n    --soi-hmrlx-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603861954890,"sku":"FM0320","price":22.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-massage-relaxante-certifiee-bio-florame-packshot.webp?v=1792053542","url":"https:\/\/firmtoaromatherapy.com\/products\/huile-de-massage-relaxante-certifiee-bio-florame","provider":"Soinature","version":"1.0","type":"link"}