{"title":"Vision et audition","description":"","products":[{"product_id":"myrtille-acerola-bio","title":"Myrtille Acérola Bio et Vegan en gélules","description":"\n\u003cdiv class=\"soi-myac-fiche\"\u003e\n\n \u003csection class=\"soi-myac-hero\"\u003e\n \u003cdiv class=\"soi-myac-hero-tag\"\u003e\n \u003cspan class=\"soi-myac-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire vision · Graine Sauvage\n \u003c\/div\u003e\n \u003cspan class=\"soi-myac-hero-title\"\u003eLa synergie naturelle au service de vos yeux\u003c\/span\u003e\n \u003cp class=\"soi-myac-hero-subtitle\"\u003eDeux superfruits bio réunis dans une formule certifiée, vegan et fabriquée en France, pour soutenir votre vision au quotidien et protéger vos cellules du stress oxydatif.\u003c\/p\u003e\n \u003cdiv class=\"soi-myac-hero-labels\"\u003e\n \u003cspan class=\"soi-myac-label soi-myac-label-accent\"\u003eBIO · FR-BIO-01\u003c\/span\u003e\n \u003cspan class=\"soi-myac-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-myac-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-myac-label\"\u003eSANS OGM\u003c\/span\u003e\n \u003cspan class=\"soi-myac-label\"\u003eVITAMINE C NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-myac-section\"\u003e\n \u003ch2\u003ePourquoi associer myrtille et acérola pour la vision ?\u003c\/h2\u003e\n \u003cp\u003eLa \u003cstrong\u003emyrtille\u003c\/strong\u003e est l'une des plantes les plus étudiées pour la santé oculaire. Sa richesse en \u003cstrong\u003eanthocyanosides et polyphénols\u003c\/strong\u003e en fait un antioxydant de premier plan, particulièrement apprécié pour soutenir la microcirculation de la rétine et favoriser une bonne \u003cstrong\u003evision nocturne\u003c\/strong\u003e. Dans cette formule, la myrtille est titrée à \u003cstrong\u003e0,5 % d'anthocyanosides et 2,5 % de polyphénols\u003c\/strong\u003e, ce qui garantit une concentration active réelle à chaque prise.\u003c\/p\u003e\n \u003cp\u003eL'\u003cstrong\u003eacérola\u003c\/strong\u003e, petit fruit tropical d'une richesse exceptionnelle, apporte une \u003cstrong\u003evitamine C 100 % naturelle\u003c\/strong\u003e. Elle agit en synergie avec la myrtille pour renforcer la protection antioxydante des tissus oculaires, contribuer à la \u003cstrong\u003eformation du collagène\u003c\/strong\u003e (cornée, sclérotique) et soutenir votre système immunitaire. Le résultat : un complexe vision complet, sans aucune vitamine C synthétique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-myac-section\"\u003e\n \u003ch2\u003eLes bienfaits des gélules Myrtille Acérola Bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-myac-benefits\"\u003e\n \u003cdiv class=\"soi-myac-benefit\"\u003e\n \u003cdiv class=\"soi-myac-benefit-icon\"\u003e\u003cspan\u003e👁️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVision et vision nocturne\u003c\/h3\u003e\n \u003cp\u003eLes anthocyanosides de myrtille vous aident à maintenir une bonne acuité visuelle, y compris en conditions de faible luminosité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-myac-benefit\"\u003e\n \u003cdiv class=\"soi-myac-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n \u003cp\u003eMyrtille et vitamine C naturelle agissent ensemble pour limiter le stress oxydatif sur les cellules rétiniennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-myac-benefit\"\u003e\n \u003cdiv class=\"soi-myac-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormation de collagène\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C contribue à préserver l'intégrité des structures oculaires comme la cornée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-myac-benefit\"\u003e\n \u003cdiv class=\"soi-myac-benefit-icon\"\u003e\u003cspan\u003e💻\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFatigue visuelle\u003c\/h3\u003e\n \u003cp\u003eUn soutien précieux si vous passez de longues heures devant les écrans au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-myac-benefit\"\u003e\n \u003cdiv class=\"soi-myac-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C participe au bon fonctionnement du système immunitaire, limitant le risque d'infections oculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-myac-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n \u003cp class=\"soi-myac-section-intro\"\u003eChaque flacon contient \u003cstrong\u003e90 gélules végétales\u003c\/strong\u003e, soit \u003cstrong\u003e30 jours d'utilisation\u003c\/strong\u003e. Voici le détail de la formule et les conseils de prise.\u003c\/p\u003e\n \u003cdiv class=\"soi-myac-compo\"\u003e\n \u003cdiv class=\"soi-myac-compo-row\"\u003e\n \u003cspan class=\"soi-myac-compo-label\"\u003eIngrédient principal\u003c\/span\u003e\n \u003cspan class=\"soi-myac-compo-value\"\u003eExtrait de myrtille bio (Vaccinium myrtillus) titré à 0,5 % d'anthocyanosides et 2,5 % de polyphénols\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-myac-compo-row\"\u003e\n \u003cspan class=\"soi-myac-compo-label\"\u003eActif complémentaire\u003c\/span\u003e\n \u003cspan class=\"soi-myac-compo-value\"\u003eExtrait d'acérola bio (Malpighia emarginata), source naturelle de vitamine C\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-myac-compo-row\"\u003e\n \u003cspan class=\"soi-myac-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"soi-myac-compo-value\"\u003eGélule végétale HPMC (sans gélatine animale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-myac-compo-row\"\u003e\n \u003cspan class=\"soi-myac-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-myac-compo-value\"\u003eAdditif, conservateur, OGM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-myac-compo-row\"\u003e\n \u003cspan class=\"soi-myac-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-myac-compo-value\"\u003e90 gélules végétales (30 jours)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-myac-compo-row\"\u003e\n \u003cspan class=\"soi-myac-compo-label\"\u003eCure recommandée\u003c\/span\u003e\n \u003cspan class=\"soi-myac-compo-value\"\u003e4 à 8 semaines, renouvelable selon vos besoins\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-myac-timeline\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-myac-step\"\u003e\n \u003cdiv class=\"soi-myac-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-myac-step-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez 3 gélules par jour, de préférence au cours d'un repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-myac-step\"\u003e\n \u003cdiv class=\"soi-myac-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-myac-step-content\"\u003e\n \u003ch3\u003eMode de prise\u003c\/h3\u003e\n \u003cp\u003eAvalez les gélules avec un grand verre d'eau pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-myac-step\"\u003e\n \u003cdiv class=\"soi-myac-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-myac-step-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eSuivez une cure de 4 à 8 semaines, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-myac-section\"\u003e\n \u003ch2\u003eCe qui distingue ce complexe vision\u003c\/h2\u003e\n \u003cdiv class=\"soi-myac-grid\"\u003e\n \u003cdiv class=\"soi-myac-card\"\u003e\n \u003ch3\u003e🌿 Certifié Agriculture Biologique\u003c\/h3\u003e\n \u003cp\u003eMyrtille et acérola issues de l'agriculture bio, sans pesticides ni intrants chimiques. Certifié par FR-BIO-01.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-myac-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduit selon des normes de qualité rigoureuses, pour une traçabilité totale de la matière première au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-myac-card\"\u003e\n \u003ch3\u003e🌱 100 % Vegan\u003c\/h3\u003e\n \u003cp\u003eGélules végétales HPMC, parfaitement adaptées aux régimes végétariens et vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-myac-card\"\u003e\n \u003ch3\u003e⚡ Vitamine C naturelle\u003c\/h3\u003e\n \u003cp\u003eAucune vitamine C synthétique dans cette formule : uniquement l'acérola bio, naturellement plus biodisponible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-myac-section\"\u003e\n \u003ch2\u003ePour qui sont ces gélules de myrtille ?\u003c\/h2\u003e\n \u003cp\u003eCe \u003cstrong\u003ecomplexe vision myrtille acérola\u003c\/strong\u003e s'adresse à toute personne souhaitant prendre soin de ses yeux de façon naturelle : personnes exposées aux écrans, actifs dont la vision est sollicitée intensément, seniors souhaitant préserver leur capital visuel, ou encore toute personne cherchant un antioxydant naturel complet. Il convient également à ceux qui recherchent une alternative naturelle aux formules classiques disponibles en pharmacie.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-myac-section\"\u003e\n \u003cdiv class=\"soi-myac-accordion\"\u003e\n \u003cdetails class=\"soi-myac-accordion-item\"\u003e\n \u003csummary class=\"soi-myac-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-myac-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical. En cas de pathologie oculaire, consultez un professionnel de santé avant de commencer la cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-myac-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-myac-cta-box\"\u003e\n \u003cp class=\"soi-myac-cta-tag\" style=\"color: white;\"\u003eLa clarté du regard, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-myac-cta-text\" style=\"color: white;\"\u003eOffrez à vos yeux une protection naturelle, certifiée bio et vegan, formulée avec soin en France. La myrtille pour la clarté du regard, l'acérola pour la vitalité de vos cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-myac-marine: #1A2D3D;\n --soi-myac-marine-dark: #0F1E2B;\n --soi-myac-marine-light: #2C4458;\n --soi-myac-pomme: #A1C544;\n --soi-myac-pomme-dark: #84A636;\n --soi-myac-pomme-light: rgba(161,197,68,0.10);\n\n --soi-myac-white: #FFFFFF;\n --soi-myac-off-white: #F8FAF6;\n --soi-myac-stone: #F1F3EE;\n --soi-myac-line: #E5E8E0;\n\n --soi-myac-primary: #4A5A8A;\n --soi-myac-primary-soft: #6B7AAA;\n --soi-myac-accent: #C8453A;\n\n --soi-myac-text: #1A2D3D;\n --soi-myac-text-soft: #4A5B6B;\n --soi-myac-text-muted: #7B8693;\n\n --soi-myac-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-myac-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-myac-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-myac-radius: 12px;\n --soi-myac-radius-sm: 8px;\n --soi-myac-radius-pill: 999px;\n}\n\n.soi-myac-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-myac-fiche img { max-width: 100%; height: auto; }\n\n.soi-myac-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-myac-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-myac-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-myac-hero {\n position: relative;\n background: var(--soi-myac-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-myac-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-myac-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-myac-pomme);\n}\n\n.soi-myac-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-myac-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-myac-pomme);\n border-radius: 50%;\n}\n\n.soi-myac-hero-title {\n display: block;\n color: var(--soi-myac-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-myac-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-myac-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-myac-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-myac-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-myac-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-myac-label-accent {\n background: var(--soi-myac-pomme);\n border-color: var(--soi-myac-pomme);\n color: var(--soi-myac-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-myac-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-myac-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-myac-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-myac-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-myac-pomme);\n border-radius: 2px;\n}\n\n.soi-myac-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-myac-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-myac-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-myac-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-myac-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-myac-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-myac-benefit {\n background: var(--soi-myac-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-myac-radius);\n border: 1px solid var(--soi-myac-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-myac-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-myac-shadow-md);\n}\n\n.soi-myac-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-myac-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-myac-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-myac-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-myac-benefit:hover .soi-myac-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-myac-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-myac-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-myac-benefit p {\n font-size: 13px;\n color: var(--soi-myac-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-myac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-myac-card {\n background: var(--soi-myac-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-myac-radius);\n border-left: 3px solid var(--soi-myac-pomme);\n}\n\n.soi-myac-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-myac-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-myac-card p {\n font-size: 14px;\n color: var(--soi-myac-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-myac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-myac-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-myac-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-myac-radius);\n border: 1px solid var(--soi-myac-line);\n align-items: flex-start;\n}\n\n.soi-myac-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-myac-marine);\n color: var(--soi-myac-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-myac-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-myac-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-myac-step-content p {\n font-size: 14px;\n color: var(--soi-myac-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-myac-compo {\n background: var(--soi-myac-off-white);\n border-radius: var(--soi-myac-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-myac-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-myac-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-myac-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-myac-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-myac-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-myac-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-myac-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-myac-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-myac-pomme-light);\n border-left: 4px solid var(--soi-myac-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-myac-radius) var(--soi-myac-radius) 0;\n align-items: flex-start;\n}\n\n.soi-myac-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-myac-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-myac-marine);\n margin-bottom: 4px;\n}\n\n.soi-myac-tip p {\n font-size: 14px;\n color: var(--soi-myac-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-myac-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-myac-accordion-item {\n background: var(--soi-myac-off-white);\n border-radius: var(--soi-myac-radius-sm);\n border: 1px solid var(--soi-myac-line);\n overflow: hidden;\n}\n\n.soi-myac-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-myac-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-myac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-myac-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-myac-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-myac-accordion-item[open] .soi-myac-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-myac-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-myac-accordion-content p {\n font-size: 14px;\n color: var(--soi-myac-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-myac-cta-box {\n background: var(--soi-myac-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-myac-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-myac-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-myac-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-myac-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-myac-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-myac-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-myac-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-myac-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-myac-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-myac-compo-value {\n text-align: left;\n }\n\n .soi-myac-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-myac-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-myac-fiche {\n --soi-myac-text-soft: #2C3E50;\n --soi-myac-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Graine sauvage","offers":[{"title":"Default Title","offer_id":61602595307850,"sku":"GS9222","price":17.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/myrtille-acerola-bio-et-vegan-en-gelules-packshot.webp?v=1779989078"},{"product_id":"audinat-60-gelules","title":"Audinat - Complément alimentaire Audition - Laboratoire Code","description":"\n\u003cdiv class=\"soi-audi-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-audi-hero\"\u003e\n \u003cdiv class=\"soi-audi-hero-tag\"\u003e\n \u003cspan class=\"soi-audi-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-audi-hero-title\"\u003eComplément naturel pour l'audition\u003c\/span\u003e\n \u003cp class=\"soi-audi-hero-subtitle\"\u003eUne synergie de 8 actifs naturels pour soutenir votre audition, votre circulation et votre système nerveux au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-audi-hero-labels\"\u003e\n \u003cspan class=\"soi-audi-label soi-audi-label-accent\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003cspan class=\"soi-audi-label\"\u003eCONDITIONNÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-audi-label\"\u003e8 ACTIFS NATURELS\u003c\/span\u003e\n \u003cspan class=\"soi-audi-label\"\u003eCONVIENT AUX VÉGÉTARIENS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-audi-section\"\u003e\n \u003cp class=\"soi-audi-section-intro\"\u003eVous ressentez une gêne auditive, des bourdonnements persistants ou une sensation de fatigue nerveuse qui pèse sur votre quotidien ? \u003cstrong\u003eAudinat\u003c\/strong\u003e, le complément alimentaire pour l'audition du Laboratoire Code, a été pensé pour vous accompagner avec une formule naturelle, complète et conditionnée en France.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir Audinat --\u003e\n \u003csection class=\"soi-audi-section\"\u003e\n \u003ch2\u003ePourquoi choisir Audinat pour soutenir votre audition ?\u003c\/h2\u003e\n \u003cp\u003ePrès de 460 millions de personnes dans le monde vivent avec des troubles auditifs, souvent aggravés par le stress, une mauvaise circulation ou des carences en micronutriments. Audinat répond à cette réalité avec une \u003cstrong\u003esynergie de 8 actifs naturels\u003c\/strong\u003e ciblant la santé auditive sous différents angles : circulation, protection cellulaire, système nerveux et apaisement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition complète --\u003e\n \u003csection class=\"soi-audi-section\"\u003e\n \u003ch2\u003eComposition complète d'Audinat : ingrédients et dosage par gélule\u003c\/h2\u003e\n \u003cp\u003eChaque gélule végétale de \u003cstrong\u003e395 mg\u003c\/strong\u003e contient :\u003c\/p\u003e\n \u003cdiv class=\"soi-audi-grid\"\u003e\n \u003cdiv class=\"soi-audi-card\"\u003e\n \u003ch3\u003e🌿 Extrait de Ginkgo biloba\u003c\/h3\u003e\n \u003cp\u003eActif phare reconnu pour favoriser la microcirculation périphérique, notamment au niveau des oreilles et des yeux, contribuant ainsi à une meilleure oxygénation des cellules auditives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-audi-card\"\u003e\n \u003ch3\u003e🌊 Magnésium marin\u003c\/h3\u003e\n \u003cp\u003eContribue au fonctionnement normal du système nerveux et à la réduction de la fatigue. Un apport essentiel pour les personnes exposées à un environnement sonore intense. VNR : 375 mg\/jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-audi-card\"\u003e\n \u003ch3\u003e🍃 Extrait de Mélisse\u003c\/h3\u003e\n \u003cp\u003ePlante apaisante par excellence, elle aide à atténuer les effets du stress chronique, fréquemment associé à l'aggravation des acouphènes et des gênes auditives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-audi-card\"\u003e\n \u003ch3\u003e⚡ Vitamine B1 (thiamine)\u003c\/h3\u003e\n \u003cp\u003eParticipe au bon fonctionnement du système nerveux et au métabolisme énergétique. VNR : 1,1 mg\/jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-audi-card\"\u003e\n \u003ch3\u003e🔋 Vitamine B2 (riboflavine)\u003c\/h3\u003e\n \u003cp\u003eContribue à réduire la fatigue et soutient la protection des cellules contre le stress oxydatif. VNR : 1,4 mg\/jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-audi-card\"\u003e\n \u003ch3\u003e💡 Vitamine B3 (niacine)\u003c\/h3\u003e\n \u003cp\u003eAide au maintien d'une fonction nerveuse normale et participe à la production d'énergie cellulaire. VNR : 16 mg\/jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-audi-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant, elle protège les cellules auditives contre les dommages causés par les radicaux libres. VNR : 12 mg\/jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-audi-card\"\u003e\n \u003ch3\u003e☀️ Vitamine D\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une ossature normale, ce qui réduit l'impact des vibrations sur l'oreille interne lors de la mastication ou du serrage des dents. VNR : 5 µg\/jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment prendre Audinat --\u003e\n \u003csection class=\"soi-audi-section\"\u003e\n \u003ch2\u003eComment prendre Audinat ? Conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"soi-audi-timeline\"\u003e\n \u003cdiv class=\"soi-audi-step\"\u003e\n \u003cdiv class=\"soi-audi-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-audi-step-content\"\u003e\n \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n \u003cp\u003e2 gélules végétales par jour, de préférence au cours d'un repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-audi-step\"\u003e\n \u003cdiv class=\"soi-audi-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-audi-step-content\"\u003e\n \u003ch3\u003eDurée conseillée\u003c\/h3\u003e\n \u003cp\u003eUne cure de 6 à 8 semaines est recommandée pour observer des résultats durables. Renouvelable selon vos besoins, après avis médical si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-audi-step\"\u003e\n \u003cdiv class=\"soi-audi-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-audi-step-content\"\u003e\n \u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de troubles auditifs diagnostiqués, 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\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les points forts --\u003e\n \u003csection class=\"soi-audi-section\"\u003e\n \u003ch2\u003eLes points forts d'Audinat en un coup d'œil\u003c\/h2\u003e\n \u003cdiv class=\"soi-audi-benefits\"\u003e\n \u003cdiv class=\"soi-audi-benefit\"\u003e\n \u003cdiv class=\"soi-audi-benefit-icon\"\u003e\u003cspan\u003e🧬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule 8-en-1\u003c\/h3\u003e\n \u003cp\u003ePlantes, minéraux et vitamines réunis dans une seule gélule pour une action complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-audi-benefit\"\u003e\n \u003cdiv class=\"soi-audi-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGélules végétales\u003c\/h3\u003e\n \u003cp\u003eConvient aux végétariens pour une approche respectueuse de chacun.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-audi-benefit\"\u003e\n \u003cdiv class=\"soi-audi-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eConditionné en France\u003c\/h3\u003e\n \u003cp\u003eFormulé et conditionné par le Laboratoire Code, gage de qualité et de traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-audi-benefit\"\u003e\n \u003cdiv class=\"soi-audi-benefit-icon\"\u003e\u003cspan\u003e✅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApproche responsable\u003c\/h3\u003e\n \u003cp\u003eSans promesse médicale, une démarche naturelle et transparente au service de votre bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-audi-benefit\"\u003e\n \u003cdiv class=\"soi-audi-benefit-icon\"\u003e\u003cspan\u003e📦\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e60 gélules par flacon\u003c\/h3\u003e\n \u003cp\u003eSoit un mois de cure à plein dosage pour un accompagnement complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Questions fréquentes --\u003e\n \u003csection class=\"soi-audi-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur Audinat\u003c\/h2\u003e\n \u003cdiv class=\"soi-audi-accordion\"\u003e\n \u003cdetails class=\"soi-audi-accordion-item\"\u003e\n \u003csummary class=\"soi-audi-accordion-header\"\u003e🔉 Audinat est-il efficace contre les acouphènes ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-audi-accordion-content\"\u003e\n \u003cp\u003eAudinat n'est pas un médicament et ne traite pas les acouphènes. En revanche, ses actifs comme le Ginkgo biloba, la mélisse et le magnésium contribuent à soutenir la circulation et le système nerveux, deux facteurs souvent impliqués dans les gênes auditives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-audi-accordion-item\"\u003e\n \u003csummary class=\"soi-audi-accordion-header\"\u003e🔄 Peut-on prendre Audinat au long cours ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-audi-accordion-content\"\u003e\n \u003cp\u003eOui, en cures renouvelées avec une pause entre deux cycles. Demandez l'avis de votre médecin pour un usage prolongé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-audi-accordion-item\"\u003e\n \u003csummary class=\"soi-audi-accordion-header\"\u003e👴 Audinat convient-il aux seniors ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-audi-accordion-content\"\u003e\n \u003cp\u003eTout à fait. Les seniors, plus exposés aux troubles de la microcirculation et aux carences en vitamines B et D, constituent une cible particulièrement concernée par cette formule.\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-audi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-audi-cta-box\"\u003e\n \u003cp class=\"soi-audi-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, c'est aussi prendre soin de son audition\u003c\/p\u003e\n \u003cp class=\"soi-audi-cta-text\" style=\"color: white;\"\u003eAudinat, c'est la rencontre entre la douceur des plantes et la précision des micronutriments essentiels. Que vous cherchiez à préserver votre capital auditif, à apaiser une gêne quotidienne ou simplement à prendre soin de votre système nerveux, cette formule naturelle conditionnée en France vous offre un soutien fiable, complet et bienveillant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-audi-marine: #1A2D3D;\n --soi-audi-marine-dark: #0F1E2B;\n --soi-audi-marine-light: #2C4458;\n --soi-audi-pomme: #A1C544;\n --soi-audi-pomme-dark: #84A636;\n --soi-audi-pomme-light: rgba(161,197,68,0.10);\n\n --soi-audi-white: #FFFFFF;\n --soi-audi-off-white: #F8FAF6;\n --soi-audi-stone: #F1F3EE;\n --soi-audi-line: #E5E8E0;\n\n --soi-audi-primary: #7BA8CC;\n --soi-audi-primary-soft: #D0E2F0;\n --soi-audi-accent: #D94444;\n\n --soi-audi-text: #1A2D3D;\n --soi-audi-text-soft: #4A5B6B;\n --soi-audi-text-muted: #7B8693;\n\n --soi-audi-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-audi-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-audi-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-audi-radius: 12px;\n --soi-audi-radius-sm: 8px;\n --soi-audi-radius-pill: 999px;\n}\n\n.soi-audi-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-audi-fiche img { max-width: 100%; height: auto; }\n\n.soi-audi-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-audi-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-audi-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-audi-hero {\n position: relative;\n background: var(--soi-audi-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-audi-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-audi-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-audi-pomme);\n}\n\n.soi-audi-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-audi-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-audi-pomme);\n border-radius: 50%;\n}\n\n.soi-audi-hero-title {\n display: block;\n color: var(--soi-audi-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-audi-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-audi-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-audi-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-audi-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-audi-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-audi-label-accent {\n background: var(--soi-audi-pomme);\n border-color: var(--soi-audi-pomme);\n color: var(--soi-audi-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-audi-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-audi-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-audi-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-audi-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-audi-pomme);\n border-radius: 2px;\n}\n\n.soi-audi-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-audi-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-audi-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-audi-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-audi-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-audi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-audi-card {\n background: var(--soi-audi-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-audi-radius);\n border-left: 3px solid var(--soi-audi-pomme);\n}\n\n.soi-audi-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-audi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-audi-card p {\n font-size: 14px;\n color: var(--soi-audi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-audi-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-audi-benefit {\n background: var(--soi-audi-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-audi-radius);\n border: 1px solid var(--soi-audi-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-audi-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-audi-shadow-md);\n}\n\n.soi-audi-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-audi-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-audi-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-audi-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-audi-benefit:hover .soi-audi-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-audi-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-audi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-audi-benefit p {\n font-size: 13px;\n color: var(--soi-audi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-audi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-audi-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-audi-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-audi-radius);\n border: 1px solid var(--soi-audi-line);\n align-items: flex-start;\n}\n\n.soi-audi-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-audi-marine);\n color: var(--soi-audi-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-audi-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-audi-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-audi-step-content p {\n font-size: 14px;\n color: var(--soi-audi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-audi-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-audi-accordion-item {\n background: var(--soi-audi-off-white);\n border-radius: var(--soi-audi-radius-sm);\n border: 1px solid var(--soi-audi-line);\n overflow: hidden;\n}\n\n.soi-audi-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-audi-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-audi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-audi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-audi-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-audi-accordion-item[open] .soi-audi-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-audi-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-audi-accordion-content p {\n font-size: 14px;\n color: var(--soi-audi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-audi-cta-box {\n background: var(--soi-audi-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-audi-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-audi-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-audi-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-audi-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-audi-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-audi-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 400;\n color: var(--soi-audi-white);\n line-height: 1.6;\n margin: 0;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-audi-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-audi-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-audi-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-audi-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-audi-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-audi-fiche {\n --soi-audi-text-soft: #2C3E50;\n --soi-audi-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61602764947786,"sku":"LC9109","price":17.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/audinat-en-gelules-packshot.webp?v=1779802171"},{"product_id":"omega-3-capsules","title":"Oméga 3 en capsules (x90) - MERalia","description":"\u003cdiv class=\"soi-omg3-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-omg3-hero\"\u003e\n \u003cdiv class=\"soi-omg3-hero-tag\"\u003e\n \u003cspan class=\"soi-omg3-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · MERalia\n \u003c\/div\u003e\n \u003cspan class=\"soi-omg3-hero-title\"\u003eLe pouvoir essentiel des acides gras marins\u003c\/span\u003e\n \u003cp class=\"soi-omg3-hero-subtitle\"\u003eHuile de poissons sauvages purifiée, riche en EPA et DHA : soutenez votre cœur, votre cerveau et votre vision au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-omg3-hero-labels\"\u003e\n \u003cspan class=\"soi-omg3-label soi-omg3-label-accent\"\u003ePÊCHE DURABLE\u003c\/span\u003e\n \u003cspan class=\"soi-omg3-label\"\u003eHUILE PURIFIÉE\u003c\/span\u003e\n \u003cspan class=\"soi-omg3-label\"\u003eSANS SAUMON\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Pourquoi votre corps a-t-il besoin d'oméga-3 ? --\u003e\n \u003csection class=\"soi-omg3-section\"\u003e\n \u003cdiv class=\"soi-omg3-intro-layout\"\u003e\n \u003cdiv class=\"soi-omg3-intro-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_ME2004_48b572fe-9617-4411-b2f4-473d90197a4e.jpg?v=1776180282\" alt=\"Femme épanouie sur la plage, illustrant les bienfaits des oméga-3 MERalia\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-intro-text\"\u003e\n \u003ch2\u003ePourquoi votre corps a-t-il besoin d'oméga-3 ?\u003c\/h2\u003e\n \u003cp\u003eLes acides gras oméga-3 font partie des nutriments que votre corps ne sait tout simplement pas fabriquer seul. Pourtant, ils sont impliqués dans des fonctions vitales : santé du cœur, clarté mentale, équilibre émotionnel et qualité de la vision. Sans un apport suffisant, ces fonctions peuvent progressivement se dérégler, souvent de façon silencieuse.\u003c\/p\u003e\n \u003cp\u003eLes oméga-3 en capsules MERalia sont formulés à partir d'huile de poissons sauvages, purifiée et désodorisée, pêchés dans le respect des ressources marines. Un complément alimentaire pensé pour celles et ceux qui veulent prendre soin d'eux avec exigence, sans compromis sur la qualité ni sur l'éthique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Les bienfaits des oméga-3 : ce que dit la science --\u003e\n \u003csection class=\"soi-omg3-section\"\u003e\n \u003ch2\u003eLes bienfaits des oméga-3 : ce que dit la science\u003c\/h2\u003e\n \u003cp class=\"soi-omg3-section-intro\"\u003eLes bienfaits des oméga-3 reposent sur deux acides gras clés, l'EPA et le DHA, dont les rôles sont aujourd'hui bien documentés. Voici ce qu'ils apportent concrètement à votre quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-omg3-benefits\"\u003e\n \u003cdiv class=\"soi-omg3-benefit\"\u003e\n \u003cdiv class=\"soi-omg3-benefit-icon\"\u003e\u003cspan\u003e❤️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCœur et circulation\u003c\/h3\u003e\n \u003cp\u003eL'association EPA et DHA contribue à une fonction cardiaque normale (allégation santé reconnue par l'EFSA). Un apport régulier soutient un rythme cardiaque sain et participe à l'équilibre des triglycérides sanguins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-benefit\"\u003e\n \u003cdiv class=\"soi-omg3-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCerveau et fonctions cognitives\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au maintien d'une fonction cérébrale normale. Il facilite également la circulation de la sérotonine et de la dopamine, deux neurotransmetteurs liés au bien-être et à la concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-benefit\"\u003e\n \u003cdiv class=\"soi-omg3-benefit-icon\"\u003e\u003cspan\u003e👁️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVision nette et durable\u003c\/h3\u003e\n \u003cp\u003eLe DHA est naturellement présent dans les membranes de la rétine et contribue au maintien d'une vision normale. Une carence peut affecter la qualité visuelle sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-benefit\"\u003e\n \u003cdiv class=\"soi-omg3-benefit-icon\"\u003e\u003cspan\u003e😌\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉquilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eL'EPA joue un rôle reconnu dans la stabilisation de l'humeur. Il aiderait à réduire les variations émotionnelles et à soutenir un état d'esprit plus serein au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Composition et posologie --\u003e\n \u003csection class=\"soi-omg3-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n \u003cp class=\"soi-omg3-section-intro\"\u003eChaque capsule est formulée avec soin pour vous garantir un apport efficace et bien dosé.\u003c\/p\u003e\n \u003cdiv class=\"soi-omg3-compo\"\u003e\n \u003cdiv class=\"soi-omg3-compo-row\"\u003e\n \u003cspan class=\"soi-omg3-compo-label\"\u003eIngrédient principal\u003c\/span\u003e\n \u003cspan class=\"soi-omg3-compo-value\"\u003eHuile de poissons sauvages purifiée et désodorisée (sans saumon)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-compo-row\"\u003e\n \u003cspan class=\"soi-omg3-compo-label\"\u003eAcides gras clés\u003c\/span\u003e\n \u003cspan class=\"soi-omg3-compo-value\"\u003eDHA (fonction cérébrale, vision) + EPA (fonction cardiaque)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-compo-row\"\u003e\n \u003cspan class=\"soi-omg3-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"soi-omg3-compo-value\"\u003eCapsule gélatineuse de qualité alimentaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-compo-row\"\u003e\n \u003cspan class=\"soi-omg3-compo-label\"\u003eConcentration\u003c\/span\u003e\n \u003cspan class=\"soi-omg3-compo-value\"\u003eOméga-3 totaux : dose concentrée et biodisponible\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-omg3-timeline\"\u003e\n \u003cdiv class=\"soi-omg3-step\"\u003e\n \u003cdiv class=\"soi-omg3-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-step-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez 2 capsules par jour, de préférence au cours d'un repas pour favoriser l'absorption des acides gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-step\"\u003e\n \u003cdiv class=\"soi-omg3-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-step-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de 4 à 6 semaines minimum est généralement recommandée pour observer des effets durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-omg3-accordion\"\u003e\n \u003cdetails class=\"soi-omg3-accordion-item\"\u003e\n \u003csummary class=\"soi-omg3-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-omg3-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de traitement anticoagulant ou de pathologie cardiovasculaire, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Un produit éthique et traçable --\u003e\n \u003csection class=\"soi-omg3-section\"\u003e\n \u003ch2\u003eUn produit éthique et traçable\u003c\/h2\u003e\n \u003cdiv class=\"soi-omg3-grid\"\u003e\n \u003cdiv class=\"soi-omg3-card\"\u003e\n \u003ch3\u003e🐟 Pêche durable\u003c\/h3\u003e\n \u003cp\u003ePoissons sélectionnés dans le respect des ressources marines et des écosystèmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-card\"\u003e\n \u003ch3\u003e🌬️ Huile purifiée et désodorisée\u003c\/h3\u003e\n \u003cp\u003eAbsence d'odeur de poisson, tolérance digestive optimale pour un confort d'utilisation au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-card\"\u003e\n \u003ch3\u003e🔍 Origine contrôlée\u003c\/h3\u003e\n \u003cp\u003eTraçabilité complète des matières premières, sans saumon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-card\"\u003e\n \u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n \u003cp\u003eProcessus de fabrication rigoureux pour une pureté et une efficacité maximales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : À qui s'adressent ces capsules oméga-3 ? --\u003e\n \u003csection class=\"soi-omg3-section\"\u003e\n \u003ch2\u003eÀ qui s'adressent ces capsules d'oméga-3 ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-omg3-grid\"\u003e\n \u003cdiv class=\"soi-omg3-card\"\u003e\n \u003ch3\u003e🥗 Alimentation pauvre en poissons gras\u003c\/h3\u003e\n \u003cp\u003eVous consommez peu de sardines, maquereau ou hareng ? Ces capsules compensent ce déficit en acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-card\"\u003e\n \u003ch3\u003e💼 Actifs sous stress cognitif\u003c\/h3\u003e\n \u003cp\u003eConcentration, mémoire, charge mentale : le DHA soutient vos fonctions cérébrales au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-card\"\u003e\n \u003ch3\u003e👀 Seniors soucieux de leur vision\u003c\/h3\u003e\n \u003cp\u003ePréservez votre acuité visuelle et vos fonctions cérébrales grâce à un apport régulier en DHA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-card\"\u003e\n \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eSoutenez votre cœur sur le long terme avec l'association EPA et DHA reconnue par l'EFSA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-omg3-tip\"\u003e\n \u003cdiv class=\"soi-omg3-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour des effets durables, nous vous recommandons une cure de 4 à 8 semaines minimum. Renouvelable selon vos besoins, idéalement en continu pour un soutien optimal de vos fonctions vitales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-omg3-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-omg3-cta-box\"\u003e\n \u003cp class=\"soi-omg3-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, avec les trésors de la mer\u003c\/p\u003e\n \u003cp class=\"soi-omg3-cta-text\" style=\"color: white;\"\u003eCœur, cerveau, vision, humeur : les oméga-3 MERalia vous accompagnent chaque jour avec des actifs reconnus, issus de la mer et formulés avec rigueur. Prenez soin de l'essentiel, simplement et durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-omg3-marine: #1A2D3D;\n --soi-omg3-marine-dark: #0F1E2B;\n --soi-omg3-marine-light: #2C4458;\n --soi-omg3-pomme: #A1C544;\n --soi-omg3-pomme-dark: #84A636;\n --soi-omg3-pomme-light: rgba(161,197,68,0.10);\n\n --soi-omg3-white: #FFFFFF;\n --soi-omg3-off-white: #F8FAF6;\n --soi-omg3-stone: #F1F3EE;\n --soi-omg3-line: #E5E8E0;\n\n --soi-omg3-primary: #1E5FA6;\n --soi-omg3-primary-soft: #E8F1FA;\n --soi-omg3-accent: #5CB8C4;\n\n --soi-omg3-text: #1A2D3D;\n --soi-omg3-text-soft: #4A5B6B;\n --soi-omg3-text-muted: #7B8693;\n\n --soi-omg3-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-omg3-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-omg3-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-omg3-radius: 12px;\n --soi-omg3-radius-sm: 8px;\n --soi-omg3-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-omg3-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-omg3-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR === *\/\n.soi-omg3-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-omg3-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-omg3-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-omg3-hero {\n position: relative;\n background: var(--soi-omg3-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-omg3-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-omg3-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-omg3-pomme);\n}\n\n.soi-omg3-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-omg3-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-omg3-pomme);\n border-radius: 50%;\n}\n\n.soi-omg3-hero-title {\n display: block;\n color: var(--soi-omg3-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-omg3-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-omg3-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-omg3-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-omg3-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-omg3-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-omg3-label-accent {\n background: var(--soi-omg3-pomme);\n border-color: var(--soi-omg3-pomme);\n color: var(--soi-omg3-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-omg3-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-omg3-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-omg3-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-omg3-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-omg3-pomme);\n border-radius: 2px;\n}\n\n.soi-omg3-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-omg3-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-omg3-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-omg3-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-omg3-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === INTRO LAYOUT (image + text) === *\/\n.soi-omg3-intro-layout {\n display: flex;\n flex-wrap: wrap;\n gap: clamp(1.5rem, 3vw, 2rem);\n align-items: center;\n}\n\n.soi-omg3-intro-image {\n flex: 0 0 calc(50% - 1rem);\n max-width: calc(50% - 1rem);\n}\n\n.soi-omg3-intro-image img {\n border-radius: var(--soi-omg3-radius);\n width: 100%;\n height: auto;\n display: block;\n}\n\n.soi-omg3-intro-text {\n flex: 0 0 calc(50% - 1rem);\n max-width: calc(50% - 1rem);\n}\n\n.soi-omg3-intro-text h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-omg3-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-omg3-intro-text h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-omg3-pomme);\n border-radius: 2px;\n}\n\n.soi-omg3-intro-text p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-omg3-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-omg3-intro-text p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-omg3-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-omg3-benefit {\n background: var(--soi-omg3-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-omg3-radius);\n border: 1px solid var(--soi-omg3-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-omg3-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-omg3-shadow-md);\n}\n\n.soi-omg3-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-omg3-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-omg3-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-omg3-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-omg3-benefit:hover .soi-omg3-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-omg3-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-omg3-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-omg3-benefit p {\n font-size: 13px;\n color: var(--soi-omg3-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-omg3-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-omg3-card {\n background: var(--soi-omg3-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-omg3-radius);\n border-left: 3px solid var(--soi-omg3-pomme);\n}\n\n.soi-omg3-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-omg3-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-omg3-card p {\n font-size: 14px;\n color: var(--soi-omg3-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-omg3-compo {\n background: var(--soi-omg3-off-white);\n border-radius: var(--soi-omg3-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-omg3-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-omg3-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-omg3-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-omg3-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-omg3-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-omg3-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-omg3-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-omg3-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-omg3-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-omg3-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-omg3-radius);\n border: 1px solid var(--soi-omg3-line);\n align-items: flex-start;\n}\n\n.soi-omg3-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-omg3-marine);\n color: var(--soi-omg3-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-omg3-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-omg3-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-omg3-step-content p {\n font-size: 14px;\n color: var(--soi-omg3-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-omg3-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-omg3-pomme-light);\n border-left: 4px solid var(--soi-omg3-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-omg3-radius) var(--soi-omg3-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-omg3-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-omg3-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-omg3-marine);\n margin-bottom: 4px;\n}\n\n.soi-omg3-tip p {\n font-size: 14px;\n color: var(--soi-omg3-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-omg3-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-omg3-accordion-item {\n background: var(--soi-omg3-off-white);\n border-radius: var(--soi-omg3-radius-sm);\n border: 1px solid var(--soi-omg3-line);\n overflow: hidden;\n}\n\n.soi-omg3-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-omg3-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-omg3-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-omg3-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-omg3-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-omg3-accordion-item[open] .soi-omg3-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-omg3-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-omg3-accordion-content p {\n font-size: 14px;\n color: var(--soi-omg3-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-omg3-cta-box {\n background: var(--soi-omg3-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-omg3-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-omg3-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-omg3-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-omg3-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-omg3-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-omg3-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-omg3-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-omg3-intro-layout {\n flex-direction: column;\n }\n\n .soi-omg3-intro-image,\n .soi-omg3-intro-text {\n flex: 0 0 100%;\n max-width: 100%;\n }\n\n .soi-omg3-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-omg3-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-omg3-compo-value {\n text-align: left;\n }\n\n .soi-omg3-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-omg3-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-omg3-fiche {\n --soi-omg3-text-soft: #2C3E50;\n --soi-omg3-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Meralia","offers":[{"title":"Default Title","offer_id":61603003498826,"sku":"ME2004","price":21.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/omega-3-en-capsules-packshot_6ad6bd3c-663a-4ac3-afe2-c14b53159348.webp?v=1780036873"},{"product_id":"lutea-60-gelules","title":"Lutéa Vision - complément à base lutéine-zéaxanthine","description":"\u003cdiv class=\"soi-lute-fiche\"\u003e\n\n\u003csection class=\"soi-lute-hero\"\u003e\n \u003cdiv class=\"soi-lute-hero-tag\"\u003e\n \u003cspan class=\"soi-lute-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-lute-hero-title\"\u003eLutéa : le complément à base de lutéine en gélules\u003c\/span\u003e\n \u003cp class=\"soi-lute-hero-subtitle\"\u003eLutéine et zéaxanthine associées à des antioxydants ciblés pour soutenir votre santé oculaire au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-lute-hero-labels\"\u003e\n \u003cspan class=\"soi-lute-label soi-lute-label-accent\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003cspan class=\"soi-lute-label\"\u003eCONDITIONNÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lute-section\"\u003e\n \u003ch2\u003ePourquoi la lutéine et la zéaxanthine sont-elles indispensables à vos yeux ?\u003c\/h2\u003e\n \u003cp\u003eLa lutéine et la zéaxanthine sont deux caroténoïdes naturellement présents dans la macula, la zone centrale de la rétine. Ils forment le \u003cstrong\u003epigment maculaire\u003c\/strong\u003e, un filtre naturel qui absorbe la lumière bleue et neutralise les radicaux libres. Problème : l'organisme ne les fabrique pas seul. Seule une alimentation riche en légumes à feuilles vertes ou une \u003cstrong\u003esupplémentation en lutéine\u003c\/strong\u003e permettent de maintenir des niveaux suffisants, surtout après 40 ans ou en cas d'exposition prolongée aux écrans.\u003c\/p\u003e\n \u003cp\u003eDans Lutéa, ces deux actifs sont extraits des fleurs de tagète (\u003cem\u003eTagetes erecta\u003c\/em\u003e), une source végétale reconnue. Le ratio utilisé est de \u003cstrong\u003e5:1 (lutéine\/zéaxanthine)\u003c\/strong\u003e, un équilibre proche de celui observé naturellement dans la macula.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lute-section\"\u003e\n \u003ch2\u003eComposition complète par gélule (586 mg)\u003c\/h2\u003e\n \u003cdiv class=\"soi-lute-grid\"\u003e\n \u003cdiv class=\"soi-lute-card\"\u003e\n \u003ch3\u003e🌼 Extrait de tagète titré à 20 % de lutéine\u003c\/h3\u003e\n \u003cp\u003eApport précis et concentré en lutéine biodisponible, principal caroténoïde de la rétine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-lute-card\"\u003e\n \u003ch3\u003e🌼 Extrait de tagète titré à 10 % de zéaxanthine\u003c\/h3\u003e\n \u003cp\u003eComplémentaire à la lutéine, elle renforce la densité du pigment maculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-lute-card\"\u003e\n \u003ch3\u003e🫐 Extrait de myrtille\u003c\/h3\u003e\n \u003cp\u003eRiche en anthocyanes, la myrtille (\u003cem\u003eVaccinium myrtillus\u003c\/em\u003e) soutient la microcirculation dans les vaisseaux oculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-lute-card\"\u003e\n \u003ch3\u003e🍵 Extrait de thé vert\u003c\/h3\u003e\n \u003cp\u003eSource de catéchines antioxydantes, il aide à neutraliser les radicaux libres au niveau cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-lute-card\"\u003e\n \u003ch3\u003e🔬 Zinc\u003c\/h3\u003e\n \u003cp\u003eMinéral essentiel qui contribue au maintien d'une vision normale (allégation santé autorisée par l'EFSA).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-lute-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydant liposoluble qui protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-lute-tip\"\u003e\n \u003cdiv class=\"soi-lute-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEnveloppe 100 % végétale\u003c\/strong\u003e\n \u003cp\u003eGélule en HPMC, sans gélatine animale, adaptée aux végétariens et végans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lute-section\"\u003e\n \u003ch2\u003eComment prendre Lutéa ? Posologie recommandée\u003c\/h2\u003e\n \u003cdiv class=\"soi-lute-timeline\"\u003e\n \u003cdiv class=\"soi-lute-step\"\u003e\n \u003cdiv class=\"soi-lute-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-lute-step-content\"\u003e\n \u003ch3\u003eDose journalière\u003c\/h3\u003e\n \u003cp\u003e2 gélules par jour, à avaler avec un grand verre d'eau au moment du repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-lute-step\"\u003e\n \u003cdiv class=\"soi-lute-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-lute-step-content\"\u003e\n \u003ch3\u003eDurée conseillée\u003c\/h3\u003e\n \u003cp\u003eUne cure de 2 à 3 mois minimum permet d'obtenir des effets durables. Le boîtier de 60 gélules couvre un mois complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-lute-step\"\u003e\n \u003cdiv class=\"soi-lute-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-lute-step-content\"\u003e\n \u003ch3\u003eConseil pratique\u003c\/h3\u003e\n \u003cp\u003eAssociez Lutéa à une alimentation riche en légumes verts (épinards, chou kale) pour amplifier les apports en caroténoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lute-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément alimentaire lutéine-zéaxanthine ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-lute-benefits\"\u003e\n \u003cdiv class=\"soi-lute-benefit\"\u003e\n \u003cdiv class=\"soi-lute-benefit-icon\"\u003e\u003cspan\u003e👁️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAprès 40 ans\u003c\/h3\u003e\n \u003cp\u003ePour les personnes souhaitant préserver leur capital visuel avec l'avancée en âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-lute-benefit\"\u003e\n \u003cdiv class=\"soi-lute-benefit-icon\"\u003e\u003cspan\u003e💻\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUtilisateurs d'écrans\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui passent de longues heures devant un ordinateur, un smartphone ou une tablette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-lute-benefit\"\u003e\n \u003cdiv class=\"soi-lute-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExposition lumineuse\u003c\/h3\u003e\n \u003cp\u003ePour les personnes exposées à une lumière intense ou prolongée : conduite, travail en extérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-lute-benefit\"\u003e\n \u003cdiv class=\"soi-lute-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVégétariens et végans\u003c\/h3\u003e\n \u003cp\u003eGrâce aux gélules 100 % végétales, ce complément convient parfaitement aux régimes sans produits animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lute-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-lute-accordion\"\u003e\n \u003cdetails class=\"soi-lute-accordion-item\"\u003e\n \u003csummary class=\"soi-lute-accordion-header\"\u003e⚠️ Avis médical et usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-lute-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical ni à un suivi ophtalmologique régulier. En cas de pathologie oculaire diagnostiquée (DMLA, glaucome, etc.), consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-lute-accordion-item\"\u003e\n \u003csummary class=\"soi-lute-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"soi-lute-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-lute-accordion-item\"\u003e\n \u003csummary class=\"soi-lute-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-lute-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité. Conditionné en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lute-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-lute-cta-box\"\u003e\n \u003cp class=\"soi-lute-cta-tag\" style=\"color: white;\"\u003ePrenez soin de votre vision naturellement\u003c\/p\u003e\n \u003cp class=\"soi-lute-cta-text\" style=\"color: white;\"\u003eLutéa réunit dans une seule gélule végétale ce que vos yeux réclament au quotidien : de la lutéine et de la zéaxanthine issues de la nature, alliées à des antioxydants ciblés. Parce que bien voir demain commence par les bons gestes aujourd'hui, offrez à votre vision le soutien qu'elle mérite vraiment.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-lute-marine: #1A2D3D;\n --soi-lute-marine-dark: #0F1E2B;\n --soi-lute-marine-light: #2C4458;\n --soi-lute-pomme: #A1C544;\n --soi-lute-pomme-dark: #84A636;\n --soi-lute-pomme-light: rgba(161,197,68,0.10);\n --soi-lute-white: #FFFFFF;\n --soi-lute-off-white: #F8FAF6;\n --soi-lute-stone: #F1F3EE;\n --soi-lute-line: #E5E8E0;\n --soi-lute-primary: #5BA4CF;\n --soi-lute-primary-soft: rgba(91,164,207,0.12);\n --soi-lute-accent: #D45454;\n --soi-lute-text: #1A2D3D;\n --soi-lute-text-soft: #4A5B6B;\n --soi-lute-text-muted: #7B8693;\n --soi-lute-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-lute-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-lute-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-lute-radius: 12px;\n --soi-lute-radius-sm: 8px;\n --soi-lute-radius-pill: 999px;\n}\n\n.soi-lute-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-lute-fiche img { max-width: 100%; height: auto; }\n\n.soi-lute-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-lute-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-lute-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-lute-hero {\n position: relative;\n background: var(--soi-lute-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-lute-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-lute-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-lute-pomme);\n}\n\n.soi-lute-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-lute-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-lute-pomme);\n border-radius: 50%;\n}\n\n.soi-lute-hero-title {\n display: block;\n color: var(--soi-lute-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-lute-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-lute-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-lute-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-lute-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-lute-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-lute-label-accent {\n background: var(--soi-lute-pomme);\n border-color: var(--soi-lute-pomme);\n color: var(--soi-lute-marine);\n font-weight: 600;\n}\n\n.soi-lute-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-lute-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-lute-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-lute-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-lute-pomme);\n border-radius: 2px;\n}\n\n.soi-lute-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-lute-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-lute-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-lute-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-lute-benefit {\n background: var(--soi-lute-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-lute-radius);\n border: 1px solid var(--soi-lute-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-lute-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-lute-shadow-md);\n}\n\n.soi-lute-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-lute-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-lute-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-lute-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-lute-benefit:hover .soi-lute-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-lute-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-lute-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-lute-benefit p {\n font-size: 13px;\n color: var(--soi-lute-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-lute-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-lute-card {\n background: var(--soi-lute-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-lute-radius);\n border-left: 3px solid var(--soi-lute-pomme);\n}\n\n.soi-lute-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-lute-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-lute-card p {\n font-size: 14px;\n color: var(--soi-lute-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-lute-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-lute-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-lute-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-lute-radius);\n border: 1px solid var(--soi-lute-line);\n align-items: flex-start;\n}\n\n.soi-lute-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-lute-marine);\n color: var(--soi-lute-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-lute-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-lute-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-lute-step-content p {\n font-size: 14px;\n color: var(--soi-lute-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-lute-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-lute-pomme-light);\n border-left: 4px solid var(--soi-lute-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-lute-radius) var(--soi-lute-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-lute-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-lute-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-lute-marine);\n margin-bottom: 4px;\n}\n\n.soi-lute-tip p {\n font-size: 14px;\n color: var(--soi-lute-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-lute-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-lute-accordion-item {\n background: var(--soi-lute-off-white);\n border-radius: var(--soi-lute-radius-sm);\n border: 1px solid var(--soi-lute-line);\n overflow: hidden;\n}\n\n.soi-lute-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-lute-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-lute-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-lute-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-lute-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-lute-accordion-item[open] .soi-lute-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-lute-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-lute-accordion-content p {\n font-size: 14px;\n color: var(--soi-lute-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-lute-cta-box {\n background: var(--soi-lute-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-lute-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-lute-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-lute-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-lute-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-lute-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-lute-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 500;\n color: var(--soi-lute-white);\n line-height: 1.5;\n margin: 0;\n max-width: 620px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-lute-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-lute-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-lute-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-lute-fiche {\n --soi-lute-text-soft: #2C3E50;\n --soi-lute-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61603269673290,"sku":"LC9104","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/lutea-en-gelules-packshot.webp?v=1779635209"},{"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/vision-audition.webp?v=1781086167","url":"https:\/\/firmtoaromatherapy.com\/collections\/vision-audition.oembed","provider":"Soinature","version":"1.0","type":"link"}