{"product_id":"gemmo-complexe-optigem-bio-et-vegan-herbalgem","title":"Gemmo-complexe Optigem bio et vegan - HerbalGem","description":"\u003cdiv class=\"soi-opti-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-opti-hero\"\u003e\n    \u003cdiv class=\"soi-opti-hero-tag\"\u003e\n      \u003cspan class=\"soi-opti-tag-dot\"\u003e\u003c\/span\u003e\n      Gemmothérapie · HerbalGem\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-opti-hero-title\"\u003eLe regard accompagné par la force des bourgeons\u003c\/span\u003e\n    \u003cp class=\"soi-opti-hero-subtitle\"\u003eOptigem bio réunit les bourgeons frais de myrtillier, de genévrier, la prêle et la lutéine dans une synergie végétale conçue pour soutenir votre confort visuel au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-opti-hero-labels\"\u003e\n      \u003cspan class=\"soi-opti-label soi-opti-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-opti-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-opti-label\"\u003eSANS OGM\u003c\/span\u003e\n      \u003cspan class=\"soi-opti-label\"\u003eCONCENTRÉ DE BOURGEONS FRAIS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTRODUCTION --\u003e\n  \u003csection class=\"soi-opti-section\"\u003e\n    \u003cp\u003eVous passez de longues heures devant un écran, vous ressentez une fatigue visuelle persistante en fin de journée, ou vous cherchez simplement à prendre soin de vos yeux de façon naturelle ? L'Optigem bio de HerbalGem est un complexe de gemmothérapie conçu précisément pour accompagner le confort et la vitalité oculaire au quotidien, avec une formule 100 % biologique et vegan.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- QU'EST-CE QUE LA GEMMOTHÉRAPIE --\u003e\n  \u003csection class=\"soi-opti-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Optigem comme complément visuel ?\u003c\/h2\u003e\n    \u003cp\u003eLa gemmothérapie utilise les tissus embryonnaires des plantes, c'est-à-dire les bourgeons et jeunes pousses fraîches, là où la concentration en principes actifs est la plus élevée. HerbalGem extrait ces substances via une macération dans un mélange eau, alcool et glycérine, ce qui préserve l'intégralité des nutriments actifs.\u003c\/p\u003e\n    \u003cp\u003eOptigem bio associe plusieurs bourgeons et extraits végétaux reconnus, sélectionnés pour leur complémentarité autour de la fonction visuelle.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"soi-opti-section\"\u003e\n    \u003ch2\u003eComposition complète et dosage\u003c\/h2\u003e\n    \u003cp class=\"soi-opti-section-intro\"\u003eChaque dose journalière recommandée (5 gouttes) apporte une synergie d'actifs ciblés pour le bien-être oculaire :\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-opti-grid\"\u003e\n      \u003cdiv class=\"soi-opti-card\"\u003e\n        \u003ch3\u003e🫐 Bourgeon de myrtillier\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eVaccinium myrtillus\u003c\/em\u003e : actif phare d'Optigem, le myrtillier contribue au maintien normal de la santé des yeux, notamment pour la vision crépusculaire et la résistance de la microcirculation oculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opti-card\"\u003e\n        \u003ch3\u003e🌿 Bourgeon de genévrier\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eJuniperus communis\u003c\/em\u003e : traditionnellement associé au soutien hépatique, un foie en bonne santé participant indirectement à un meilleur confort visuel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opti-card\"\u003e\n        \u003ch3\u003e🌾 Prêle\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eEquisetum arvense\u003c\/em\u003e : riche en silice, elle accompagne la résistance et la vitalité des tissus, y compris les structures oculaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opti-card\"\u003e\n        \u003ch3\u003e🟡 Lutéine\u003c\/h3\u003e\n        \u003cp\u003eCaroténoïde présent naturellement dans la rétine, reconnu pour son rôle dans la protection des cellules visuelles face aux agressions lumineuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-opti-compo\"\u003e\n      \u003cdiv class=\"soi-opti-compo-row\"\u003e\n        \u003cspan class=\"soi-opti-compo-label\"\u003eExcipients\u003c\/span\u003e\n        \u003cspan class=\"soi-opti-compo-value\"\u003eEau, alcool de grains biologiques, glycérine végétale bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opti-compo-row\"\u003e\n        \u003cspan class=\"soi-opti-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-opti-compo-value\"\u003eFlacon de 30 ml avec compte-gouttes\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POSOLOGIE --\u003e\n  \u003csection class=\"soi-opti-section\"\u003e\n    \u003ch2\u003eComment prendre Optigem bio ? Posologie recommandée\u003c\/h2\u003e\n    \u003cdiv class=\"soi-opti-timeline\"\u003e\n      \u003cdiv class=\"soi-opti-step\"\u003e\n        \u003cdiv class=\"soi-opti-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-opti-step-content\"\u003e\n          \u003ch3\u003e5 gouttes par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin à jeun, diluées dans un verre d'eau ou directement sous la langue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opti-step\"\u003e\n        \u003cdiv class=\"soi-opti-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-opti-step-content\"\u003e\n          \u003ch3\u003eCure de 6 à 8 semaines\u003c\/h3\u003e\n          \u003cp\u003eRenouvelable après une pause. Idéal lors de périodes intenses : travail sur écran, conduite nocturne fréquente.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opti-step\"\u003e\n        \u003cdiv class=\"soi-opti-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-opti-step-content\"\u003e\n          \u003ch3\u003ePrécaution\u003c\/h3\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical. Ne remplace pas un traitement ophtalmologique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"soi-opti-section\"\u003e\n    \u003ch2\u003ePour qui est fait Optigem bio HerbalGem ?\u003c\/h2\u003e\n    \u003cp class=\"soi-opti-section-intro\"\u003eCe complexe s'adresse à toute personne souhaitant soutenir naturellement sa vue, notamment :\u003c\/p\u003e\n    \u003cdiv class=\"soi-opti-benefits\"\u003e\n      \u003cdiv class=\"soi-opti-benefit\"\u003e\n        \u003cdiv class=\"soi-opti-benefit-icon\"\u003e\u003cspan\u003e💻\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eActifs exposés aux écrans\u003c\/h3\u003e\n        \u003cp\u003eTélétravail, open-space, gaming : vos yeux sont sollicités toute la journée et méritent un soutien ciblé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opti-benefit\"\u003e\n        \u003cdiv class=\"soi-opti-benefit-icon\"\u003e\u003cspan\u003e🌙\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFatigue oculaire en soirée\u003c\/h3\u003e\n        \u003cp\u003eVous ressentez une fatigue visuelle en fin de journée ou des difficultés de vision nocturne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opti-benefit\"\u003e\n        \u003cdiv class=\"soi-opti-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApproche préventive\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez adopter une démarche naturelle et durable pour préserver votre confort visuel sur le long terme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opti-benefit\"\u003e\n        \u003cdiv class=\"soi-opti-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eExigence bio et vegan\u003c\/h3\u003e\n        \u003cp\u003eVous êtes attentif à la qualité biologique et vegan de vos compléments alimentaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- HERBALGEM --\u003e\n  \u003csection class=\"soi-opti-section\"\u003e\n    \u003ch2\u003ePourquoi faire confiance à HerbalGem ?\u003c\/h2\u003e\n    \u003cp\u003ePionnier belge de la gemmothérapie depuis plus de 40 ans, HerbalGem est une référence en Europe pour la qualité et la rigueur de ses extraits de bourgeons. Chaque produit est certifié biologique, formulé sans OGM, sans colorant artificiel, et respecte une charte vegan stricte.\u003c\/p\u003e\n    \u003cp\u003eOptigem bio bénéficie de cette expertise et d'une traçabilité complète des matières premières végétales.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PRÉCAUTIONS --\u003e\n  \u003csection class=\"soi-opti-section\"\u003e\n    \u003cdiv class=\"soi-opti-accordion\"\u003e\n      \u003cdetails class=\"soi-opti-accordion-item\"\u003e\n        \u003csummary class=\"soi-opti-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-opti-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à un suivi médical ou ophtalmologique. En cas de troubles visuels persistants, consultez un professionnel de santé. Déconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-opti-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-opti-cta-box\"\u003e\n      \u003cp class=\"soi-opti-cta-tag\" style=\"color: white;\"\u003ePrendre soin de vous naturellement, commencer par le regard\u003c\/p\u003e\n      \u003cp class=\"soi-opti-cta-text\" style=\"color: white;\"\u003eVos yeux méritent autant d'attention que le reste de votre santé. Avec Optigem bio de HerbalGem, vous leur offrez chaque jour le meilleur de la gemmothérapie : des bourgeons frais, une formule bio et vegan, et une synergie végétale pensée pour accompagner votre confort visuel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-opti-marine: #1A2D3D;\n  --soi-opti-marine-dark: #0F1E2B;\n  --soi-opti-marine-light: #2C4458;\n  --soi-opti-pomme: #A1C544;\n  --soi-opti-pomme-dark: #84A636;\n  --soi-opti-pomme-light: rgba(161,197,68,0.10);\n  --soi-opti-white: #FFFFFF;\n  --soi-opti-off-white: #F8FAF6;\n  --soi-opti-stone: #F1F3EE;\n  --soi-opti-line: #E5E8E0;\n  --soi-opti-primary: #9B7AB5;\n  --soi-opti-primary-soft: #C5AED8;\n  --soi-opti-accent: #7A5A94;\n  --soi-opti-text: #1A2D3D;\n  --soi-opti-text-soft: #4A5B6B;\n  --soi-opti-text-muted: #7B8693;\n  --soi-opti-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-opti-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-opti-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-opti-radius: 12px;\n  --soi-opti-radius-sm: 8px;\n  --soi-opti-radius-pill: 999px;\n}\n\n.soi-opti-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-opti-fiche img { max-width: 100%; height: auto; }\n\n.soi-opti-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-opti-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-opti-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-opti-hero {\n  position: relative;\n  background: var(--soi-opti-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-opti-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-opti-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-opti-pomme);\n}\n\n.soi-opti-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-opti-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-opti-pomme);\n  border-radius: 50%;\n}\n\n.soi-opti-hero-title {\n  display: block;\n  color: var(--soi-opti-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-opti-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-opti-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-opti-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-opti-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-opti-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-opti-label-accent {\n  background: var(--soi-opti-pomme);\n  border-color: var(--soi-opti-pomme);\n  color: var(--soi-opti-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-opti-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-opti-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-opti-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-opti-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-opti-pomme);\n  border-radius: 2px;\n}\n\n.soi-opti-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-opti-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-opti-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-opti-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-opti-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-opti-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-opti-benefit {\n  background: var(--soi-opti-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-opti-radius);\n  border: 1px solid var(--soi-opti-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-opti-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-opti-shadow-md);\n}\n\n.soi-opti-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-opti-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-opti-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-opti-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-opti-benefit:hover .soi-opti-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-opti-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-opti-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-opti-benefit p {\n  font-size: 15px;\n  color: var(--soi-opti-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-opti-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-opti-card {\n  background: var(--soi-opti-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-opti-radius);\n  border-left: 3px solid var(--soi-opti-pomme);\n}\n\n.soi-opti-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-opti-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-opti-card p {\n  font-size: 14px;\n  color: var(--soi-opti-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-opti-card p em {\n  color: var(--soi-opti-text-muted);\n  font-size: 13px;\n}\n\n\/* COMPOSITION (data rows) *\/\n.soi-opti-compo {\n  background: var(--soi-opti-off-white);\n  border-radius: var(--soi-opti-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-opti-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-opti-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-opti-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-opti-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-opti-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-opti-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-opti-marine);\n  text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-opti-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-opti-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-opti-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-opti-radius);\n  border: 1px solid var(--soi-opti-line);\n  align-items: flex-start;\n}\n\n.soi-opti-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-opti-marine);\n  color: var(--soi-opti-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-opti-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-opti-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-opti-step-content p {\n  font-size: 15px;\n  color: var(--soi-opti-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-opti-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-opti-accordion-item {\n  background: var(--soi-opti-off-white);\n  border-radius: var(--soi-opti-radius-sm);\n  border: 1px solid var(--soi-opti-line);\n  overflow: hidden;\n}\n\n.soi-opti-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-opti-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-opti-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-opti-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-opti-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-opti-accordion-item[open] .soi-opti-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-opti-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-opti-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-opti-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-opti-cta-box {\n  background: var(--soi-opti-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-opti-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-opti-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-opti-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-opti-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-opti-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-opti-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-opti-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-opti-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-opti-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-opti-compo-value {\n    text-align: left;\n  }\n\n  .soi-opti-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-opti-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-opti-fiche {\n    --soi-opti-text-soft: #2C3E50;\n    --soi-opti-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Herbalgem","offers":[{"title":"Default Title","offer_id":61603931554122,"sku":"HG0095","price":25.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gemmo-complexe-optigem-bio-et-vegan-herbalgem-packshot.webp?v=1792054257","url":"https:\/\/firmtoaromatherapy.com\/products\/gemmo-complexe-optigem-bio-et-vegan-herbalgem","provider":"Soinature","version":"1.0","type":"link"}