{"product_id":"bio-sublime-serum-anti-taches-certifie-bio-et-vegan-science-et-equilibre","title":"BIO SUBLIME Sérum Anti-Taches bio et vegan – Science et Équilibre","description":"\u003cdiv class=\"soi-bsub-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-bsub-hero\"\u003e\n    \u003cdiv class=\"soi-bsub-hero-tag\"\u003e\n      \u003cspan class=\"soi-bsub-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique visage · Science et Équilibre\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-bsub-hero-title\"\u003eL'éclat retrouvé, naturellement\u003c\/span\u003e\n    \u003cp class=\"soi-bsub-hero-subtitle\"\u003eUn sérum précieux 3-en-1 qui corrige les taches pigmentaires, repulpe et hydrate en profondeur, grâce à une synergie végétale certifiée bio et formulée en France.\u003c\/p\u003e\n    \u003cdiv class=\"soi-bsub-hero-labels\"\u003e\n      \u003cspan class=\"soi-bsub-label soi-bsub-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-bsub-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-bsub-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-bsub-label\"\u003eECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-bsub-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Intro --\u003e\n  \u003csection class=\"soi-bsub-section\"\u003e\n    \u003cp\u003eVous cherchez un \u003cstrong\u003esérum anti-taches brunes\u003c\/strong\u003e vraiment efficace, sans compromis sur la naturalité ? BIO SUBLIME de Science et Équilibre est un \u003cstrong\u003esérum précieux certifié bio et vegan\u003c\/strong\u003e, fabriqué en France, qui agit simultanément sur les taches pigmentaires, les signes du vieillissement et la déshydratation cutanée. Une formule 3-en-1 pensée pour toutes celles et ceux qui veulent retrouver un teint lumineux, unifié et repulpé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Pourquoi BIO SUBLIME se distingue --\u003e\n  \u003csection class=\"soi-bsub-section\"\u003e\n    \u003ch2\u003ePourquoi BIO SUBLIME se distingue des meilleurs sérums anti-taches du marché ?\u003c\/h2\u003e\n    \u003cp class=\"soi-bsub-section-intro\"\u003eLà où de nombreux sérums anti-taches misent sur un seul actif clé, BIO SUBLIME combine une \u003cstrong\u003esynergie végétale complète\u003c\/strong\u003e : correction pigmentaire, nutrition cellulaire et hydratation profonde en une seule application. Résultat : une peau visiblement plus nette, plus lisse et plus éclatante, sans agresser son équilibre naturel.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-bsub-grid\"\u003e\n      \u003cdiv class=\"soi-bsub-card\"\u003e\n        \u003ch3\u003e🤍 Mûrier blanc\u003c\/h3\u003e\n        \u003cp\u003eInhibiteur naturel de la mélanogenèse, il réduit activement la production de mélanine responsable des taches brunes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-card\"\u003e\n        \u003ch3\u003e🥒 Extrait de concombre\u003c\/h3\u003e\n        \u003cp\u003eLimite le stockage pigmentaire et apaise les zones sensibilisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-card\"\u003e\n        \u003ch3\u003e🌺 Fleur d'hibiscus\u003c\/h3\u003e\n        \u003cp\u003eExfolie en douceur pour accélérer l'élimination des cellules hyperpigmentées et révéler l'éclat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-card\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003e100 % d'origine naturelle, il repulpe, lisse les micro-ridules et renforce l'hydratation en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-card\"\u003e\n        \u003ch3\u003e🌹 Huile de rosier muscat bio\u003c\/h3\u003e\n        \u003cp\u003eRégénère et unifie le grain de peau, idéale sur les cicatrices et irrégularités.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-card\"\u003e\n        \u003ch3\u003e🥑 Huile d'avocat bio\u003c\/h3\u003e\n        \u003cp\u003eNourrit intensément et protège la barrière cutanée grâce à ses acides gras essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-card\"\u003e\n        \u003ch3\u003e🌵 Huile de figue de barbarie bio\u003c\/h3\u003e\n        \u003cp\u003eUltra-antioxydante, elle combat les radicaux libres et prévient le relâchement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-card\"\u003e\n        \u003ch3\u003e✨ Vitamine E 100 % naturelle\u003c\/h3\u003e\n        \u003cp\u003eRenforce l'action anti-âge et protège les cellules du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Composition complète --\u003e\n  \u003csection class=\"soi-bsub-section\"\u003e\n    \u003ch2\u003eComposition complète du sérum BIO SUBLIME\u003c\/h2\u003e\n    \u003cp class=\"soi-bsub-section-intro\"\u003eCe sérum est formulé à partir d'ingrédients \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, certifiés Cosmos Organic par Ecocert :\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-bsub-compo\"\u003e\n      \u003cdiv class=\"soi-bsub-compo-row\"\u003e\n        \u003cspan class=\"soi-bsub-compo-label\"\u003eBase florale\u003c\/span\u003e\n        \u003cspan class=\"soi-bsub-compo-value\"\u003eEau florale de fleur d'oranger\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-compo-row\"\u003e\n        \u003cspan class=\"soi-bsub-compo-label\"\u003eHuiles précieuses bio\u003c\/span\u003e\n        \u003cspan class=\"soi-bsub-compo-value\"\u003eFigue de barbarie, avocat, rosier muscat\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-compo-row\"\u003e\n        \u003cspan class=\"soi-bsub-compo-label\"\u003eExtraits végétaux\u003c\/span\u003e\n        \u003cspan class=\"soi-bsub-compo-value\"\u003eFleur d'hibiscus, mûrier blanc, concombre\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-compo-row\"\u003e\n        \u003cspan class=\"soi-bsub-compo-label\"\u003eActifs repulpants\u003c\/span\u003e\n        \u003cspan class=\"soi-bsub-compo-value\"\u003eAcide hyaluronique d'origine naturelle, vitamine E naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-compo-row\"\u003e\n        \u003cspan class=\"soi-bsub-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-bsub-compo-value\"\u003eSilicone, paraben, parfum de synthèse\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-compo-row\"\u003e\n        \u003cspan class=\"soi-bsub-compo-label\"\u003eVolume\u003c\/span\u003e\n        \u003cspan class=\"soi-bsub-compo-value\"\u003e50 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-compo-row\"\u003e\n        \u003cspan class=\"soi-bsub-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-bsub-compo-value\"\u003eFrance (Laboratoires Val de Loire)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Comment appliquer --\u003e\n  \u003csection class=\"soi-bsub-section\"\u003e\n    \u003ch2\u003eComment appliquer votre sérum anti-taches pour de vrais résultats ?\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-bsub-timeline\"\u003e\n      \u003cdiv class=\"soi-bsub-step\"\u003e\n        \u003cdiv class=\"soi-bsub-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-bsub-step-content\"\u003e\n          \u003ch3\u003eMatin et\/ou soir\u003c\/h3\u003e\n          \u003cp\u003eSur peau propre et sèche, prélevez 2 à 3 pressions et appliquez sur le visage, le cou et les mains en massant doucement jusqu'à pénétration complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-step\"\u003e\n        \u003cdiv class=\"soi-bsub-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-bsub-step-content\"\u003e\n          \u003ch3\u003eProtection solaire le matin\u003c\/h3\u003e\n          \u003cp\u003eComplétez obligatoirement avec une protection solaire SPF 30 minimum : sans protection UV, les taches brunes résistent à tout traitement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-step\"\u003e\n        \u003cdiv class=\"soi-bsub-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-bsub-step-content\"\u003e\n          \u003ch3\u003eCure recommandée de 6 à 8 semaines\u003c\/h3\u003e\n          \u003cp\u003ePour observer une correction visible et durable des taches pigmentaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-bsub-tip\"\u003e\n      \u003cdiv class=\"soi-bsub-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eSa texture légère et soyeuse ne laisse aucun film gras et convient parfaitement sous le maquillage. Pour bénéficier pleinement de ses propriétés, associez systématiquement votre sérum à une protection solaire quotidienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Pour qui --\u003e\n  \u003csection class=\"soi-bsub-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce sérum anti-taches bio ?\u003c\/h2\u003e\n    \u003cp class=\"soi-bsub-section-intro\"\u003eBIO SUBLIME convient à \u003cstrong\u003etous types de peau\u003c\/strong\u003e, y compris les peaux sensibles, mixtes ou matures. Il cible particulièrement :\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-bsub-benefits\"\u003e\n      \u003cdiv class=\"soi-bsub-benefit\"\u003e\n        \u003cdiv class=\"soi-bsub-benefit-icon\"\u003e\u003cspan\u003e🕰️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTaches de vieillissement\u003c\/h3\u003e\n        \u003cp\u003eMains, visage, décolleté : les marques liées au temps sont visiblement corrigées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-benefit\"\u003e\n        \u003cdiv class=\"soi-bsub-benefit-icon\"\u003e\u003cspan\u003e🤰\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTaches hormonales\u003c\/h3\u003e\n        \u003cp\u003ePost-grossesse ou liées à la contraception, les irrégularités pigmentaires sont atténuées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-benefit\"\u003e\n        \u003cdiv class=\"soi-bsub-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTaches solaires\u003c\/h3\u003e\n        \u003cp\u003eLes irrégularités de teint persistantes liées à l'exposition sont visiblement estompées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bsub-benefit\"\u003e\n        \u003cdiv class=\"soi-bsub-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePrévention anti-âge\u003c\/h3\u003e\n        \u003cp\u003ePour les peaux qui souhaitent prévenir le vieillissement cutané prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Précautions --\u003e\n  \u003csection class=\"soi-bsub-section\"\u003e\n    \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bsub-accordion\"\u003e\n      \u003cdetails class=\"soi-bsub-accordion-item\"\u003e\n        \u003csummary class=\"soi-bsub-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"soi-bsub-accordion-content\"\u003e\n          \u003cp\u003eÉvitez le contour des yeux. En cas de grossesse, consultez votre médecin avant utilisation. Ce produit cosmétique ne se substitue pas à un traitement dermatologique. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé.\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-bsub-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-bsub-cta-box\"\u003e\n      \u003cp class=\"soi-bsub-cta-tag\" style=\"color: white;\"\u003eUn geste beauté aligné avec vos valeurs\u003c\/p\u003e\n      \u003cp class=\"soi-bsub-cta-text\" style=\"color: white;\"\u003eBIO SUBLIME, c'est un teint retrouvé, une peau nourrie et des actifs végétaux soigneusement sélectionnés. Parce que prendre soin de votre peau ne devrait jamais se faire au détriment de la nature.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-bsub-marine: #1A2D3D;\n  --soi-bsub-marine-dark: #0F1E2B;\n  --soi-bsub-marine-light: #2C4458;\n  --soi-bsub-pomme: #A1C544;\n  --soi-bsub-pomme-dark: #84A636;\n  --soi-bsub-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-bsub-white: #FFFFFF;\n  --soi-bsub-off-white: #F8FAF6;\n  --soi-bsub-stone: #F1F3EE;\n  --soi-bsub-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging : blanc, doré, vert naturel, touches d'hibiscus rouge) === *\/\n  --soi-bsub-primary: #B89C6E;\n  --soi-bsub-primary-soft: rgba(184,156,110,0.12);\n  --soi-bsub-accent: #D4A8A4;\n\n  \/* === Textes === *\/\n  --soi-bsub-text: #1A2D3D;\n  --soi-bsub-text-soft: #4A5B6B;\n  --soi-bsub-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-bsub-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-bsub-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-bsub-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-bsub-radius: 12px;\n  --soi-bsub-radius-sm: 8px;\n  --soi-bsub-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-bsub-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bsub-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-bsub-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-bsub-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-bsub-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-bsub-hero {\n  position: relative;\n  background: var(--soi-bsub-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-bsub-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-bsub-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-bsub-pomme);\n}\n\n.soi-bsub-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-bsub-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-bsub-pomme);\n  border-radius: 50%;\n}\n\n.soi-bsub-hero-title {\n  display: block;\n  color: var(--soi-bsub-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-bsub-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-bsub-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-bsub-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-bsub-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-bsub-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-bsub-label-accent {\n  background: var(--soi-bsub-pomme);\n  border-color: var(--soi-bsub-pomme);\n  color: var(--soi-bsub-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-bsub-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bsub-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-bsub-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-bsub-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-bsub-pomme);\n  border-radius: 2px;\n}\n\n.soi-bsub-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-bsub-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-bsub-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-bsub-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-bsub-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-bsub-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-bsub-card {\n  background: var(--soi-bsub-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bsub-radius);\n  border-left: 3px solid var(--soi-bsub-pomme);\n}\n\n.soi-bsub-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bsub-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bsub-card p {\n  font-size: 14px;\n  color: var(--soi-bsub-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === BENEFITS (cercles marine) === *\/\n.soi-bsub-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-bsub-benefit {\n  background: var(--soi-bsub-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-bsub-radius);\n  border: 1px solid var(--soi-bsub-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bsub-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-bsub-shadow-md);\n}\n\n.soi-bsub-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-bsub-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-bsub-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-bsub-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-bsub-benefit:hover .soi-bsub-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-bsub-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bsub-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bsub-benefit p {\n  font-size: 13px;\n  color: var(--soi-bsub-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-bsub-compo {\n  background: var(--soi-bsub-off-white);\n  border-radius: var(--soi-bsub-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-bsub-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-bsub-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-bsub-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-bsub-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-bsub-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-bsub-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-bsub-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-bsub-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-bsub-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-bsub-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bsub-radius);\n  border: 1px solid var(--soi-bsub-line);\n  align-items: flex-start;\n}\n\n.soi-bsub-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-bsub-marine);\n  color: var(--soi-bsub-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-bsub-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-bsub-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-bsub-step-content p {\n  font-size: 14px;\n  color: var(--soi-bsub-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-bsub-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-bsub-pomme-light);\n  border-left: 4px solid var(--soi-bsub-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-bsub-radius) var(--soi-bsub-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-bsub-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-bsub-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-bsub-marine);\n  margin-bottom: 4px;\n}\n\n.soi-bsub-tip p {\n  font-size: 14px;\n  color: var(--soi-bsub-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-bsub-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-bsub-accordion-item {\n  background: var(--soi-bsub-off-white);\n  border-radius: var(--soi-bsub-radius-sm);\n  border: 1px solid var(--soi-bsub-line);\n  overflow: hidden;\n}\n\n.soi-bsub-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-bsub-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-bsub-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-bsub-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-bsub-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-bsub-accordion-item[open] .soi-bsub-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-bsub-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-bsub-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-bsub-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-bsub-cta-box {\n  background: var(--soi-bsub-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-bsub-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-bsub-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-bsub-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-bsub-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-bsub-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-bsub-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-bsub-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-bsub-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-bsub-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-bsub-compo-value {\n    text-align: left;\n  }\n\n  .soi-bsub-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-bsub-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-bsub-fiche {\n    --soi-bsub-text-soft: #2C3E50;\n    --soi-bsub-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Science et Equilibre","offers":[{"title":"Default Title","offer_id":61603780395338,"sku":"SQ0075","price":49.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/bio-sublime-serum-anti-taches-certifie-bio-et-vegan-science--packshot.webp?v=1787417395","url":"https:\/\/firmtoaromatherapy.com\/products\/bio-sublime-serum-anti-taches-certifie-bio-et-vegan-science-et-equilibre","provider":"Soinature","version":"1.0","type":"link"}