{"title":"Laboratoire Code","description":"","products":[{"product_id":"glucosamine-chondroitine-msm-gelules","title":"Glucosamine Chondroïtine MSM en gélules","description":"\n\u003cdiv class=\"soi-gluc-fiche\"\u003e\n\n \u003csection class=\"soi-gluc-hero\"\u003e\n \u003cdiv class=\"soi-gluc-hero-tag\"\u003e\n \u003cspan class=\"soi-gluc-tag-dot\"\u003e\u003c\/span\u003e\n Confort articulaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-gluc-hero-title\"\u003eGlucosamine Chondroïtine MSM en gélules\u003c\/span\u003e\n \u003cp class=\"soi-gluc-hero-subtitle\"\u003eUne formule complète associant cinq actifs synergiques pour soutenir vos articulations au quotidien, enrichie en cuivre et manganèse pour le maintien de tissus conjonctifs normaux.\u003c\/p\u003e\n \u003cdiv class=\"soi-gluc-hero-labels\"\u003e\n \u003cspan class=\"soi-gluc-label soi-gluc-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gluc-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003cspan class=\"soi-gluc-label\"\u003e60 GÉLULES\u003c\/span\u003e\n \u003cspan class=\"soi-gluc-label\"\u003e5 ACTIFS SYNERGIQUES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gluc-section\"\u003e\n \u003ch2\u003eGlucosamine et chondroïtine : à quoi servent-elles vraiment ?\u003c\/h2\u003e\n \u003cp class=\"soi-gluc-section-intro\"\u003eLa glucosamine et la chondroïtine sont deux molécules naturellement présentes dans le cartilage. Avec l'âge ou l'activité physique intense, leur production ralentit, ce qui peut fragiliser les articulations. Les compléter par voie orale est une approche largement étudiée pour soutenir le confort articulaire et limiter la dégradation du cartilage.\u003c\/p\u003e\n \u003cdiv class=\"soi-gluc-grid\"\u003e\n \u003cdiv class=\"soi-gluc-card\"\u003e\n \u003ch3\u003e🦴 La glucosamine\u003c\/h3\u003e\n \u003cp\u003eD'origine crustacés, elle contribue à la structure et à l'élasticité du cartilage, des tendons et des tissus conjonctifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gluc-card\"\u003e\n \u003ch3\u003e🐚 La chondroïtine sulfate\u003c\/h3\u003e\n \u003cp\u003eD'origine marine, elle renforce la résistance du cartilage et améliore la synergie avec la glucosamine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gluc-card\"\u003e\n \u003ch3\u003e🧪 Le MSM\u003c\/h3\u003e\n \u003cp\u003eLe méthylsulfonylméthane est un composé soufré reconnu pour son soutien à la formation de collagène et à la réduction des inconforts articulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gluc-section\"\u003e\n \u003ch2\u003eCuivre et manganèse : les oligo-éléments qui font la différence\u003c\/h2\u003e\n \u003cp\u003eCe qui distingue cette formule, c'est l'ajout de cuivre et de manganèse, deux oligo-éléments dont le rôle est reconnu par l'EFSA pour le maintien de tissus conjonctifs normaux. Ils soutiennent les enzymes impliquées dans la réparation articulaire et renforcent l'action des trois actifs principaux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gluc-section\"\u003e\n \u003ch2\u003eComposition et posologie détaillées\u003c\/h2\u003e\n \u003cp class=\"soi-gluc-section-intro\"\u003eChaque gélule végétale de 716 mg contient les actifs suivants :\u003c\/p\u003e\n \u003cdiv class=\"soi-gluc-compo\"\u003e\n \u003cdiv class=\"soi-gluc-compo-row\"\u003e\n \u003cspan class=\"soi-gluc-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-gluc-compo-value\"\u003eGlucosamine sulfate (origine crustacés)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gluc-compo-row\"\u003e\n \u003cspan class=\"soi-gluc-compo-label\"\u003eActif complémentaire\u003c\/span\u003e\n \u003cspan class=\"soi-gluc-compo-value\"\u003eChondroïtine sulfate (origine marine)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gluc-compo-row\"\u003e\n \u003cspan class=\"soi-gluc-compo-label\"\u003eComposé soufré\u003c\/span\u003e\n \u003cspan class=\"soi-gluc-compo-value\"\u003eMSM (méthylsulfonylméthane)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gluc-compo-row\"\u003e\n \u003cspan class=\"soi-gluc-compo-label\"\u003eOligo-élément\u003c\/span\u003e\n \u003cspan class=\"soi-gluc-compo-value\"\u003eCuivre (maintien des tissus conjonctifs normaux)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gluc-compo-row\"\u003e\n \u003cspan class=\"soi-gluc-compo-label\"\u003eOligo-élément\u003c\/span\u003e\n \u003cspan class=\"soi-gluc-compo-value\"\u003eManganèse (maintien des tissus conjonctifs normaux)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gluc-compo-row\"\u003e\n \u003cspan class=\"soi-gluc-compo-label\"\u003eForme galénique\u003c\/span\u003e\n \u003cspan class=\"soi-gluc-compo-value\"\u003eGélules végétales de 716 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gluc-compo-row\"\u003e\n \u003cspan class=\"soi-gluc-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-gluc-compo-value\"\u003e60 gélules (1 mois de cure)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-gluc-timeline\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-gluc-step\"\u003e\n \u003cdiv class=\"soi-gluc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gluc-step-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez 2 gélules par jour, de préférence au moment des repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gluc-step\"\u003e\n \u003cdiv class=\"soi-gluc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gluc-step-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003eLa cure est généralement observée sur 6 à 8 semaines pour des effets progressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gluc-section\"\u003e\n \u003ch2\u003eGlucosamine chondroïtine : effets secondaires et précautions\u003c\/h2\u003e\n \u003cp class=\"soi-gluc-section-intro\"\u003eCes actifs sont globalement bien tolérés. Quelques précautions à garder en tête :\u003c\/p\u003e\n \u003cdiv class=\"soi-gluc-accordion\"\u003e\n \u003cdetails class=\"soi-gluc-accordion-item\"\u003e\n \u003csummary class=\"soi-gluc-accordion-header\"\u003e🦐 Allergie aux crustacés\u003c\/summary\u003e\n \u003cdiv class=\"soi-gluc-accordion-content\"\u003e\n \u003cp\u003eLa glucosamine est dérivée de crustacés. Si vous présentez une allergie connue, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gluc-accordion-item\"\u003e\n \u003csummary class=\"soi-gluc-accordion-header\"\u003e💊 Traitement anticoagulant\u003c\/summary\u003e\n \u003cdiv class=\"soi-gluc-accordion-content\"\u003e\n \u003cp\u003eSi vous suivez un traitement anticoagulant, un avis médical est recommandé avant de prendre de la chondroïtine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gluc-accordion-item\"\u003e\n \u003csummary class=\"soi-gluc-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"soi-gluc-accordion-content\"\u003e\n \u003cp\u003eCe complément n'est pas adapté 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-gluc-accordion-item\"\u003e\n \u003csummary class=\"soi-gluc-accordion-header\"\u003e⚕️ Complément alimentaire\u003c\/summary\u003e\n \u003cdiv class=\"soi-gluc-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical ni une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gluc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément articulaire ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gluc-benefits\"\u003e\n \u003cdiv class=\"soi-gluc-benefit\"\u003e\n \u003cdiv class=\"soi-gluc-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eQualité et traçabilité garanties.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gluc-benefit\"\u003e\n \u003cdiv class=\"soi-gluc-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.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gluc-benefit\"\u003e\n \u003cdiv class=\"soi-gluc-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e5 actifs synergiques\u003c\/h3\u003e\n \u003cp\u003eGlucosamine, chondroïtine, MSM, cuivre et manganèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gluc-benefit\"\u003e\n \u003cdiv class=\"soi-gluc-benefit-icon\"\u003e\u003cspan\u003e📦\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e60 gélules\u003c\/h3\u003e\n \u003cp\u003e1 mois de cure complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gluc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gluc-cta-box\"\u003e\n \u003cp class=\"soi-gluc-cta-tag\" style=\"color: white;\"\u003eConfort articulaire au naturel\u003c\/p\u003e\n \u003cp class=\"soi-gluc-cta-text\" style=\"color: white;\"\u003ePrendre soin de vos articulations, c'est agir dès maintenant. Avec sa triple action glucosamine, chondroïtine et MSM, enrichie en cuivre et manganèse, cette formule française vous offre un soutien articulaire complet. Vos genoux, hanches et épaules méritent cette attention.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gluc-marine: #1A2D3D;\n --soi-gluc-marine-dark: #0F1E2B;\n --soi-gluc-marine-light: #2C4458;\n --soi-gluc-pomme: #A1C544;\n --soi-gluc-pomme-dark: #84A636;\n --soi-gluc-pomme-light: rgba(161,197,68,0.10);\n\n --soi-gluc-white: #FFFFFF;\n --soi-gluc-off-white: #F8FAF6;\n --soi-gluc-stone: #F1F3EE;\n --soi-gluc-line: #E5E8E0;\n\n --soi-gluc-primary: #5A8DB8;\n --soi-gluc-primary-soft: #B0C8E0;\n --soi-gluc-accent: #D9363E;\n\n --soi-gluc-text: #1A2D3D;\n --soi-gluc-text-soft: #4A5B6B;\n --soi-gluc-text-muted: #7B8693;\n\n --soi-gluc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gluc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gluc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gluc-radius: 12px;\n --soi-gluc-radius-sm: 8px;\n --soi-gluc-radius-pill: 999px;\n}\n\n.soi-gluc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gluc-fiche img { max-width: 100%; height: auto; }\n\n.soi-gluc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gluc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gluc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gluc-hero {\n position: relative;\n background: var(--soi-gluc-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-gluc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gluc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gluc-pomme);\n}\n\n.soi-gluc-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-gluc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gluc-pomme);\n border-radius: 50%;\n}\n\n.soi-gluc-hero-title {\n display: block;\n color: var(--soi-gluc-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-gluc-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-gluc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gluc-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-gluc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gluc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gluc-label-accent {\n background: var(--soi-gluc-pomme);\n border-color: var(--soi-gluc-pomme);\n color: var(--soi-gluc-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gluc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gluc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gluc-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-gluc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gluc-pomme);\n border-radius: 2px;\n}\n\n.soi-gluc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gluc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gluc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gluc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gluc-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gluc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gluc-card {\n background: var(--soi-gluc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gluc-radius);\n border-left: 3px solid var(--soi-gluc-pomme);\n}\n\n.soi-gluc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gluc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gluc-card p {\n font-size: 14px;\n color: var(--soi-gluc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gluc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gluc-benefit {\n background: var(--soi-gluc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gluc-radius);\n border: 1px solid var(--soi-gluc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gluc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gluc-shadow-md);\n}\n\n.soi-gluc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gluc-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-gluc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gluc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gluc-benefit:hover .soi-gluc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gluc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gluc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gluc-benefit p {\n font-size: 13px;\n color: var(--soi-gluc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-gluc-compo {\n background: var(--soi-gluc-off-white);\n border-radius: var(--soi-gluc-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-gluc-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-gluc-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gluc-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gluc-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gluc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-gluc-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gluc-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-gluc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-gluc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gluc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gluc-radius);\n border: 1px solid var(--soi-gluc-line);\n align-items: flex-start;\n}\n\n.soi-gluc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gluc-marine);\n color: var(--soi-gluc-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-gluc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gluc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gluc-step-content p {\n font-size: 14px;\n color: var(--soi-gluc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gluc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gluc-accordion-item {\n background: var(--soi-gluc-off-white);\n border-radius: var(--soi-gluc-radius-sm);\n border: 1px solid var(--soi-gluc-line);\n overflow: hidden;\n}\n\n.soi-gluc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gluc-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-gluc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gluc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gluc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gluc-accordion-item[open] .soi-gluc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gluc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gluc-accordion-content p {\n font-size: 14px;\n color: var(--soi-gluc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gluc-cta-box {\n background: var(--soi-gluc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gluc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gluc-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-gluc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gluc-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-gluc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gluc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gluc-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-gluc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gluc-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gluc-compo-value {\n text-align: left;\n }\n\n .soi-gluc-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gluc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gluc-fiche {\n --soi-gluc-text-soft: #2C3E50;\n --soi-gluc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61602585772362,"sku":"LC9110","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/glucosamine-chondroitine-msm-en-gelules-packshot.webp?v=1779702152"},{"product_id":"desmomarie-90-gelules","title":"Desmomarie - Complément Foie \u0026 Digestion en gélule","description":"\u003cdiv class=\"soi-desmo-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-desmo-hero\"\u003e\n \u003cdiv class=\"soi-desmo-hero-tag\"\u003e\n \u003cspan class=\"soi-desmo-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-desmo-hero-title\"\u003e5 plantes, 3 actions\u003c\/span\u003e\n \u003cp class=\"soi-desmo-hero-subtitle\"\u003eSynergie de 5 plantes pour drainer, protéger et soutenir votre foie naturellement au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-desmo-hero-labels\"\u003e\n \u003cspan class=\"soi-desmo-label soi-desmo-label-accent\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-desmo-label\"\u003eCONDITIONNÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-desmo-label\"\u003e90 GÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003cspan class=\"soi-desmo-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n \u003cspan class=\"soi-desmo-label\"\u003eSANS OGM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Desmomarie : complément hépatique à 5 plantes pour drainer et soutenir votre foie --\u003e\n \u003csection class=\"soi-desmo-section\"\u003e\n \u003ch2\u003eDesmomarie : complément hépatique à 5 plantes pour drainer et soutenir votre foie\u003c\/h2\u003e\n \u003cp\u003eVous ressentez une digestion lourde, une fatigue persistante après les repas ou simplement l'envie de prendre soin de votre foie naturellement ? \u003cstrong\u003eDesmomarie du Laboratoire Code\u003c\/strong\u003e est un complément alimentaire formulé autour d'une \u003cstrong\u003esynergie de 5 plantes reconnues\u003c\/strong\u003e pour leurs bienfaits sur le foie et la digestion. Conditionné en France, 100 % vegan, il s'intègre facilement dans votre routine bien-être au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi soutenir son foie avec des plantes ? --\u003e\n \u003csection class=\"soi-desmo-section\"\u003e\n \u003ch2\u003ePourquoi soutenir son foie avec des plantes ?\u003c\/h2\u003e\n \u003cp\u003eLe foie est l'organe détoxifiant central de l'organisme : il filtre les toxines, métabolise les graisses et soutient la digestion. Sous l'effet du stress, d'excès alimentaires ou d'une alimentation déséquilibrée, il peut être mis à rude épreuve. Un \u003cstrong\u003edrainage hépatique naturel\u003c\/strong\u003e régulier permet de l'aider à fonctionner de façon optimale, sans recourir à des substances synthétiques.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les 5 plantes actives de Desmomarie --\u003e\n \u003csection class=\"soi-desmo-section\"\u003e\n \u003ch2\u003eLes 5 plantes actives du draineur hépatique Desmomarie\u003c\/h2\u003e\n \u003cdiv class=\"soi-desmo-grid\"\u003e\n \u003cdiv class=\"soi-desmo-card\"\u003e\n \u003ch3\u003e🌿 Desmodium\u003c\/h3\u003e\n \u003cp\u003eOriginaire d'Afrique, il est réputé comme l'un des draineurs hépatiques les plus puissants de la phytothérapie traditionnelle. Il favorise l'élimination des toxines et soutient la régénération des cellules du foie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-card\"\u003e\n \u003ch3\u003e🌸 Chardon-Marie\u003c\/h3\u003e\n \u003cp\u003eRiche en silymarine, un flavonoïde largement étudié, il protège les cellules hépatiques contre les agressions extérieures (excès alimentaires, alcool, pollution) et contribue à leur régénération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-card\"\u003e\n \u003ch3\u003e🟠 Curcuma Longa\u003c\/h3\u003e\n \u003cp\u003eUtilisé depuis des millénaires en médecine ayurvédique, il stimule la production de bile et facilite la digestion des graisses, tout en apportant une action antioxydante reconnue sur le foie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-card\"\u003e\n \u003ch3\u003e🌼 Chrysanthellum Americanum\u003c\/h3\u003e\n \u003cp\u003eMoins connu mais très efficace, il est particulièrement utile après des excès alimentaires pour protéger et tonifier le foie, en synergie avec les autres plantes de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-card\"\u003e\n \u003ch3\u003e🌾 Gentiane\u003c\/h3\u003e\n \u003cp\u003eAmère par nature, elle stimule la sécrétion des sucs digestifs, apaise les ballonnements et combat les inconforts intestinaux pour une digestion plus fluide après chaque repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition et posologie --\u003e\n \u003csection class=\"soi-desmo-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n\n \u003cdiv class=\"soi-desmo-compo\"\u003e\n \u003cdiv class=\"soi-desmo-compo-row\"\u003e\n \u003cspan class=\"soi-desmo-compo-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"soi-desmo-compo-value\"\u003eGélules végétales (HPMC)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-compo-row\"\u003e\n \u003cspan class=\"soi-desmo-compo-label\"\u003eContenu par gélule\u003c\/span\u003e\n \u003cspan class=\"soi-desmo-compo-value\"\u003e345 mg (mélange de 5 extraits de plantes)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-compo-row\"\u003e\n \u003cspan class=\"soi-desmo-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-desmo-compo-value\"\u003e90 gélules végétales (environ 1 mois de cure)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-compo-row\"\u003e\n \u003cspan class=\"soi-desmo-compo-label\"\u003eActifs\u003c\/span\u003e\n \u003cspan class=\"soi-desmo-compo-value\"\u003eDesmodium, Chardon-Marie, Curcuma Longa, Chrysanthellum Americanum, Gentiane\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-compo-row\"\u003e\n \u003cspan class=\"soi-desmo-compo-label\"\u003eExcipients\u003c\/span\u003e\n \u003cspan class=\"soi-desmo-compo-value\"\u003eSans excipients inutiles, sans arômes artificiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-compo-row\"\u003e\n \u003cspan class=\"soi-desmo-compo-label\"\u003eConditionné\u003c\/span\u003e\n \u003cspan class=\"soi-desmo-compo-value\"\u003eEn France, par le Laboratoire Code\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-desmo-timeline\"\u003e\n \u003cdiv class=\"soi-desmo-step\"\u003e\n \u003cdiv class=\"soi-desmo-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-step-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez 3 gélules par jour, de préférence avant les repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-step\"\u003e\n \u003cdiv class=\"soi-desmo-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-step-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de 4 à 8 semaines est généralement conseillée pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-step\"\u003e\n \u003cdiv class=\"soi-desmo-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-step-content\"\u003e\n \u003ch3\u003eSuivi professionnel\u003c\/h3\u003e\n \u003cp\u003eConsultez un professionnel de santé avant toute utilisation prolongée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pour qui est fait Desmomarie ? --\u003e\n \u003csection class=\"soi-desmo-section\"\u003e\n \u003ch2\u003ePour qui est fait Desmomarie ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-desmo-benefits\"\u003e\n \u003cdiv class=\"soi-desmo-benefit\"\u003e\n \u003cdiv class=\"soi-desmo-benefit-icon\"\u003e\u003cspan\u003e🍽️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAprès les excès\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez soutenir votre foie après des excès alimentaires ou alcoolisés et retrouver un confort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-benefit\"\u003e\n \u003cdiv class=\"soi-desmo-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDigestion quotidienne\u003c\/h3\u003e\n \u003cp\u003eVous cherchez à améliorer votre digestion au quotidien, notamment après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-benefit\"\u003e\n \u003cdiv class=\"soi-desmo-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCure saisonnière\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez réaliser une cure de drainage hépatique naturelle au changement de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-desmo-benefit\"\u003e\n \u003cdiv class=\"soi-desmo-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApproche préventive\u003c\/h3\u003e\n \u003cp\u003eVous adoptez une démarche préventive pour préserver votre santé digestive sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Précautions d'emploi --\u003e\n \u003csection class=\"soi-desmo-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-desmo-accordion\"\u003e\n \u003cdetails class=\"soi-desmo-accordion-item\"\u003e\n \u003csummary class=\"soi-desmo-accordion-header\"\u003e⚠️ Nature du produit\u003c\/summary\u003e\n \u003cdiv class=\"soi-desmo-accordion-content\"\u003e\n \u003cp\u003eDesmomarie est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e, pas un médicament. Il ne se substitue pas à un traitement médical ni à un suivi médical en cas de pathologie hépatique diagnostiquée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-desmo-accordion-item\"\u003e\n \u003csummary class=\"soi-desmo-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"soi-desmo-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-desmo-accordion-item\"\u003e\n \u003csummary class=\"soi-desmo-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"soi-desmo-accordion-content\"\u003e\n \u003cp\u003eEn cas de traitement médicamenteux en cours, demandez l'avis de 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!-- CTA --\u003e\n \u003csection class=\"soi-desmo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-desmo-cta-box\"\u003e\n \u003cp class=\"soi-desmo-cta-tag\" style=\"color: white;\"\u003ePrenez soin de votre foie naturellement\u003c\/p\u003e\n \u003cp class=\"soi-desmo-cta-text\" style=\"color: white;\"\u003eAvec Desmomarie, vous offrez à votre organisme une formule végétale complète, pensée pour drainer, protéger et revitaliser votre foie. Parce qu'une bonne digestion, c'est aussi une meilleure énergie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-desmo-marine: #1A2D3D;\n --soi-desmo-marine-dark: #0F1E2B;\n --soi-desmo-marine-light: #2C4458;\n --soi-desmo-pomme: #A1C544;\n --soi-desmo-pomme-dark: #84A636;\n --soi-desmo-pomme-light: rgba(161,197,68,0.10);\n --soi-desmo-white: #FFFFFF;\n --soi-desmo-off-white: #F8FAF6;\n --soi-desmo-stone: #F1F3EE;\n --soi-desmo-line: #E5E8E0;\n --soi-desmo-primary: #7A9A8E;\n --soi-desmo-primary-soft: #A8C4B8;\n --soi-desmo-accent: #D4A52A;\n --soi-desmo-text: #1A2D3D;\n --soi-desmo-text-soft: #4A5B6B;\n --soi-desmo-text-muted: #7B8693;\n --soi-desmo-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-desmo-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-desmo-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-desmo-radius: 12px;\n --soi-desmo-radius-sm: 8px;\n --soi-desmo-radius-pill: 999px;\n}\n\n.soi-desmo-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-desmo-fiche img { max-width: 100%; height: auto; }\n\n.soi-desmo-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-desmo-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-desmo-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-desmo-hero {\n position: relative;\n background: var(--soi-desmo-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-desmo-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-desmo-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-desmo-pomme);\n}\n\n.soi-desmo-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-desmo-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-desmo-pomme);\n border-radius: 50%;\n}\n\n.soi-desmo-hero-title {\n display: block;\n color: var(--soi-desmo-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-desmo-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-desmo-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-desmo-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-desmo-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-desmo-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-desmo-label-accent {\n background: var(--soi-desmo-pomme);\n border-color: var(--soi-desmo-pomme);\n color: var(--soi-desmo-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-desmo-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-desmo-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-desmo-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-desmo-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-desmo-pomme);\n border-radius: 2px;\n}\n\n.soi-desmo-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-desmo-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-desmo-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-desmo-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-desmo-benefit {\n background: var(--soi-desmo-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-desmo-radius);\n border: 1px solid var(--soi-desmo-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-desmo-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-desmo-shadow-md);\n}\n\n.soi-desmo-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-desmo-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-desmo-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-desmo-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-desmo-benefit:hover .soi-desmo-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-desmo-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-desmo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-desmo-benefit p {\n font-size: 13px;\n color: var(--soi-desmo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-desmo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-desmo-card {\n background: var(--soi-desmo-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-desmo-radius);\n border-left: 3px solid var(--soi-desmo-pomme);\n}\n\n.soi-desmo-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-desmo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-desmo-card p {\n font-size: 14px;\n color: var(--soi-desmo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-desmo-compo {\n background: var(--soi-desmo-off-white);\n border-radius: var(--soi-desmo-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-desmo-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-desmo-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-desmo-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-desmo-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-desmo-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-desmo-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-desmo-marine);\n text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-desmo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-desmo-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-desmo-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-desmo-radius);\n border: 1px solid var(--soi-desmo-line);\n align-items: flex-start;\n}\n\n.soi-desmo-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-desmo-marine);\n color: var(--soi-desmo-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-desmo-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-desmo-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-desmo-step-content p {\n font-size: 14px;\n color: var(--soi-desmo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-desmo-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-desmo-accordion-item {\n background: var(--soi-desmo-off-white);\n border-radius: var(--soi-desmo-radius-sm);\n border: 1px solid var(--soi-desmo-line);\n overflow: hidden;\n}\n\n.soi-desmo-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-desmo-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-desmo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-desmo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-desmo-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-desmo-accordion-item[open] .soi-desmo-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-desmo-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-desmo-accordion-content p {\n font-size: 14px;\n color: var(--soi-desmo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA *\/\n.soi-desmo-cta-box {\n background: var(--soi-desmo-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-desmo-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-desmo-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-desmo-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-desmo-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-desmo-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-desmo-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-desmo-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-desmo-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-desmo-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-desmo-compo-value {\n text-align: left;\n }\n\n .soi-desmo-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-desmo-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-desmo-fiche {\n --soi-desmo-text-soft: #2C3E50;\n --soi-desmo-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61602606678346,"sku":"LC9103","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/desmomarie-vegan-en-gelules-packshot_19ddd997-fe98-431a-ad18-6aa6d301f651.webp?v=1779714027"},{"product_id":"indicateurs-ph","title":"Kit Bandelettes pH Urinaire - 100 Tests","description":"\n\u003cdiv class=\"soi-phix-fiche\"\u003e\n\n\u003csection class=\"soi-phix-hero\"\u003e\n \u003cdiv class=\"soi-phix-hero-tag\"\u003e\n \u003cspan class=\"soi-phix-tag-dot\"\u003e\u003c\/span\u003e\n Équilibre acido-basique · Macherey-Nagel\n \u003c\/div\u003e\n \u003cspan class=\"soi-phix-hero-title\"\u003eKit Indicateurs pH urinaire\u003c\/span\u003e\n \u003cp class=\"soi-phix-hero-subtitle\"\u003eUn outil de référence laboratoire pour surveiller votre équilibre acido-basique en quelques secondes, directement depuis chez vous.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-phix-section\"\u003e\n \u003cp class=\"soi-phix-section-intro\"\u003eVous cherchez un moyen simple et fiable de surveiller votre équilibre acido-basique depuis chez vous ? Ces indicateurs pH urinaire de la marque Macherey-Nagel sont l'outil de référence utilisé en laboratoire, désormais accessible à tous. En quelques secondes, la couleur du papier pH vous livre une information précieuse sur l'état interne de votre organisme.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-phix-section\"\u003e\n \u003ch2\u003eQu'est-ce qu'un papier pH et comment ça fonctionne ?\u003c\/h2\u003e\n \u003cp\u003eUn papier indicateur de pH est une bandelette imprégnée de réactifs chimiques sensibles à l'acidité d'un liquide. Au contact de l'urine, la bandelette change de couleur. Il vous suffit ensuite de comparer cette teinte à l'échelle chromatique fournie sur le boîtier pour lire votre résultat instantanément.\u003c\/p\u003e\n \u003cp\u003eCes bandelettes couvrent une plage de pH 5,1 à 7,2, soit exactement la fourchette dans laquelle se situent les urines humaines en conditions normales ou en cas de déséquilibre léger. Chaque graduation correspond à une nuance précise : de l'orange saumon pâle (pH acide) vers une teinte plus foncée (pH proche de la neutralité).\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-phix-section\"\u003e\n \u003ch2\u003eComment lire la couleur du papier pH : signification des résultats\u003c\/h2\u003e\n \u003cdiv class=\"soi-phix-grid\"\u003e\n \u003cdiv class=\"soi-phix-card\"\u003e\n \u003ch3\u003e🟠 pH entre 5,1 et 6,5 : urine acide\u003c\/h3\u003e\n \u003cp\u003eCela peut s'observer en cas d'alimentation riche en protéines animales, de stress chronique ou de certains déséquilibres métaboliques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-phix-card\"\u003e\n \u003ch3\u003e🟢 pH entre 6,6 et 7,2 : urine neutre à légèrement basique\u003c\/h3\u003e\n \u003cp\u003eUne urine dont le pH se situe autour de 7 est généralement considérée comme un bon indicateur d'équilibre acido-basique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-phix-tip\"\u003e\n \u003cdiv class=\"soi-phix-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eÀ noter\u003c\/strong\u003e\n \u003cp\u003eUne urine dont le pH est régulièrement inférieur à 6 peut inciter à revoir ses habitudes alimentaires ou à consulter un professionnel de santé. Ces bandelettes ne remplacent pas un bilan médical, mais elles constituent un excellent outil de suivi au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-phix-section\"\u003e\n \u003ch2\u003eComment utiliser ce papier pH urinaire en 3 étapes\u003c\/h2\u003e\n \u003cdiv class=\"soi-phix-timeline\"\u003e\n \u003cdiv class=\"soi-phix-step\"\u003e\n \u003cdiv class=\"soi-phix-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-phix-step-content\"\u003e\n \u003ch3\u003ePrélevez un échantillon\u003c\/h3\u003e\n \u003cp\u003eRecueillez un échantillon d'urine dans un récipient propre, de préférence le matin à jeun, moment où les valeurs sont les plus représentatives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-phix-step\"\u003e\n \u003cdiv class=\"soi-phix-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-phix-step-content\"\u003e\n \u003ch3\u003ePlongez la bandelette\u003c\/h3\u003e\n \u003cp\u003eImmergez brièvement la bandelette (1 à 2 secondes suffisent) dans l'échantillon, puis retirez-la sans la secouer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-phix-step\"\u003e\n \u003cdiv class=\"soi-phix-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-phix-step-content\"\u003e\n \u003ch3\u003eComparez la couleur obtenue\u003c\/h3\u003e\n \u003cp\u003ePlacez la bandelette à côté de l'échelle imprimée sur le boîtier, sous une bonne lumière naturelle. Le résultat est lisible en moins d'une minute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-phix-section\"\u003e\n \u003ch2\u003eLes points forts de ces indicateurs pH Macherey-Nagel\u003c\/h2\u003e\n \u003cdiv class=\"soi-phix-benefits\"\u003e\n \u003cdiv class=\"soi-phix-benefit\"\u003e\n \u003cdiv class=\"soi-phix-benefit-icon\"\u003e\u003cspan\u003e🏛️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMarque de référence\u003c\/h3\u003e\n \u003cp\u003eMacherey-Nagel est un fabricant reconnu dans le domaine de l'analyse chimique depuis plus de 100 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-phix-benefit\"\u003e\n \u003cdiv class=\"soi-phix-benefit-icon\"\u003e\u003cspan\u003e🎨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCouleurs fixées et stables\u003c\/h3\u003e\n \u003cp\u003eContrairement à certains papiers pH génériques, les couleurs ne migrent pas, garantissant une lecture nette et fiable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-phix-benefit\"\u003e\n \u003cdiv class=\"soi-phix-benefit-icon\"\u003e\u003cspan\u003e📦\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBoîtier pratique\u003c\/h3\u003e\n \u003cp\u003e100 bandelettes rangées dans un étui compact, facile à stocker à la maison ou à emporter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-phix-benefit\"\u003e\n \u003cdiv class=\"soi-phix-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRésultat immédiat\u003c\/h3\u003e\n \u003cp\u003eAucun appareil, aucune manipulation complexe : idéal pour un suivi régulier de votre équilibre acido-basique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-phix-tip\"\u003e\n \u003cdiv class=\"soi-phix-tip-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePlage de mesure adaptée\u003c\/strong\u003e\n \u003cp\u003epH 5,1 à 7,2 : parfaitement calibrée pour la surveillance urinaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-phix-section\"\u003e\n \u003ch2\u003ePour qui est ce kit de papier pH urinaire ?\u003c\/h2\u003e\n \u003cp\u003eCes bandelettes s'adressent à toute personne souhaitant suivre son équilibre acido-basique dans le cadre d'une démarche de bien-être, d'une alimentation alcaline, d'une cure ou simplement d'une surveillance préventive. Elles sont également utilisées par les praticiens en naturopathie pour accompagner leurs consultations.\u003c\/p\u003e\n \u003cdiv class=\"soi-phix-accordion\"\u003e\n \u003cdetails class=\"soi-phix-accordion-item\"\u003e\n \u003csummary class=\"soi-phix-accordion-header\"\u003e⚕️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-phix-accordion-content\"\u003e\n \u003cp\u003eCe produit est un outil de mesure et ne constitue pas un dispositif médical diagnostique. En cas de doute ou de résultats anormaux répétés, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-phix-section\"\u003e\n \u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"soi-phix-compo\"\u003e\n \u003cdiv class=\"soi-phix-compo-row\"\u003e\n \u003cspan class=\"soi-phix-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-phix-compo-value\"\u003eMacherey-Nagel (réf. 921 40)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-phix-compo-row\"\u003e\n \u003cspan class=\"soi-phix-compo-label\"\u003ePlage de pH\u003c\/span\u003e\n \u003cspan class=\"soi-phix-compo-value\"\u003e5,1 à 7,2\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-phix-compo-row\"\u003e\n \u003cspan class=\"soi-phix-compo-label\"\u003eGraduations\u003c\/span\u003e\n \u003cspan class=\"soi-phix-compo-value\"\u003e5,1 \/ 5,4 \/ 5,7 \/ 6,0 \/ 6,3 \/ 6,6 \/ 6,9 \/ 7,2\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-phix-compo-row\"\u003e\n \u003cspan class=\"soi-phix-compo-label\"\u003eQuantité\u003c\/span\u003e\n \u003cspan class=\"soi-phix-compo-value\"\u003e100 bandelettes indicatrices par boîtier\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-phix-compo-row\"\u003e\n \u003cspan class=\"soi-phix-compo-label\"\u003eType\u003c\/span\u003e\n \u003cspan class=\"soi-phix-compo-value\"\u003eIndicateurs à couleurs fixées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-phix-compo-row\"\u003e\n \u003cspan class=\"soi-phix-compo-label\"\u003eUsage recommandé\u003c\/span\u003e\n \u003cspan class=\"soi-phix-compo-value\"\u003eMesure du pH urinaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-phix-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-phix-cta-box\"\u003e\n \u003cp class=\"soi-phix-cta-tag\" style=\"color: white;\"\u003eVotre équilibre, en un coup d'œil\u003c\/p\u003e\n \u003cp class=\"soi-phix-cta-text\" style=\"color: white;\"\u003eSurveiller son équilibre acido-basique n'a jamais été aussi simple. En quelques secondes, ces bandelettes pH de qualité laboratoire vous donnent une information concrète sur votre terrain interne, pour adapter votre hygiène de vie avec lucidité.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-phix-marine: #1A2D3D;\n --soi-phix-marine-dark: #0F1E2B;\n --soi-phix-marine-light: #2C4458;\n --soi-phix-pomme: #A1C544;\n --soi-phix-pomme-dark: #84A636;\n --soi-phix-pomme-light: rgba(161,197,68,0.10);\n\n --soi-phix-white: #FFFFFF;\n --soi-phix-off-white: #F8FAF6;\n --soi-phix-stone: #F1F3EE;\n --soi-phix-line: #E5E8E0;\n\n --soi-phix-primary: #5AAFA8;\n --soi-phix-primary-soft: rgba(90,175,168,0.10);\n --soi-phix-accent: #E07850;\n\n --soi-phix-text: #1A2D3D;\n --soi-phix-text-soft: #4A5B6B;\n --soi-phix-text-muted: #7B8693;\n\n --soi-phix-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-phix-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-phix-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-phix-radius: 12px;\n --soi-phix-radius-sm: 8px;\n --soi-phix-radius-pill: 999px;\n}\n\n.soi-phix-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-phix-fiche img { max-width: 100%; height: auto; }\n\n.soi-phix-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-phix-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-phix-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-phix-hero {\n position: relative;\n background: var(--soi-phix-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-phix-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-phix-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-phix-pomme);\n}\n\n.soi-phix-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-phix-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-phix-pomme);\n border-radius: 50%;\n}\n\n.soi-phix-hero-title {\n display: block;\n color: var(--soi-phix-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-phix-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\/* === SECTIONS === *\/\n.soi-phix-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-phix-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-phix-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-phix-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-phix-pomme);\n border-radius: 2px;\n}\n\n.soi-phix-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-phix-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-phix-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-phix-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-phix-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-phix-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-phix-card {\n background: var(--soi-phix-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-phix-radius);\n border-left: 3px solid var(--soi-phix-pomme);\n}\n\n.soi-phix-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-phix-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-phix-card p {\n font-size: 14px;\n color: var(--soi-phix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-phix-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-phix-benefit {\n background: var(--soi-phix-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-phix-radius);\n border: 1px solid var(--soi-phix-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-phix-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-phix-shadow-md);\n}\n\n.soi-phix-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-phix-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-phix-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-phix-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-phix-benefit:hover .soi-phix-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-phix-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-phix-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-phix-benefit p {\n font-size: 13px;\n color: var(--soi-phix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-phix-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-phix-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-phix-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-phix-radius);\n border: 1px solid var(--soi-phix-line);\n align-items: flex-start;\n}\n\n.soi-phix-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-phix-marine);\n color: var(--soi-phix-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-phix-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-phix-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-phix-step-content p {\n font-size: 14px;\n color: var(--soi-phix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-phix-compo {\n background: var(--soi-phix-off-white);\n border-radius: var(--soi-phix-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-phix-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-phix-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-phix-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-phix-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-phix-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-phix-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-phix-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-phix-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-phix-pomme-light);\n border-left: 4px solid var(--soi-phix-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-phix-radius) var(--soi-phix-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-phix-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-phix-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-phix-marine);\n margin-bottom: 4px;\n}\n\n.soi-phix-tip p {\n font-size: 14px;\n color: var(--soi-phix-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-phix-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.soi-phix-accordion-item {\n background: var(--soi-phix-off-white);\n border-radius: var(--soi-phix-radius-sm);\n border: 1px solid var(--soi-phix-line);\n overflow: hidden;\n}\n\n.soi-phix-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-phix-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-phix-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-phix-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-phix-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-phix-accordion-item[open] .soi-phix-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-phix-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-phix-accordion-content p {\n font-size: 14px;\n color: var(--soi-phix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-phix-cta-box {\n background: var(--soi-phix-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-phix-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-phix-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-phix-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-phix-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-phix-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-phix-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-phix-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-phix-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-phix-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-phix-compo-value {\n text-align: left;\n }\n\n .soi-phix-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-phix-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-phix-fiche {\n --soi-phix-text-soft: #2C3E50;\n --soi-phix-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61602639937866,"sku":"LC1017","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/indicateurs-ph-100-unites-packshot.webp?v=1779640483"},{"product_id":"multivitamines","title":"Multi Vitamines en gélules","description":"\n\u003cdiv class=\"soi-mvit-fiche\"\u003e\n\n \u003csection class=\"soi-mvit-hero\"\u003e\n \u003cdiv class=\"soi-mvit-hero-tag\"\u003e\n \u003cspan class=\"soi-mvit-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-mvit-hero-title\"\u003eMulti Vitamines en gélules\u003c\/span\u003e\n \u003cp class=\"soi-mvit-hero-subtitle\"\u003e12 vitamines essentielles réunies dans une seule gélule végétale pour soutenir votre énergie, votre immunité et votre vitalité au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-mvit-hero-labels\"\u003e\n \u003cspan class=\"soi-mvit-label soi-mvit-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-label\"\u003e12 VITAMINES\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-label\"\u003e60 GÉLULES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-mvit-section\"\u003e\n \u003ch2\u003eMultivitamines en gélules : le complexe complet pour votre énergie et votre immunité\u003c\/h2\u003e\n \u003cp\u003eVous ressentez des coups de fatigue, un manque d'énergie ou l'impression que votre corps tourne au ralenti ? Une alimentation déséquilibrée, le stress ou simplement le rythme du quotidien peuvent creuser des carences en vitamines essentielles. Le complexe Multivitamines Laboratoire Code a justement été formulé pour couvrir vos besoins journaliers avec un seul complément pratique, fabriqué en France, en gélule végétale.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-mvit-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément multivitamines ?\u003c\/h2\u003e\n \u003cp class=\"soi-mvit-section-intro\"\u003eContrairement à de nombreux produits disponibles sur le marché, ce complexe regroupe toutes les vitamines naturelles essentielles dans une formule équilibrée et dosée avec précision. Pas de superflu, pas de compromis : chaque gélule est pensée pour apporter ce dont votre organisme a réellement besoin.\u003c\/p\u003e\n \u003cdiv class=\"soi-mvit-grid-compact\"\u003e\n \u003cdiv class=\"soi-mvit-card-mini\"\u003e\n \u003cspan class=\"soi-mvit-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-card-mini\"\u003e\n \u003cspan class=\"soi-mvit-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-card-mini-label\"\u003eGélules\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-card-mini-value\"\u003eVégétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-card-mini\"\u003e\n \u003cspan class=\"soi-mvit-card-mini-icon\"\u003e🎯\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-card-mini-value\"\u003eMulti-cibles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-card-mini\"\u003e\n \u003cspan class=\"soi-mvit-card-mini-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-card-mini-label\"\u003eContenu\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-card-mini-value\"\u003e60 gélules (2 mois)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-mvit-section\"\u003e\n \u003ch2\u003eLes bienfaits clés du complexe multivitamines\u003c\/h2\u003e\n \u003cdiv class=\"soi-mvit-benefits\"\u003e\n \u003cdiv class=\"soi-mvit-benefit\"\u003e\n \u003cdiv class=\"soi-mvit-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRéduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLes vitamines C, B5, B6, B9 et B12 contribuent à réduire la fatigue et à soutenir un métabolisme énergétique normal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-benefit\"\u003e\n \u003cdiv class=\"soi-mvit-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eLes vitamines C, B9 et B12 participent au fonctionnement normal du système immunitaire, pour mieux résister aux agressions saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-benefit\"\u003e\n \u003cdiv class=\"soi-mvit-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSystème nerveux et stress\u003c\/h3\u003e\n \u003cp\u003eLes vitamines B1, B6 et B8 soutiennent le fonctionnement normal du système nerveux, aidant à mieux gérer le stress et la fatigue mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-benefit\"\u003e\n \u003cdiv class=\"soi-mvit-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau et protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eLes vitamines B2, B3 et B8 contribuent à maintenir une peau normale. La vitamine E protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-mvit-section\"\u003e\n \u003ch2\u003eComposition et dosage par gélule (385 mg)\u003c\/h2\u003e\n \u003cp class=\"soi-mvit-section-intro\"\u003eVoici le détail complet des actifs contenus dans chaque gélule végétale :\u003c\/p\u003e\n \u003cdiv class=\"soi-mvit-compo\"\u003e\n \u003cdiv class=\"soi-mvit-compo-row\"\u003e\n \u003cspan class=\"soi-mvit-compo-label\"\u003eVitamine C (acide L-ascorbique)\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-compo-value\"\u003e80 mg · 100 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-compo-row\"\u003e\n \u003cspan class=\"soi-mvit-compo-label\"\u003eVitamine E (D-alpha-tocophéryl acétate)\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-compo-value\"\u003e12 mg · 100 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-compo-row\"\u003e\n \u003cspan class=\"soi-mvit-compo-label\"\u003eVitamine B3 (niacine)\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-compo-value\"\u003e16 mg · 100 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-compo-row\"\u003e\n \u003cspan class=\"soi-mvit-compo-label\"\u003eVitamine B5 (acide pantothénique)\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-compo-value\"\u003e6 mg · 100 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-compo-row\"\u003e\n \u003cspan class=\"soi-mvit-compo-label\"\u003eVitamine B6 (pyridoxine)\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-compo-value\"\u003e1,4 mg · 100 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-compo-row\"\u003e\n \u003cspan class=\"soi-mvit-compo-label\"\u003eVitamine B2 (riboflavine)\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-compo-value\"\u003e1,4 mg · 100 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-compo-row\"\u003e\n \u003cspan class=\"soi-mvit-compo-label\"\u003eVitamine B1 (thiamine)\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-compo-value\"\u003e1,1 mg · 100 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-compo-row\"\u003e\n \u003cspan class=\"soi-mvit-compo-label\"\u003eVitamine B9 (acide folique)\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-compo-value\"\u003e200 µg · 100 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-compo-row\"\u003e\n \u003cspan class=\"soi-mvit-compo-label\"\u003eVitamine B8 (biotine)\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-compo-value\"\u003e50 µg · 167 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-compo-row\"\u003e\n \u003cspan class=\"soi-mvit-compo-label\"\u003eVitamine B12 (cyanocobalamine)\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-compo-value\"\u003e2,5 µg · 100 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-compo-row\"\u003e\n \u003cspan class=\"soi-mvit-compo-label\"\u003eVitamine D3 (cholécalciférol)\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-compo-value\"\u003e5 µg (200 UI) · 100 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-compo-row\"\u003e\n \u003cspan class=\"soi-mvit-compo-label\"\u003eVitamine A (acétate de rétinyle)\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-compo-value\"\u003e800 µg · 100 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-compo-row\"\u003e\n \u003cspan class=\"soi-mvit-compo-label\"\u003eAutres composants\u003c\/span\u003e\n \u003cspan class=\"soi-mvit-compo-value\"\u003eGélule végétale (HPMC), cellulose microcristalline, stéarate de magnésium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-mvit-section\"\u003e\n \u003ch2\u003eComment prendre ces gélules multivitaminées ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-mvit-timeline\"\u003e\n \u003cdiv class=\"soi-mvit-step\"\u003e\n \u003cdiv class=\"soi-mvit-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-step-content\"\u003e\n \u003ch3\u003e1 gélule par jour\u003c\/h3\u003e\n \u003cp\u003ePrenez une gélule le matin, de préférence au cours du petit-déjeuner pour une meilleure absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-step\"\u003e\n \u003cdiv class=\"soi-mvit-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-step-content\"\u003e\n \u003ch3\u003eCure de 2 mois\u003c\/h3\u003e\n \u003cp\u003ePour des résultats visibles sur votre énergie et votre vitalité, misez sur une cure continue de 6 à 8 semaines minimum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-step\"\u003e\n \u003cdiv class=\"soi-mvit-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-mvit-step-content\"\u003e\n \u003ch3\u003eÀ renouveler si besoin\u003c\/h3\u003e\n \u003cp\u003eEn période de fatigue intense, de changement de saison ou de régime alimentaire, une deuxième cure peut être envisagée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-mvit-section\"\u003e\n \u003cdiv class=\"soi-mvit-accordion\"\u003e\n \u003cdetails class=\"soi-mvit-accordion-item\"\u003e\n \u003csummary class=\"soi-mvit-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-mvit-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical ni à une alimentation variée et équilibrée. Tenez hors de portée des jeunes enfants. Demandez l'avis d'un professionnel de santé en cas de grossesse, d'allaitement ou de traitement médicamenteux en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-mvit-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-mvit-cta-box\"\u003e\n \u003cp class=\"soi-mvit-cta-tag\" style=\"color: white;\"\u003eVotre allié vitalité au quotidien\u003c\/p\u003e\n \u003cp class=\"soi-mvit-cta-text\" style=\"color: white;\"\u003eParce que votre énergie mérite une formule claire, complète et honnête, le complexe Multivitamines Laboratoire Code regroupe 12 vitamines essentielles dans une seule gélule végétale, fabriquée en France avec soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-mvit-marine: #1A2D3D;\n --soi-mvit-marine-dark: #0F1E2B;\n --soi-mvit-marine-light: #2C4458;\n --soi-mvit-pomme: #A1C544;\n --soi-mvit-pomme-dark: #84A636;\n --soi-mvit-pomme-light: rgba(161,197,68,0.10);\n --soi-mvit-white: #FFFFFF;\n --soi-mvit-off-white: #F8FAF6;\n --soi-mvit-stone: #F1F3EE;\n --soi-mvit-line: #E5E8E0;\n --soi-mvit-primary: #B8D4E8;\n --soi-mvit-primary-soft: #D6E8F4;\n --soi-mvit-accent: #D88542;\n --soi-mvit-text: #1A2D3D;\n --soi-mvit-text-soft: #4A5B6B;\n --soi-mvit-text-muted: #7B8693;\n --soi-mvit-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-mvit-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-mvit-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-mvit-radius: 12px;\n --soi-mvit-radius-sm: 8px;\n --soi-mvit-radius-pill: 999px;\n}\n\n.soi-mvit-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mvit-fiche img { max-width: 100%; height: auto; }\n\n.soi-mvit-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-mvit-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-mvit-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-mvit-hero {\n position: relative;\n background: var(--soi-mvit-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-mvit-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-mvit-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-mvit-pomme);\n}\n\n.soi-mvit-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-mvit-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-mvit-pomme);\n border-radius: 50%;\n}\n\n.soi-mvit-hero-title {\n display: block;\n color: var(--soi-mvit-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-mvit-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-mvit-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-mvit-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-mvit-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-mvit-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-mvit-label-accent {\n background: var(--soi-mvit-pomme);\n border-color: var(--soi-mvit-pomme);\n color: var(--soi-mvit-marine);\n font-weight: 600;\n}\n\n.soi-mvit-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mvit-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-mvit-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-mvit-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-mvit-pomme);\n border-radius: 2px;\n}\n\n.soi-mvit-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-mvit-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-mvit-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-mvit-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-mvit-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-mvit-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-mvit-benefit {\n background: var(--soi-mvit-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-mvit-radius);\n border: 1px solid var(--soi-mvit-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mvit-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-mvit-shadow-md);\n}\n\n.soi-mvit-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-mvit-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-mvit-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-mvit-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-mvit-benefit:hover .soi-mvit-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-mvit-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mvit-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mvit-benefit p {\n font-size: 13px;\n color: var(--soi-mvit-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mvit-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-mvit-card-mini {\n background: var(--soi-mvit-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-mvit-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-mvit-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-mvit-card-mini-label {\n font-size: 11px;\n color: var(--soi-mvit-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-mvit-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-mvit-marine);\n}\n\n.soi-mvit-compo {\n background: var(--soi-mvit-off-white);\n border-radius: var(--soi-mvit-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-mvit-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-mvit-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-mvit-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-mvit-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-mvit-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-mvit-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-mvit-marine);\n text-align: right;\n}\n\n.soi-mvit-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-mvit-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-mvit-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mvit-radius);\n border: 1px solid var(--soi-mvit-line);\n align-items: flex-start;\n}\n\n.soi-mvit-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-mvit-marine);\n color: var(--soi-mvit-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-mvit-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-mvit-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-mvit-step-content p {\n font-size: 14px;\n color: var(--soi-mvit-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mvit-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-mvit-accordion-item {\n background: var(--soi-mvit-off-white);\n border-radius: var(--soi-mvit-radius-sm);\n border: 1px solid var(--soi-mvit-line);\n overflow: hidden;\n}\n\n.soi-mvit-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-mvit-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-mvit-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-mvit-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-mvit-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-mvit-accordion-item[open] .soi-mvit-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-mvit-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-mvit-accordion-content p {\n font-size: 14px;\n color: var(--soi-mvit-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mvit-cta-box {\n background: var(--soi-mvit-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-mvit-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-mvit-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-mvit-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-mvit-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-mvit-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-mvit-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-mvit-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-mvit-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-mvit-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-mvit-compo-value {\n text-align: left;\n }\n\n .soi-mvit-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-mvit-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-mvit-fiche {\n --soi-mvit-text-soft: #2C3E50;\n --soi-mvit-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61602657599818,"sku":"LC1008","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/multi-vitamines-en-gelules-packshot.webp?v=1779636353"},{"product_id":"extrait-d-harpagophytum-bio-et-vegan-en-gelules","title":"Extrait d’Harpagophytum Bio en gélules (griffe du diable)","description":"\n\u003cdiv class=\"soi-harp-fiche\"\u003e\n\n\u003csection class=\"soi-harp-hero\"\u003e\n\u003cdiv class=\"soi-harp-hero-tag\"\u003e\n\u003cspan class=\"soi-harp-tag-dot\"\u003e\u003c\/span\u003e\nComplément alimentaire · Laboratoire Code\n\u003c\/div\u003e\n\u003cspan class=\"soi-harp-hero-title\"\u003eExtrait d'Harpagophytum bio en gélules\u003c\/span\u003e\n\u003cp class=\"soi-harp-hero-subtitle\"\u003eLa puissance de la « Griffe du Diable » au service de vos articulations : 60 gélules végétales d'extrait concentré, certifié bio et fabriqué en France.\u003c\/p\u003e\n\u003cdiv class=\"soi-harp-hero-labels\"\u003e\n\u003cspan class=\"soi-harp-label soi-harp-label-accent\"\u003eBIO · AB\u003c\/span\u003e\n\u003cspan class=\"soi-harp-label\"\u003e100 % VEGAN\u003c\/span\u003e\n\u003cspan class=\"soi-harp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-harp-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-harp-section\"\u003e\n\u003ch2\u003eL'harpagophytum, la \"Griffe du Diable\" venue d'Afrique\u003c\/h2\u003e\n\u003cp\u003eOriginaire des savanes semi-arides d'Afrique australe, \u003cstrong\u003el'Harpagophytum procumbens\u003c\/strong\u003e tire son surnom évocateur de la forme crochetée de ses fruits. Ce sont ses \u003cstrong\u003eracines secondaires\u003c\/strong\u003e qui concentrent les principes actifs, en particulier les \u003cstrong\u003eharpagosides\u003c\/strong\u003e, des iridoïdes reconnus pour leurs propriétés anti-inflammatoires naturelles.\u003c\/p\u003e\n\u003cp\u003eUtilisée depuis des siècles en médecine traditionnelle africaine, cette plante est aujourd'hui l'une des références phytothérapeutiques les plus documentées en Europe pour la santé des articulations et des tendons. Chez Soinat, nous avons sélectionné un extrait concentré issu de l'agriculture biologique pour vous offrir le meilleur de ce végétal d'exception.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-harp-section\"\u003e\n\u003ch2\u003eBienfaits des gélules d'harpagophytum bio : ce que vous pouvez réellement attendre\u003c\/h2\u003e\n\u003cdiv class=\"soi-harp-benefits\"\u003e\n\u003cdiv class=\"soi-harp-benefit\"\u003e\n\u003cdiv class=\"soi-harp-benefit-icon\"\u003e\u003cspan\u003e🦴\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eConfort articulaire\u003c\/h3\u003e\n\u003cp\u003eLes harpagosides agissent en soutien de l'inflammation naturelle du corps, contribuant à réduire les inconforts dans les genoux, hanches, dos et épaules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-benefit\"\u003e\n\u003cdiv class=\"soi-harp-benefit-icon\"\u003e\u003cspan\u003e🤸\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eFlexibilité et mobilité\u003c\/h3\u003e\n\u003cp\u003eParticulièrement apprécié des personnes qui ressentent des raideurs matinales ou après un effort physique prolongé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-benefit\"\u003e\n\u003cdiv class=\"soi-harp-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eSoutien des tendons\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement utilisé pour les tendons ainsi que pour les articulations, l'harpagophytum est un allié polyvalent pour les sportifs comme pour les seniors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-benefit\"\u003e\n\u003cdiv class=\"soi-harp-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eConfort digestif\u003c\/h3\u003e\n\u003cp\u003eÀ des doses modérées, la plante contribue également à un confort digestif, un bénéfice souvent méconnu de cette racine africaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-harp-section\"\u003e\n\u003ch2\u003eComposition et posologie : ce qu'il y a vraiment dans chaque gélule\u003c\/h2\u003e\n\u003cdiv class=\"soi-harp-compo\"\u003e\n\u003cdiv class=\"soi-harp-compo-row\"\u003e\n\u003cspan class=\"soi-harp-compo-label\"\u003eConditionnement\u003c\/span\u003e\n\u003cspan class=\"soi-harp-compo-value\"\u003e60 gélules végétales de 425 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-compo-row\"\u003e\n\u003cspan class=\"soi-harp-compo-label\"\u003eExtrait sec d'Harpagophytum procumbens (racines secondaires)\u003c\/span\u003e\n\u003cspan class=\"soi-harp-compo-value\"\u003e400 mg \/ gélule\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-compo-row\"\u003e\n\u003cspan class=\"soi-harp-compo-label\"\u003eTitrage\u003c\/span\u003e\n\u003cspan class=\"soi-harp-compo-value\"\u003eEn harpagosides\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-compo-row\"\u003e\n\u003cspan class=\"soi-harp-compo-label\"\u003eFibre d'acacia (agent de charge bio)\u003c\/span\u003e\n\u003cspan class=\"soi-harp-compo-value\"\u003e25 mg \/ gélule\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-compo-row\"\u003e\n\u003cspan class=\"soi-harp-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n\u003cspan class=\"soi-harp-compo-value\"\u003eGélule végétale HPMC, 100 % vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-compo-row\"\u003e\n\u003cspan class=\"soi-harp-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-harp-compo-value\"\u003eAB · FR-BIO-01 · Agriculture non-UE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"soi-harp-timeline\" style=\"margin-top: 1.5rem;\"\u003e\n\u003cdiv class=\"soi-harp-step\"\u003e\n\u003cdiv class=\"soi-harp-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-step-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez 2 à 3 gélules par jour, de préférence au moment des repas, avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-step\"\u003e\n\u003cdiv class=\"soi-harp-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-step-content\"\u003e\n\u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n\u003cp\u003ePour un résultat optimal, une cure de 6 à 8 semaines est généralement conseillée. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"soi-harp-tip\" style=\"margin-top: 1.5rem;\"\u003e\n\u003cdiv class=\"soi-harp-tip-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRappel important\u003c\/strong\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de pathologie articulaire diagnostiquée, consultez votre médecin avant toute cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-harp-section\"\u003e\n\u003ch2\u003ePourquoi choisir cet extrait d'harpagophytum parmi tous les autres ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-harp-grid\"\u003e\n\u003cdiv class=\"soi-harp-card\"\u003e\n\u003ch3\u003e🌿 Certifié Agriculture Biologique (AB)\u003c\/h3\u003e\n\u003cp\u003eAucun pesticide, aucun engrais chimique. La pureté des actifs est préservée de la racine à la gélule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eTraçabilité totale, respect des normes BPF (Bonnes Pratiques de Fabrication) et contrôle qualité rigoureux à chaque étape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-card\"\u003e\n\u003ch3\u003e🌱 100 % Vegan\u003c\/h3\u003e\n\u003cp\u003eGélule végétale HPMC, sans gélatine animale ni aucun excipient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-card\"\u003e\n\u003ch3\u003e💊 Formule épurée\u003c\/h3\u003e\n\u003cp\u003eSeulement deux ingrédients. Pas d'additifs inutiles, pas de colorants, pas de conservateurs artificiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-harp-section\"\u003e\n\u003ch2\u003eÀ qui s'adressent ces gélules d'harpagophytum bio ?\u003c\/h2\u003e\n\u003cp class=\"soi-harp-section-intro\"\u003eCe complément convient particulièrement aux personnes qui cherchent un soutien naturel pour leurs articulations et leurs tendons.\u003c\/p\u003e\n\u003cdiv class=\"soi-harp-grid\"\u003e\n\u003cdiv class=\"soi-harp-card\"\u003e\n\u003ch3\u003e🦵 Inconforts articulaires\u003c\/h3\u003e\n\u003cp\u003eVous ressentez des douleurs articulaires légères à modérées au niveau des genoux, du dos ou des hanches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-card\"\u003e\n\u003ch3\u003e🌅 Raideurs matinales\u003c\/h3\u003e\n\u003cp\u003eVous souffrez de raideurs au réveil ou après une activité physique intense, et souhaitez retrouver plus de souplesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-card\"\u003e\n\u003ch3\u003e🏃 Mode de vie actif\u003c\/h3\u003e\n\u003cp\u003eVous cherchez un soutien naturel en complément d'une hygiène de vie active, que vous soyez sportif ou senior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-harp-card\"\u003e\n\u003ch3\u003e🌿 Alternative naturelle\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez une alternative bio et vegan aux anti-inflammatoires de synthèse pour un usage ponctuel ou en cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"soi-harp-accordion\" style=\"margin-top: 1.5rem;\"\u003e\n\u003cdetails class=\"soi-harp-accordion-item\"\u003e\n\u003csummary class=\"soi-harp-accordion-header\"\u003e⚠️ Précautions d'emploi et contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"soi-harp-accordion-content\"\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux personnes souffrant de calculs biliaires ou d'ulcères gastroduodénaux, et aux enfants de moins de 12 ans. En cas de traitement médicamenteux en cours, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-harp-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-harp-cta-box\"\u003e\n\u003cp class=\"soi-harp-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, une articulation à la fois\u003c\/p\u003e\n\u003cp class=\"soi-harp-cta-text\" style=\"color: white;\"\u003eVos articulations méritent mieux que d'être ignorées. Avec cet extrait d'harpagophytum bio, vous choisissez une plante ancestrale, une formule épurée et une fabrication française irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-harp-marine: #1A2D3D;\n --soi-harp-marine-dark: #0F1E2B;\n --soi-harp-marine-light: #2C4458;\n --soi-harp-pomme: #A1C544;\n --soi-harp-pomme-dark: #84A636;\n --soi-harp-pomme-light: rgba(161,197,68,0.10);\n\n --soi-harp-white: #FFFFFF;\n --soi-harp-off-white: #F8FAF6;\n --soi-harp-stone: #F1F3EE;\n --soi-harp-line: #E5E8E0;\n\n --soi-harp-primary: #A8C8E8;\n --soi-harp-primary-soft: #D4E4F4;\n --soi-harp-accent: #D04A4A;\n\n --soi-harp-text: #1A2D3D;\n --soi-harp-text-soft: #4A5B6B;\n --soi-harp-text-muted: #7B8693;\n\n --soi-harp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-harp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-harp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-harp-radius: 12px;\n --soi-harp-radius-sm: 8px;\n --soi-harp-radius-pill: 999px;\n}\n\n.soi-harp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-harp-fiche img { max-width: 100%; height: auto; }\n\n.soi-harp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-harp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-harp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-harp-hero {\n position: relative;\n background: var(--soi-harp-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-harp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-harp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-harp-pomme);\n}\n\n.soi-harp-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-harp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-harp-pomme);\n border-radius: 50%;\n}\n\n.soi-harp-hero-title {\n display: block;\n color: var(--soi-harp-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-harp-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-harp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-harp-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-harp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-harp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-harp-label-accent {\n background: var(--soi-harp-pomme);\n border-color: var(--soi-harp-pomme);\n color: var(--soi-harp-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-harp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-harp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-harp-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-harp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-harp-pomme);\n border-radius: 2px;\n}\n\n.soi-harp-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-harp-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-harp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-harp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-harp-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-harp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-harp-benefit {\n background: var(--soi-harp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-harp-radius);\n border: 1px solid var(--soi-harp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-harp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-harp-shadow-md);\n}\n\n.soi-harp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-harp-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-harp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-harp-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-harp-benefit:hover .soi-harp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-harp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-harp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-harp-benefit p {\n font-size: 13px;\n color: var(--soi-harp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-harp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-harp-card {\n background: var(--soi-harp-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-harp-radius);\n border-left: 3px solid var(--soi-harp-pomme);\n}\n\n.soi-harp-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-harp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-harp-card p {\n font-size: 14px;\n color: var(--soi-harp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-harp-compo {\n background: var(--soi-harp-off-white);\n border-radius: var(--soi-harp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-harp-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-harp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-harp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-harp-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-harp-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-harp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-harp-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-harp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-harp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-harp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-harp-radius);\n border: 1px solid var(--soi-harp-line);\n align-items: flex-start;\n}\n\n.soi-harp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-harp-marine);\n color: var(--soi-harp-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-harp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-harp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-harp-step-content p {\n font-size: 14px;\n color: var(--soi-harp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-harp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-harp-pomme-light);\n border-left: 4px solid var(--soi-harp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-harp-radius) var(--soi-harp-radius) 0;\n align-items: flex-start;\n}\n\n.soi-harp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-harp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-harp-marine);\n margin-bottom: 4px;\n}\n\n.soi-harp-tip p {\n font-size: 14px;\n color: var(--soi-harp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-harp-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-harp-accordion-item {\n background: var(--soi-harp-off-white);\n border-radius: var(--soi-harp-radius-sm);\n border: 1px solid var(--soi-harp-line);\n overflow: hidden;\n}\n\n.soi-harp-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-harp-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-harp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-harp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-harp-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-harp-accordion-item[open] .soi-harp-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-harp-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-harp-accordion-content p {\n font-size: 14px;\n color: var(--soi-harp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-harp-cta-box {\n background: var(--soi-harp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-harp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-harp-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-harp-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-harp-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-harp-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-harp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-harp-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-harp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-harp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-harp-compo-value {\n text-align: left;\n }\n\n .soi-harp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-harp-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-harp-fiche {\n --soi-harp-text-soft: #2C3E50;\n --soi-harp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61602661695818,"sku":"LC3010","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/extrait-dharpagophytum-bio-et-vegan-en-gelules-packshot_0c4a8be6-1e82-4c03-91ce-fb43b2d27c35.webp?v=1779712554"},{"product_id":"co-enzyme-q10","title":"Coenzyme Q10 en gélules - Laboratoire Code","description":"\n\u003cdiv class=\"soi-coq10-fiche\"\u003e\n\n\u003csection class=\"soi-coq10-hero\"\u003e\n \u003cdiv class=\"soi-coq10-hero-tag\"\u003e\n \u003cspan class=\"soi-coq10-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-coq10-hero-title\"\u003eCoenzyme Q10 en gélules\u003c\/span\u003e\n \u003cp class=\"soi-coq10-hero-subtitle\"\u003e200 mg de CoQ10 par gélule, obtenue par fermentation bactérienne. Une formule épurée enrichie en vitamine E pour soutenir votre énergie cellulaire et votre protection antioxydante au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-coq10-hero-labels\"\u003e\n \u003cspan class=\"soi-coq10-label soi-coq10-label-accent\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-label\"\u003eSANS LACTOSE\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-label\"\u003eSANS OGM\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-coq10-section\"\u003e\n \u003ch2\u003eCoenzyme Q10 : le carburant naturel de vos cellules\u003c\/h2\u003e\n \u003cp\u003eVous manquez d'énergie, vous sentez votre vitalité s'éroder au fil des années ? Ce n'est pas une fatalité. La \u003cstrong\u003ecoenzyme Q10\u003c\/strong\u003e, aussi appelée CoQ10 ou ubiquinone, est une molécule naturellement présente dans chaque cellule de votre corps. Elle joue un rôle central dans la production d'énergie et agit comme un \u003cstrong\u003eantioxydant puissant\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eLe problème : votre organisme en fabrique de moins en moins à partir de 30 ans. C'est précisément là qu'une supplémentation bien dosée peut faire la différence.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-coq10-section\"\u003e\n \u003ch2\u003eBienfaits du coenzyme Q10 : à quoi ça sert concrètement ?\u003c\/h2\u003e\n \u003cp class=\"soi-coq10-section-intro\"\u003eLes bienfaits du coenzyme Q10 sont documentés et reconnus dans la littérature scientifique. Voici ce que vous pouvez en attendre :\u003c\/p\u003e\n \u003cdiv class=\"soi-coq10-benefits\"\u003e\n \u003cdiv class=\"soi-coq10-benefit\"\u003e\n \u003cdiv class=\"soi-coq10-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉnergie cellulaire\u003c\/h3\u003e\n \u003cp\u003eLa CoQ10 intervient directement dans la chaîne respiratoire mitochondriale, là où vos cellules fabriquent l'ATP, votre carburant biologique. Résultat : une vitalité plus stable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-benefit\"\u003e\n \u003cdiv class=\"soi-coq10-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n \u003cp\u003eEn neutralisant les radicaux libres, la CoQ10 contribue à ralentir le vieillissement cellulaire prématuré, en synergie avec la vitamine E présente dans cette formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-benefit\"\u003e\n \u003cdiv class=\"soi-coq10-benefit-icon\"\u003e\u003cspan\u003e❤️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoutien cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eLe cœur est l'un des organes les plus riches en CoQ10. Une supplémentation régulière est souvent recommandée chez les personnes sous statines, qui appauvrissent les réserves naturelles de cette coenzyme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-benefit\"\u003e\n \u003cdiv class=\"soi-coq10-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVitalité cutanée\u003c\/h3\u003e\n \u003cp\u003eGrâce à son action sur le stress oxydatif, la CoQ10 participe à préserver l'éclat et la fermeté de la peau dans la durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-coq10-section\"\u003e\n \u003ch2\u003eComposition complète et dosage par gélule\u003c\/h2\u003e\n \u003cp class=\"soi-coq10-section-intro\"\u003eLa formule du Coenzyme Q10 Laboratoire Code est épurée, sans additifs inutiles, et obtenue par \u003cstrong\u003efermentation bactérienne\u003c\/strong\u003e, ce qui garantit une pureté et une biodisponibilité optimales.\u003c\/p\u003e\n \u003cdiv class=\"soi-coq10-compo\"\u003e\n \u003cdiv class=\"soi-coq10-compo-row\"\u003e\n \u003cspan class=\"soi-coq10-compo-label\"\u003eCoenzyme Q10 (ubiquinone)\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-compo-value\"\u003e200 mg par gélule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-compo-row\"\u003e\n \u003cspan class=\"soi-coq10-compo-label\"\u003eVitamine E (D-alpha-tocophérol)\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-compo-value\"\u003e100 % des VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-compo-row\"\u003e\n \u003cspan class=\"soi-coq10-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-compo-value\"\u003eGélule végétale (HPMC)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-compo-row\"\u003e\n \u003cspan class=\"soi-coq10-compo-label\"\u003eObtention\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-compo-value\"\u003eFermentation bactérienne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-compo-row\"\u003e\n \u003cspan class=\"soi-coq10-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-compo-value\"\u003e60 gélules végétales de 375 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-compo-row\"\u003e\n \u003cspan class=\"soi-coq10-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-grid-compact\"\u003e\n \u003cdiv class=\"soi-coq10-card-mini\"\u003e\n \u003cspan class=\"soi-coq10-card-mini-icon\"\u003e🧬\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-card-mini-label\"\u003ePar gélule\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-card-mini-value\"\u003e200 mg CoQ10\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-card-mini\"\u003e\n \u003cspan class=\"soi-coq10-card-mini-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-card-mini-label\"\u003eContenu\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-card-mini-value\"\u003e60 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-card-mini\"\u003e\n \u003cspan class=\"soi-coq10-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-card-mini\"\u003e\n \u003cspan class=\"soi-coq10-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-coq10-card-mini-value\"\u003e100 % vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-coq10-section\"\u003e\n \u003ch2\u003eComment prendre le coenzyme Q10 ? Posologie conseillée\u003c\/h2\u003e\n \u003cdiv class=\"soi-coq10-timeline\"\u003e\n \u003cdiv class=\"soi-coq10-step\"\u003e\n \u003cdiv class=\"soi-coq10-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-step-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, de préférence le matin au cours du repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-step\"\u003e\n \u003cdiv class=\"soi-coq10-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-step-content\"\u003e\n \u003ch3\u003eAvec un repas contenant des lipides\u003c\/h3\u003e\n \u003cp\u003eLa CoQ10 est liposoluble : elle s'assimile mieux en présence de graisses alimentaires. Privilégiez donc une prise au cours d'un repas contenant des lipides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-step\"\u003e\n \u003cdiv class=\"soi-coq10-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-step-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est généralement recommandée pour ressentir des effets durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coq10-tip\"\u003e\n \u003cdiv class=\"soi-coq10-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour optimiser l'absorption de votre CoQ10, accompagnez votre gélule d'un petit déjeuner ou d'un déjeuner contenant une source de lipides (huile d'olive, avocat, oléagineux). La biodisponibilité en sera nettement améliorée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-coq10-section\"\u003e\n \u003ch2\u003eCoenzyme Q10 : risques et précautions\u003c\/h2\u003e\n \u003cp class=\"soi-coq10-section-intro\"\u003eLa coenzyme Q10 est considérée comme sûre aux doses usuelles. Voici quelques points à connaître avant de commencer votre cure :\u003c\/p\u003e\n \u003cdiv class=\"soi-coq10-accordion\"\u003e\n \u003cdetails class=\"soi-coq10-accordion-item\"\u003e\n \u003csummary class=\"soi-coq10-accordion-header\"\u003e💊 Interaction avec les anticoagulants\u003c\/summary\u003e\n \u003cdiv class=\"soi-coq10-accordion-content\"\u003e\n \u003cp\u003eLa CoQ10 peut interagir avec certains anticoagulants, notamment la warfarine. Si vous suivez un traitement anticoagulant, consultez votre médecin avant de débuter une supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-coq10-accordion-item\"\u003e\n \u003csummary class=\"soi-coq10-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"soi-coq10-accordion-content\"\u003e\n \u003cp\u003ePar précaution, ce complément est déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-coq10-accordion-item\"\u003e\n \u003csummary class=\"soi-coq10-accordion-header\"\u003e⚠️ Avertissement général\u003c\/summary\u003e\n \u003cdiv class=\"soi-coq10-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical ni une alimentation variée et équilibrée. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-coq10-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-coq10-cta-box\"\u003e\n \u003cp class=\"soi-coq10-cta-tag\" style=\"color: white;\"\u003eRechargez vos cellules en énergie\u003c\/p\u003e\n \u003cp class=\"soi-coq10-cta-text\" style=\"color: white;\"\u003eOffrez à votre organisme 200 mg de CoQ10 par gélule, une formule vegan fabriquée en France, pour retrouver une vitalité stable et une protection antioxydante au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-coq10-marine: #1A2D3D;\n --soi-coq10-marine-dark: #0F1E2B;\n --soi-coq10-marine-light: #2C4458;\n --soi-coq10-pomme: #A1C544;\n --soi-coq10-pomme-dark: #84A636;\n --soi-coq10-pomme-light: rgba(161,197,68,0.10);\n\n --soi-coq10-white: #FFFFFF;\n --soi-coq10-off-white: #F8FAF6;\n --soi-coq10-stone: #F1F3EE;\n --soi-coq10-line: #E5E8E0;\n\n --soi-coq10-primary: #8BB8D4;\n --soi-coq10-primary-soft: #D6EAF5;\n --soi-coq10-accent: #C85A5A;\n\n --soi-coq10-text: #1A2D3D;\n --soi-coq10-text-soft: #4A5B6B;\n --soi-coq10-text-muted: #7B8693;\n\n --soi-coq10-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-coq10-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-coq10-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-coq10-radius: 12px;\n --soi-coq10-radius-sm: 8px;\n --soi-coq10-radius-pill: 999px;\n}\n\n.soi-coq10-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-coq10-fiche img { max-width: 100%; height: auto; }\n\n.soi-coq10-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-coq10-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-coq10-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-coq10-hero {\n position: relative;\n background: var(--soi-coq10-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-coq10-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-coq10-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-coq10-pomme);\n}\n\n.soi-coq10-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-coq10-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-coq10-pomme);\n border-radius: 50%;\n}\n\n.soi-coq10-hero-title {\n display: block;\n color: var(--soi-coq10-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-coq10-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-coq10-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-coq10-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-coq10-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-coq10-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-coq10-label-accent {\n background: var(--soi-coq10-pomme);\n border-color: var(--soi-coq10-pomme);\n color: var(--soi-coq10-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-coq10-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-coq10-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-coq10-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-coq10-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-coq10-pomme);\n border-radius: 2px;\n}\n\n.soi-coq10-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-coq10-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-coq10-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-coq10-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-coq10-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-coq10-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-coq10-benefit {\n background: var(--soi-coq10-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-coq10-radius);\n border: 1px solid var(--soi-coq10-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-coq10-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-coq10-shadow-md);\n}\n\n.soi-coq10-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-coq10-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-coq10-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-coq10-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-coq10-benefit:hover .soi-coq10-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-coq10-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-coq10-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-coq10-benefit p {\n font-size: 13px;\n color: var(--soi-coq10-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-coq10-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-coq10-card-mini {\n background: var(--soi-coq10-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-coq10-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-coq10-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-coq10-card-mini-label {\n font-size: 11px;\n color: var(--soi-coq10-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-coq10-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-coq10-marine);\n}\n\n\/* === COMPOSITION === *\/\n.soi-coq10-compo {\n background: var(--soi-coq10-off-white);\n border-radius: var(--soi-coq10-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-coq10-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-coq10-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-coq10-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-coq10-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-coq10-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-coq10-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-coq10-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-coq10-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-coq10-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-coq10-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-coq10-radius);\n border: 1px solid var(--soi-coq10-line);\n align-items: flex-start;\n}\n\n.soi-coq10-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-coq10-marine);\n color: var(--soi-coq10-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-coq10-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-coq10-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-coq10-step-content p {\n font-size: 14px;\n color: var(--soi-coq10-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-coq10-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-coq10-pomme-light);\n border-left: 4px solid var(--soi-coq10-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-coq10-radius) var(--soi-coq10-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-coq10-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-coq10-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-coq10-marine);\n margin-bottom: 4px;\n}\n\n.soi-coq10-tip p {\n font-size: 14px;\n color: var(--soi-coq10-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-coq10-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-coq10-accordion-item {\n background: var(--soi-coq10-off-white);\n border-radius: var(--soi-coq10-radius-sm);\n border: 1px solid var(--soi-coq10-line);\n overflow: hidden;\n}\n\n.soi-coq10-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-coq10-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-coq10-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-coq10-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-coq10-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-coq10-accordion-item[open] .soi-coq10-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-coq10-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-coq10-accordion-content p {\n font-size: 14px;\n color: var(--soi-coq10-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-coq10-cta-box {\n background: var(--soi-coq10-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-coq10-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-coq10-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-coq10-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-coq10-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-coq10-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-coq10-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-coq10-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-coq10-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-coq10-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-coq10-compo-value {\n text-align: left;\n }\n\n .soi-coq10-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-coq10-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-coq10-fiche {\n --soi-coq10-text-soft: #2C3E50;\n --soi-coq10-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61602667757898,"sku":"LC9030","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coenzyme-q10-en-gelules-packshot_1f9f48b3-1220-489b-b38b-7c1dfea299dc.webp?v=1779721057"},{"product_id":"pelvimag-bio","title":"Pelvimag bio en gélules","description":"\u003cdiv class=\"soi-pelv-fiche\"\u003e\n\n \u003csection class=\"soi-pelv-hero\"\u003e\n \u003cdiv class=\"soi-pelv-hero-tag\"\u003e\n \u003cspan class=\"soi-pelv-tag-dot\"\u003e\u003c\/span\u003e\n Confort urinaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-pelv-hero-title\"\u003ePelvimag Bio\u003c\/span\u003e\n \u003cp class=\"soi-pelv-hero-subtitle\"\u003eTrois actifs naturels et biologiques associés pour retrouver légèreté et sérénité au quotidien face aux inconforts urinaires.\u003c\/p\u003e\n \u003cdiv class=\"soi-pelv-hero-labels\"\u003e\n \u003cspan class=\"soi-pelv-label soi-pelv-label-accent\"\u003eBIO · FR-BIO-01\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-label\"\u003eSANS OGM\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-label\"\u003e120 GÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-pelv-section\"\u003e\n \u003ch2\u003ePourquoi choisir Pelvimag Bio pour votre confort urinaire ?\u003c\/h2\u003e\n \u003cp\u003eContrairement à de nombreux compléments alimentaires pour le confort urinaire qui misent sur le cranberry seul, Pelvimag Bio se distingue par une synergie inédite : oignon bio, marron d'Inde bio et magnésium. Cette association agit simultanément sur l'inflammation, la circulation veineuse et la tonicité musculaire du plancher pelvien.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-pelv-benefits\"\u003e\n \u003cdiv class=\"soi-pelv-benefit\"\u003e\n \u003cdiv class=\"soi-pelv-benefit-icon\"\u003e\u003cspan\u003e🧅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eOignon Bio\u003c\/h3\u003e\n \u003cp\u003eRiche en quercétine, un flavonoïde aux propriétés anti-inflammatoires et diurétiques reconnues. Il favorise l'élimination naturelle et contribue à assainir les voies urinaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-benefit\"\u003e\n \u003cdiv class=\"soi-pelv-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMarron d'Inde Bio\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour améliorer la circulation veineuse et réduire la congestion pelvienne. Il aide à apaiser les lourdeurs et l'inflammation locale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-benefit\"\u003e\n \u003cdiv class=\"soi-pelv-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMagnésium\u003c\/h3\u003e\n \u003cp\u003eMinéral essentiel qui participe à la relaxation musculaire et à la réduction des spasmes de la vessie. Il contribue également à réduire la fatigue liée aux troubles du sommeil nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-pelv-section\"\u003e\n \u003ch2\u003eComposition complète et dosage par gélule\u003c\/h2\u003e\n \u003cp class=\"soi-pelv-section-intro\"\u003eChaque gélule végétale de 375 mg contient une formule concentrée en trois actifs complémentaires, sans additifs et certifiée Agriculture Biologique.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-pelv-compo\"\u003e\n \u003cdiv class=\"soi-pelv-compo-row\"\u003e\n \u003cspan class=\"soi-pelv-compo-label\"\u003ePoudre d'oignon bio (Allium cepa)\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-compo-value\"\u003e150 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-compo-row\"\u003e\n \u003cspan class=\"soi-pelv-compo-label\"\u003eExtrait de marron d'Inde bio (Aesculus hippocastanum)\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-compo-value\"\u003e150 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-compo-row\"\u003e\n \u003cspan class=\"soi-pelv-compo-label\"\u003eBisglycinate de magnésium\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-compo-value\"\u003e75 mg (≈ 56 mg Mg élément, 15 % VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-compo-row\"\u003e\n \u003cspan class=\"soi-pelv-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-compo-value\"\u003eGélule végétale (HPMC), sans gélatine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-pelv-grid-compact\"\u003e\n \u003cdiv class=\"soi-pelv-card-mini\"\u003e\n \u003cspan class=\"soi-pelv-card-mini-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-card-mini-label\"\u003eContenu\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-card-mini-value\"\u003e120 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-card-mini\"\u003e\n \u003cspan class=\"soi-pelv-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-card-mini-label\"\u003ePoids \/ gélule\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-card-mini-value\"\u003e375 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-card-mini\"\u003e\n \u003cspan class=\"soi-pelv-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-card-mini\"\u003e\n \u003cspan class=\"soi-pelv-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-pelv-card-mini-value\"\u003eFR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-pelv-section\"\u003e\n \u003ch2\u003ePosologie : comment prendre Pelvimag Bio ?\u003c\/h2\u003e\n\n \u003cdiv class=\"soi-pelv-timeline\"\u003e\n \u003cdiv class=\"soi-pelv-step\"\u003e\n \u003cdiv class=\"soi-pelv-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-step-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez 4 gélules par jour, à répartir en 2 prises au cours des repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-step\"\u003e\n \u003cdiv class=\"soi-pelv-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de 30 jours (soit un flacon de 120 gélules) est conseillée pour observer les premiers résultats. L'étude d'efficacité menée en 2016 sur 101 participants a montré des résultats significatifs après 40 jours d'utilisation continue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-step\"\u003e\n \u003cdiv class=\"soi-pelv-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-step-content\"\u003e\n \u003ch3\u003eRenouvellement\u003c\/h3\u003e\n \u003cp\u003eCe complément alimentaire peut être renouvelé selon vos besoins, en faisant une pause d'une semaine entre chaque cure si vous l'utilisez sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-pelv-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse Pelvimag Bio ?\u003c\/h2\u003e\n\n \u003cdiv class=\"soi-pelv-grid\"\u003e\n \u003cdiv class=\"soi-pelv-card\"\u003e\n \u003ch3\u003e👩 Femmes sujettes aux cystites\u003c\/h3\u003e\n \u003cp\u003ePour les femmes souffrant de cystites récurrentes ou d'inconforts liés au cycle menstruel, Pelvimag Bio offre un soutien naturel et doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-card\"\u003e\n \u003ch3\u003e🌙 Envies fréquentes et nycturie\u003c\/h3\u003e\n \u003cp\u003eVous ressentez des envies fréquentes d'uriner ou des réveils nocturnes ? Cette formule contribue à apaiser la vessie et à retrouver un sommeil plus serein.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-card\"\u003e\n \u003ch3\u003e👨 Congestion pelvienne masculine\u003c\/h3\u003e\n \u003cp\u003eLes hommes présentant une congestion pelvienne ou prostatique peuvent également bénéficier de l'action circulatoire du marron d'Inde bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pelv-card\"\u003e\n \u003ch3\u003e🌿 Recherche d'une alternative naturelle\u003c\/h3\u003e\n \u003cp\u003ePour toute personne recherchant un complément alimentaire naturel et bio pour le confort urinaire, en alternative aux produits conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-pelv-section\"\u003e\n \u003ch2\u003ePrécautions et conseils\u003c\/h2\u003e\n\n \u003cdiv class=\"soi-pelv-accordion\"\u003e\n \u003cdetails class=\"soi-pelv-accordion-item\"\u003e\n \u003csummary class=\"soi-pelv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-pelv-accordion-content\"\u003e\n \u003cp\u003ePelvimag Bio est un complément alimentaire, il ne remplace pas un traitement médical. En cas d'infection urinaire avérée, consultez un professionnel de santé. Dé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-pelv-accordion-item\"\u003e\n \u003csummary class=\"soi-pelv-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-pelv-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-pelv-tip\"\u003e\n \u003cdiv class=\"soi-pelv-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour bénéficier pleinement des propriétés de Pelvimag Bio, veillez à bien répartir vos 4 gélules en deux prises (matin et soir) au cours des repas. Une hydratation suffisante tout au long de la journée accompagne idéalement votre cure de confort urinaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-pelv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-pelv-cta-box\"\u003e\n \u003cp class=\"soi-pelv-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, chaque jour\u003c\/p\u003e\n \u003cp class=\"soi-pelv-cta-text\" style=\"color: white;\"\u003ePelvimag Bio, c'est la réponse naturelle et certifiée bio aux inconforts urinaires. Avec sa formule unique à trois actifs, fabriquée en France et adaptée aux vegans, il vous accompagne vers un quotidien plus léger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-pelv-marine: #1A2D3D;\n --soi-pelv-marine-dark: #0F1E2B;\n --soi-pelv-marine-light: #2C4458;\n --soi-pelv-pomme: #A1C544;\n --soi-pelv-pomme-dark: #84A636;\n --soi-pelv-pomme-light: rgba(161,197,68,0.10);\n\n --soi-pelv-white: #FFFFFF;\n --soi-pelv-off-white: #F8FAF6;\n --soi-pelv-stone: #F1F3EE;\n --soi-pelv-line: #E5E8E0;\n\n --soi-pelv-primary: #B8CCDD;\n --soi-pelv-primary-soft: #D8E5EF;\n --soi-pelv-accent: #D4A82A;\n\n --soi-pelv-text: #1A2D3D;\n --soi-pelv-text-soft: #4A5B6B;\n --soi-pelv-text-muted: #7B8693;\n\n --soi-pelv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-pelv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-pelv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-pelv-radius: 12px;\n --soi-pelv-radius-sm: 8px;\n --soi-pelv-radius-pill: 999px;\n}\n\n.soi-pelv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-pelv-fiche img { max-width: 100%; height: auto; }\n\n.soi-pelv-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-pelv-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-pelv-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-pelv-hero {\n position: relative;\n background: var(--soi-pelv-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-pelv-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-pelv-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-pelv-pomme);\n}\n\n.soi-pelv-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-pelv-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-pelv-pomme);\n border-radius: 50%;\n}\n\n.soi-pelv-hero-title {\n display: block;\n color: var(--soi-pelv-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-pelv-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-pelv-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-pelv-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-pelv-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-pelv-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-pelv-label-accent {\n background: var(--soi-pelv-pomme);\n border-color: var(--soi-pelv-pomme);\n color: var(--soi-pelv-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-pelv-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-pelv-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-pelv-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-pelv-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-pelv-pomme);\n border-radius: 2px;\n}\n\n.soi-pelv-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-pelv-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-pelv-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-pelv-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-pelv-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-pelv-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-top: 1.5rem;\n}\n\n.soi-pelv-benefit {\n background: var(--soi-pelv-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-pelv-radius);\n border: 1px solid var(--soi-pelv-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-pelv-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-pelv-shadow-md);\n}\n\n.soi-pelv-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-pelv-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-pelv-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-pelv-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-pelv-benefit:hover .soi-pelv-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-pelv-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-pelv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-pelv-benefit p {\n font-size: 13px;\n color: var(--soi-pelv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-pelv-compo {\n background: var(--soi-pelv-off-white);\n border-radius: var(--soi-pelv-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-pelv-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-pelv-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-pelv-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-pelv-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-pelv-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-pelv-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-pelv-marine);\n text-align: right;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-pelv-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-pelv-card-mini {\n background: var(--soi-pelv-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-pelv-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-pelv-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-pelv-card-mini-label {\n font-size: 11px;\n color: var(--soi-pelv-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-pelv-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-pelv-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-pelv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-pelv-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-pelv-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-pelv-radius);\n border: 1px solid var(--soi-pelv-line);\n align-items: flex-start;\n}\n\n.soi-pelv-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-pelv-marine);\n color: var(--soi-pelv-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-pelv-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-pelv-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-pelv-step-content p {\n font-size: 14px;\n color: var(--soi-pelv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-pelv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-pelv-card {\n background: var(--soi-pelv-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-pelv-radius);\n border-left: 3px solid var(--soi-pelv-pomme);\n}\n\n.soi-pelv-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-pelv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-pelv-card p {\n font-size: 14px;\n color: var(--soi-pelv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-pelv-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.soi-pelv-accordion-item {\n background: var(--soi-pelv-off-white);\n border-radius: var(--soi-pelv-radius-sm);\n border: 1px solid var(--soi-pelv-line);\n overflow: hidden;\n}\n\n.soi-pelv-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-pelv-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-pelv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-pelv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-pelv-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-pelv-accordion-item[open] .soi-pelv-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-pelv-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-pelv-accordion-content p {\n font-size: 14px;\n color: var(--soi-pelv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-pelv-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-pelv-pomme-light);\n border-left: 4px solid var(--soi-pelv-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-pelv-radius) var(--soi-pelv-radius) 0;\n align-items: flex-start;\n}\n\n.soi-pelv-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-pelv-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-pelv-marine);\n margin-bottom: 4px;\n}\n\n.soi-pelv-tip p {\n font-size: 14px;\n color: var(--soi-pelv-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-pelv-cta-box {\n background: var(--soi-pelv-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-pelv-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-pelv-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-pelv-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-pelv-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-pelv-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-pelv-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-pelv-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-pelv-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-pelv-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-pelv-compo-value {\n text-align: left;\n }\n\n .soi-pelv-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-pelv-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-pelv-fiche {\n --soi-pelv-text-soft: #2C3E50;\n --soi-pelv-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61602679521610,"sku":"LC9102","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pelvimag-bio-en-gelules-packshot_11zon.webp?v=1779812468"},{"product_id":"citrulline-60-gelules","title":"Citrulline en gélules - Laboratoire Code","description":"\n\u003cdiv class=\"soi-citr-fiche\"\u003e\n\n \u003csection class=\"soi-citr-hero\"\u003e\n \u003cdiv class=\"soi-citr-hero-tag\"\u003e\n \u003cspan class=\"soi-citr-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-citr-hero-title\"\u003eCitrulline en gélules\u003c\/span\u003e\n \u003cp class=\"soi-citr-hero-subtitle\"\u003eUn acide aminé essentiel pour soutenir votre endurance, votre récupération musculaire et votre vitalité au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-citr-hero-labels\"\u003e\n \u003cspan class=\"soi-citr-label soi-citr-label-accent\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-citr-label\"\u003eCONDITIONNÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-citr-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003cspan class=\"soi-citr-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-citr-section\"\u003e\n \u003ch2\u003eLa citrulline : à quoi sert-elle vraiment ?\u003c\/h2\u003e\n \u003cp class=\"soi-citr-section-intro\"\u003eLa citrulline joue un rôle clé dans le cycle de l'urée, ce mécanisme vital qui permet à votre organisme d'éliminer l'ammoniac produit lors de l'effort ou du métabolisme des protéines. Elle est également un précurseur direct de l'arginine, impliquée dans la production de monoxyde d'azote (NO), un vasodilatateur naturel qui favorise la circulation sanguine.\u003c\/p\u003e\n \u003cdiv class=\"soi-citr-benefits\"\u003e\n \u003cdiv class=\"soi-citr-benefit\"\u003e\n \u003cdiv class=\"soi-citr-benefit-icon\"\u003e\u003cspan\u003e🏃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEndurance physique\u003c\/h3\u003e\n \u003cp\u003eEn retardant l'accumulation d'acide lactique et d'ammoniac, la citrulline vous aide à repousser la sensation de fatigue pendant l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-citr-benefit\"\u003e\n \u003cdiv class=\"soi-citr-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRécupération musculaire\u003c\/h3\u003e\n \u003cp\u003eAprès une séance intense, elle contribue à réduire les courbatures et à accélérer la reconstruction musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-citr-benefit\"\u003e\n \u003cdiv class=\"soi-citr-benefit-icon\"\u003e\u003cspan\u003e🦴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMasse musculaire\u003c\/h3\u003e\n \u003cp\u003eParticulièrement utile chez les seniors, elle aide à moduler la synthèse des protéines cellulaires et à préserver le capital musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-citr-benefit\"\u003e\n \u003cdiv class=\"soi-citr-benefit-icon\"\u003e\u003cspan\u003e❤️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCirculation et vitalité\u003c\/h3\u003e\n \u003cp\u003eVia la production de monoxyde d'azote, elle favorise une meilleure irrigation des tissus avec un effet positif sur l'énergie générale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-citr-section\"\u003e\n \u003ch2\u003eCitrulline simple ou citrulline malate : quelle différence ?\u003c\/h2\u003e\n \u003cp\u003eVous avez peut-être croisé les termes L-citrulline malate ou malate de citrulline dans vos recherches. Il s'agit d'une forme combinée associant la citrulline à l'acide malique, un composé impliqué dans le cycle de Krebs (production d'énergie cellulaire). Cette association est très prisée en contexte sportif, notamment pour son effet sur la réduction de la fatigue à l'effort.\u003c\/p\u003e\n \u003cp\u003eLa formule Laboratoire Code propose une L-citrulline base pure, adaptée aussi bien aux sportifs qu'aux personnes souhaitant un soutien quotidien, notamment les seniors.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-citr-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n\n \u003cdiv class=\"soi-citr-compo\"\u003e\n \u003cdiv class=\"soi-citr-compo-row\"\u003e\n \u003cspan class=\"soi-citr-compo-label\"\u003eComposition par gélule\u003c\/span\u003e\n \u003cspan class=\"soi-citr-compo-value\"\u003e595 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-citr-compo-row\"\u003e\n \u003cspan class=\"soi-citr-compo-label\"\u003eL-Citrulline\u003c\/span\u003e\n \u003cspan class=\"soi-citr-compo-value\"\u003e500 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-citr-compo-row\"\u003e\n \u003cspan class=\"soi-citr-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"soi-citr-compo-value\"\u003eHydroxypropylméthylcellulose (HPMC, végétale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-citr-compo-row\"\u003e\n \u003cspan class=\"soi-citr-compo-label\"\u003eAnti-agglomérant\u003c\/span\u003e\n \u003cspan class=\"soi-citr-compo-value\"\u003eStéarate de magnésium d'origine végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp style=\"font-size:13px; color:var(--soi-citr-text-muted); margin-top:1rem; margin-bottom:1.5rem; font-style:italic;\"\u003eLa citrulline n'a pas de valeur nutritionnelle de référence (VNR) établie en tant que telle. Le dosage est adapté aux recommandations courantes en complémentation.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-citr-timeline\"\u003e\n \u003cdiv class=\"soi-citr-step\"\u003e\n \u003cdiv class=\"soi-citr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-citr-step-content\"\u003e\n \u003ch3\u003eDose recommandée\u003c\/h3\u003e\n \u003cp\u003e2 à 4 gélules par jour, selon votre objectif. À avaler avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-citr-step\"\u003e\n \u003cdiv class=\"soi-citr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-citr-step-content\"\u003e\n \u003ch3\u003eEn contexte sportif\u003c\/h3\u003e\n \u003cp\u003ePrendre de préférence 30 à 60 minutes avant l'entraînement pour un soutien optimal de l'endurance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-citr-step\"\u003e\n \u003cdiv class=\"soi-citr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-citr-step-content\"\u003e\n \u003ch3\u003eEn usage quotidien\u003c\/h3\u003e\n \u003cp\u003ePour les seniors ou en soutien de la vitalité, répartir la prise au cours des repas principaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-citr-section\"\u003e\n \u003ch2\u003eCitrulline malate : dangers et précautions\u003c\/h2\u003e\n \u003cp\u003eLa citrulline est généralement bien tolérée aux doses recommandées. Il n'existe pas de toxicité avérée à des doses standards. Toutefois, quelques précautions s'imposent.\u003c\/p\u003e\n \u003cdiv class=\"soi-citr-accordion\"\u003e\n \u003cdetails class=\"soi-citr-accordion-item\"\u003e\n \u003csummary class=\"soi-citr-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"soi-citr-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière conseillée de 4 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-citr-accordion-item\"\u003e\n \u003csummary class=\"soi-citr-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"soi-citr-accordion-content\"\u003e\n \u003cp\u003eCe complément est dé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-citr-accordion-item\"\u003e\n \u003csummary class=\"soi-citr-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"soi-citr-accordion-content\"\u003e\n \u003cp\u003eÀ éviter en cas de traitement vasodilatateur, notamment les inhibiteurs de la PDE5. Ce complément ne remplace en aucun cas un traitement médical. En cas de doute, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-citr-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Citrulline Laboratoire Code ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-citr-grid-compact\"\u003e\n \u003cdiv class=\"soi-citr-card-mini\"\u003e\n \u003cspan class=\"soi-citr-card-mini-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"soi-citr-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-citr-card-mini-value\"\u003e60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-citr-card-mini\"\u003e\n \u003cspan class=\"soi-citr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-citr-card-mini-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-citr-card-mini-value\"\u003eEn France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-citr-card-mini\"\u003e\n \u003cspan class=\"soi-citr-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-citr-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-citr-card-mini-value\"\u003ePure et épurée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-citr-card-mini\"\u003e\n \u003cspan class=\"soi-citr-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-citr-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-citr-card-mini-value\"\u003eGluten ni gélatine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-citr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-citr-cta-box\"\u003e\n \u003cp class=\"soi-citr-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-citr-cta-text\" style=\"color: white;\"\u003eDiscrète mais puissante, la citrulline soutient votre énergie, votre circulation et votre récupération musculaire. Que vous soyez sportif régulier ou simplement soucieux de rester actif avec les années, choisissez la simplicité et la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-citr-marine: #1A2D3D;\n --soi-citr-marine-dark: #0F1E2B;\n --soi-citr-marine-light: #2C4458;\n --soi-citr-pomme: #A1C544;\n --soi-citr-pomme-dark: #84A636;\n --soi-citr-pomme-light: rgba(161,197,68,0.10);\n --soi-citr-white: #FFFFFF;\n --soi-citr-off-white: #F8FAF6;\n --soi-citr-stone: #F1F3EE;\n --soi-citr-line: #E5E8E0;\n --soi-citr-primary: #B8D4E8;\n --soi-citr-primary-soft: #D6E8F3;\n --soi-citr-accent: #E04048;\n --soi-citr-text: #1A2D3D;\n --soi-citr-text-soft: #4A5B6B;\n --soi-citr-text-muted: #7B8693;\n --soi-citr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-citr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-citr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-citr-radius: 12px;\n --soi-citr-radius-sm: 8px;\n --soi-citr-radius-pill: 999px;\n}\n\n.soi-citr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-citr-fiche img { max-width: 100%; height: auto; }\n\n.soi-citr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-citr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-citr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-citr-hero {\n position: relative;\n background: var(--soi-citr-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-citr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-citr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-citr-pomme);\n}\n\n.soi-citr-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-citr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-citr-pomme);\n border-radius: 50%;\n}\n\n.soi-citr-hero-title {\n display: block;\n color: var(--soi-citr-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-citr-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-citr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-citr-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-citr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-citr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-citr-label-accent {\n background: var(--soi-citr-pomme);\n border-color: var(--soi-citr-pomme);\n color: var(--soi-citr-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-citr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-citr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-citr-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-citr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-citr-pomme);\n border-radius: 2px;\n}\n\n.soi-citr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-citr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-citr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-citr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-citr-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-citr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-citr-benefit {\n background: var(--soi-citr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-citr-radius);\n border: 1px solid var(--soi-citr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-citr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-citr-shadow-md);\n}\n\n.soi-citr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-citr-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-citr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-citr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-citr-benefit:hover .soi-citr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-citr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-citr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-citr-benefit p {\n font-size: 13px;\n color: var(--soi-citr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-citr-compo {\n background: var(--soi-citr-off-white);\n border-radius: var(--soi-citr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-citr-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-citr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-citr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-citr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-citr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-citr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-citr-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-citr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-citr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-citr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-citr-radius);\n border: 1px solid var(--soi-citr-line);\n align-items: flex-start;\n}\n\n.soi-citr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-citr-marine);\n color: var(--soi-citr-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-citr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-citr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-citr-step-content p {\n font-size: 14px;\n color: var(--soi-citr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-citr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-citr-accordion-item {\n background: var(--soi-citr-off-white);\n border-radius: var(--soi-citr-radius-sm);\n border: 1px solid var(--soi-citr-line);\n overflow: hidden;\n}\n\n.soi-citr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-citr-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-citr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-citr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-citr-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-citr-accordion-item[open] .soi-citr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-citr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-citr-accordion-content p {\n font-size: 14px;\n color: var(--soi-citr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-citr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-citr-card-mini {\n background: var(--soi-citr-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-citr-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-citr-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-citr-card-mini-label {\n font-size: 11px;\n color: var(--soi-citr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-citr-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-citr-marine);\n}\n\n\/* === CTA BOX === *\/\n.soi-citr-cta-box {\n background: var(--soi-citr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-citr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-citr-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-citr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-citr-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-citr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-citr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-citr-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-citr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-citr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-citr-compo-value {\n text-align: left;\n }\n\n .soi-citr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-citr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-citr-fiche {\n --soi-citr-text-soft: #2C3E50;\n --soi-citr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61602752856394,"sku":"LC9040","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/citrulline-en-gelules-packshot.webp?v=1779720207"},{"product_id":"calcium-vitamined3","title":"Calcium + Vitamine D3 - 60 gélules - Laboratoire Code","description":"\n\u003cdiv class=\"soi-calcd-fiche\"\u003e\n\n \u003csection class=\"soi-calcd-hero\"\u003e\n \u003cdiv class=\"soi-calcd-hero-tag\"\u003e\n \u003cspan class=\"soi-calcd-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Laboratoire CODE\n \u003c\/div\u003e\n \u003cspan class=\"soi-calcd-hero-title\"\u003eCalcium + Vitamine D3 en gélules\u003c\/span\u003e\n \u003cp class=\"soi-calcd-hero-subtitle\"\u003eLe duo indispensable pour préserver votre capital osseux au quotidien : calcium hautement dosé et vitamine D3, en gélules 100 % végétales.\u003c\/p\u003e\n \u003cdiv class=\"soi-calcd-hero-labels\"\u003e\n \u003cspan class=\"soi-calcd-label soi-calcd-label-accent\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003cspan class=\"soi-calcd-label\"\u003eCONDITIONNÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-calcd-label\"\u003e100 % VNR VITAMINE D3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-calcd-section\"\u003e\n \u003ch2\u003ePourquoi associer calcium et vitamine D3 ?\u003c\/h2\u003e\n \u003cp\u003eSaviez-vous que \u003cstrong\u003e70 % des Français manquent de vitamine D\u003c\/strong\u003e (étude Synadiet, 2023) et que les apports alimentaires en calcium restent insuffisants chez les seniors, les femmes ménopausées et les personnes suivant un régime végétalien ? Ce déficit combiné fragilise silencieusement le capital osseux, augmentant le risque de fractures et d'ostéoporose.\u003c\/p\u003e\n \u003cp\u003eCes deux nutriments fonctionnent en tandem indissociable. Le calcium constitue le minéral de base de votre structure osseuse et dentaire, mais sans vitamine D3, votre organisme ne l'absorbe que très partiellement au niveau intestinal. La \u003cstrong\u003evitamine D3 (cholécalciférol)\u003c\/strong\u003e agit comme un facilitateur : elle optimise l'assimilation du calcium, régule la calcémie et favorise sa fixation sur les os.\u003c\/p\u003e\n \u003cp\u003eRésultat concret : une ossature mieux minéralisée, des muscles qui fonctionnent normalement, et un équilibre calcium\/phosphore préservé, essentiel pour éviter la déminéralisation progressive.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-calcd-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément calcium vitamine D3 ?\u003c\/h2\u003e\n \u003cp class=\"soi-calcd-section-intro\"\u003eCe complément Calcium + Vitamine D3 a été formulé pour répondre aux besoins de profils variés, souvent confrontés à des apports insuffisants.\u003c\/p\u003e\n \u003cdiv class=\"soi-calcd-grid\"\u003e\n \u003cdiv class=\"soi-calcd-card\"\u003e\n \u003ch3\u003e🌸 Femmes de 50 ans et plus\u003c\/h3\u003e\n \u003cp\u003eNotamment en période de ménopause, lorsque la perte osseuse s'accélère et que la solidité du squelette devient un enjeu prioritaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-card\"\u003e\n \u003ch3\u003e🧓 Personnes âgées\u003c\/h3\u003e\n \u003cp\u003eLes apports alimentaires en calcium et vitamine D sont souvent insuffisants avec l'âge, rendant la supplémentation particulièrement pertinente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-card\"\u003e\n \u003ch3\u003e🌱 Vegans et végétariens stricts\u003c\/h3\u003e\n \u003cp\u003eL'exclusion des produits laitiers, principale source alimentaire de calcium, rend essentiel un apport complémentaire adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-card\"\u003e\n \u003ch3\u003e🏠 Personnes peu exposées au soleil\u003c\/h3\u003e\n \u003cp\u003eLe soleil est la première source naturelle de vitamine D. Les personnes sédentaires, travaillant en intérieur ou vivant en zone peu ensoleillée sont particulièrement concernées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-card\"\u003e\n \u003ch3\u003e🦴 Préservation du capital osseux\u003c\/h3\u003e\n \u003cp\u003eToute personne souhaitant entretenir la solidité de ses os sur le long terme, quel que soit son âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-calcd-section\"\u003e\n \u003ch2\u003eComposition et dosage par gélule\u003c\/h2\u003e\n \u003cp class=\"soi-calcd-section-intro\"\u003eChaque gélule végétale de \u003cstrong\u003e427 mg\u003c\/strong\u003e est formulée pour vous apporter un duo calcium\/vitamine D3 parfaitement dosé. La gélule est \u003cstrong\u003e100 % végétale\u003c\/strong\u003e, sans gélatine animale, compatible avec un mode de vie végétalien.\u003c\/p\u003e\n \u003cdiv class=\"soi-calcd-compo\"\u003e\n \u003cdiv class=\"soi-calcd-compo-row\"\u003e\n \u003cspan class=\"soi-calcd-compo-label\"\u003eCalcium (carbonate de calcium)\u003c\/span\u003e\n \u003cspan class=\"soi-calcd-compo-value\"\u003e200 mg \/ gélule (25 % des VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-compo-row\"\u003e\n \u003cspan class=\"soi-calcd-compo-label\"\u003eVitamine D3 (cholécalciférol)\u003c\/span\u003e\n \u003cspan class=\"soi-calcd-compo-value\"\u003e5 µg \/ 200 UI \/ gélule (100 % des VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-compo-row\"\u003e\n \u003cspan class=\"soi-calcd-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"soi-calcd-compo-value\"\u003eGélule végétale (hydroxypropylméthylcellulose)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-compo-row\"\u003e\n \u003cspan class=\"soi-calcd-compo-label\"\u003eAnti-agglomérant\u003c\/span\u003e\n \u003cspan class=\"soi-calcd-compo-value\"\u003eStéarate de magnésium végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-compo-row\"\u003e\n \u003cspan class=\"soi-calcd-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-calcd-compo-value\"\u003e60 gélules (1 mois de cure)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-calcd-section\"\u003e\n \u003ch2\u003eComment prendre ce complément en calcium et vitamine D3 ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-calcd-timeline\"\u003e\n \u003cdiv class=\"soi-calcd-step\"\u003e\n \u003cdiv class=\"soi-calcd-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-step-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, à avaler avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-step\"\u003e\n \u003cdiv class=\"soi-calcd-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-step-content\"\u003e\n \u003ch3\u003eMoment de la prise\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003ependant un repas\u003c\/strong\u003e, pour favoriser l'absorption optimale du calcium par votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-step\"\u003e\n \u003cdiv class=\"soi-calcd-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-step-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003ePour un effet optimal sur la solidité osseuse, une cure de \u003cstrong\u003e2 à 3 mois renouvelable\u003c\/strong\u003e est recommandée, en particulier en automne et en hiver, saisons où le déficit en vitamine D est le plus marqué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-tip\"\u003e\n \u003cdiv class=\"soi-calcd-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLe flacon de 60 gélules correspond à un mois complet de cure. Pensez à anticiper vos renouvellements pour ne pas interrompre votre supplémentation, surtout pendant la période hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-calcd-section\"\u003e\n \u003ch2\u003eCe que vous ne trouvez pas toujours chez les concurrents\u003c\/h2\u003e\n \u003cdiv class=\"soi-calcd-grid\"\u003e\n \u003cdiv class=\"soi-calcd-card\"\u003e\n \u003ch3\u003e🌿 Gélule 100 % végétale\u003c\/h3\u003e\n \u003cp\u003eEnveloppe en HPMC, sans gélatine animale. Ce complément convient aux personnes suivant un mode de vie végétalien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n \u003cp\u003eUne fabrication rigoureuse selon les normes françaises et européennes, pour une traçabilité et une qualité garanties.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-card\"\u003e\n \u003ch3\u003e✅ Sans ordonnance\u003c\/h3\u003e\n \u003cp\u003eUn complément alimentaire accessible, sans les contraintes d'un médicament, pour prendre soin de vos os simplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calcd-card\"\u003e\n \u003ch3\u003e💊 Format gélule facile à avaler\u003c\/h3\u003e\n \u003cp\u003ePas de comprimé à croquer, goût neutre, prise simple et confortable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-calcd-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-calcd-accordion\"\u003e\n \u003cdetails class=\"soi-calcd-accordion-item\"\u003e\n \u003csummary class=\"soi-calcd-accordion-header\"\u003e⚠️ Avertissement général\u003c\/summary\u003e\n \u003cdiv class=\"soi-calcd-accordion-content\"\u003e\n \u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne remplace ni un traitement médical, ni une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-calcd-accordion-item\"\u003e\n \u003csummary class=\"soi-calcd-accordion-header\"\u003e🩺 Interactions et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"soi-calcd-accordion-content\"\u003e\n \u003cp\u003eEn cas de pathologie rénale, d'hypercalcémie ou de prise de médicaments (notamment des bisphosphonates ou des diurétiques thiazidiques), consultez votre médecin avant toute supplémentation en calcium et vitamine D3.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-calcd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-calcd-cta-box\"\u003e\n \u003cp class=\"soi-calcd-cta-tag\" style=\"color: white;\"\u003eSolidité des os, geste quotidien\u003c\/p\u003e\n \u003cp class=\"soi-calcd-cta-text\" style=\"color: white;\"\u003ePrenez soin de vos os dès aujourd'hui. Le Calcium + Vitamine D3 Laboratoire CODE, c'est un geste simple et végétal pour rester solide, à tout âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-calcd-marine: #1A2D3D;\n --soi-calcd-marine-dark: #0F1E2B;\n --soi-calcd-marine-light: #2C4458;\n --soi-calcd-pomme: #A1C544;\n --soi-calcd-pomme-dark: #84A636;\n --soi-calcd-pomme-light: rgba(161,197,68,0.10);\n\n --soi-calcd-white: #FFFFFF;\n --soi-calcd-off-white: #F8FAF6;\n --soi-calcd-stone: #F1F3EE;\n --soi-calcd-line: #E5E8E0;\n\n --soi-calcd-primary: #9AB8D4;\n --soi-calcd-primary-soft: #C5D8EA;\n --soi-calcd-accent: #D64545;\n\n --soi-calcd-text: #1A2D3D;\n --soi-calcd-text-soft: #4A5B6B;\n --soi-calcd-text-muted: #7B8693;\n\n --soi-calcd-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-calcd-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-calcd-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-calcd-radius: 12px;\n --soi-calcd-radius-sm: 8px;\n --soi-calcd-radius-pill: 999px;\n}\n\n.soi-calcd-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-calcd-fiche img { max-width: 100%; height: auto; }\n\n.soi-calcd-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-calcd-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-calcd-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-calcd-hero {\n position: relative;\n background: var(--soi-calcd-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-calcd-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-calcd-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-calcd-pomme);\n}\n\n.soi-calcd-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-calcd-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-calcd-pomme);\n border-radius: 50%;\n}\n\n.soi-calcd-hero-title {\n display: block;\n color: var(--soi-calcd-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-calcd-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-calcd-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-calcd-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-calcd-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-calcd-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-calcd-label-accent {\n background: var(--soi-calcd-pomme);\n border-color: var(--soi-calcd-pomme);\n color: var(--soi-calcd-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-calcd-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-calcd-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-calcd-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-calcd-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-calcd-pomme);\n border-radius: 2px;\n}\n\n.soi-calcd-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-calcd-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-calcd-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-calcd-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-calcd-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-calcd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-calcd-card {\n background: var(--soi-calcd-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-calcd-radius);\n border-left: 3px solid var(--soi-calcd-pomme);\n}\n\n.soi-calcd-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-calcd-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-calcd-card p {\n font-size: 14px;\n color: var(--soi-calcd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-calcd-compo {\n background: var(--soi-calcd-off-white);\n border-radius: var(--soi-calcd-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-calcd-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-calcd-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-calcd-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-calcd-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-calcd-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-calcd-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-calcd-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-calcd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-calcd-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-calcd-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-calcd-radius);\n border: 1px solid var(--soi-calcd-line);\n align-items: flex-start;\n}\n\n.soi-calcd-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-calcd-marine);\n color: var(--soi-calcd-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-calcd-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-calcd-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-calcd-step-content p {\n font-size: 14px;\n color: var(--soi-calcd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-calcd-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-calcd-pomme-light);\n border-left: 4px solid var(--soi-calcd-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-calcd-radius) var(--soi-calcd-radius) 0;\n align-items: flex-start;\n}\n\n.soi-calcd-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-calcd-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-calcd-marine);\n margin-bottom: 4px;\n}\n\n.soi-calcd-tip p {\n font-size: 14px;\n color: var(--soi-calcd-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-calcd-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-calcd-accordion-item {\n background: var(--soi-calcd-off-white);\n border-radius: var(--soi-calcd-radius-sm);\n border: 1px solid var(--soi-calcd-line);\n overflow: hidden;\n}\n\n.soi-calcd-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-calcd-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-calcd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-calcd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-calcd-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-calcd-accordion-item[open] .soi-calcd-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-calcd-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-calcd-accordion-content p {\n font-size: 14px;\n color: var(--soi-calcd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-calcd-cta-box {\n background: var(--soi-calcd-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-calcd-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-calcd-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-calcd-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-calcd-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-calcd-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-calcd-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-calcd-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-calcd-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-calcd-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-calcd-compo-value {\n text-align: left;\n }\n\n .soi-calcd-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-calcd-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-calcd-fiche {\n --soi-calcd-text-soft: #2C3E50;\n --soi-calcd-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61602758459722,"sku":"LC8001","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/calcium-vitamine-d3-en-gelules-packshot.webp?v=1779720546"},{"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":15.9,"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":"griffonia-30-gelules","title":"Griffonia Vegan en gélules","description":"\n\n\u003cdiv class=\"soi-griff-fiche\"\u003e\n\n \u003csection class=\"soi-griff-hero\"\u003e\n \u003cdiv class=\"soi-griff-hero-tag\"\u003e\n \u003cspan class=\"soi-griff-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-griff-hero-title\"\u003eGriffonia Vegan en gélules\u003c\/span\u003e\n \u003cp class=\"soi-griff-hero-subtitle\"\u003eLe 5-HTP naturel issu du Griffonia simplicifolia : votre allié sérénité pour retrouver un équilibre émotionnel, un sommeil apaisé et une humeur stable au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-griff-hero-labels\"\u003e\n \u003cspan class=\"soi-griff-label soi-griff-label-accent\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-griff-label\"\u003eCONDITIONNÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-griff-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n \u003cspan class=\"soi-griff-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-griff-section\"\u003e\n \u003ch2\u003eQu'est-ce que le Griffonia et le 5-HTP ?\u003c\/h2\u003e\n \u003cp\u003eLe \u003cstrong\u003eGriffonia simplicifolia\u003c\/strong\u003e est une liane originaire d'Afrique de l'Ouest, dont les graines renferment une molécule précieuse : le \u003cstrong\u003e5-HTP (5-hydroxytryptophane)\u003c\/strong\u003e. Ce composé est le précurseur direct de la \u003cstrong\u003esérotonine\u003c\/strong\u003e, souvent surnommée « hormone du bonheur ». En apportant du 5-HTP à votre organisme, vous lui offrez les matières premières nécessaires pour produire davantage de sérotonine et ainsi favoriser naturellement un meilleur équilibre émotionnel.\u003c\/p\u003e\n \u003cp\u003eContrairement au tryptophane alimentaire, le 5-HTP issu du Griffonia simplicifolia franchit facilement la barrière hémato-encéphalique, ce qui le rend particulièrement biodisponible et efficace.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-griff-section\"\u003e\n \u003ch2\u003eLes bienfaits des gélules Griffonia 5-HTP\u003c\/h2\u003e\n \u003cdiv class=\"soi-griff-benefits\"\u003e\n \u003cdiv class=\"soi-griff-benefit\"\u003e\n \u003cdiv class=\"soi-griff-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉquilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eAide à stabiliser les fluctuations d'humeur et à mieux gérer vos émotions au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-benefit\"\u003e\n \u003cdiv class=\"soi-griff-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGestion du stress\u003c\/h3\u003e\n \u003cp\u003eFavorise une réponse plus sereine face aux situations de pression ou d'anxiété légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-benefit\"\u003e\n \u003cdiv class=\"soi-griff-benefit-icon\"\u003e\u003cspan\u003e🌙\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSommeil réparateur\u003c\/h3\u003e\n \u003cp\u003eLe 5-HTP contribue à la synthèse de mélatonine, l'hormone du sommeil, pour des nuits plus paisibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-benefit\"\u003e\n \u003cdiv class=\"soi-griff-benefit-icon\"\u003e\u003cspan\u003e🍽️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRéduction des envies de grignotage\u003c\/h3\u003e\n \u003cp\u003eEn agissant sur la sérotonine, il aide à réguler l'appétit et à limiter les prises alimentaires compulsives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-grid\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-griff-card\"\u003e\n \u003ch3\u003e🧠 Soulagement des céphalées de tension\u003c\/h3\u003e\n \u003cp\u003eUtilisé traditionnellement pour atténuer les maux de tête liés à la fatigue nerveuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-card\"\u003e\n \u003ch3\u003e😌 Réduction de l'irritabilité\u003c\/h3\u003e\n \u003cp\u003eApporte une sensation d'apaisement et diminue les accès de nervosité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-griff-section\"\u003e\n \u003ch2\u003eComposition et dosage : ce que contient chaque gélule\u003c\/h2\u003e\n \u003cp class=\"soi-griff-section-intro\"\u003eChaque gélule végétale de 395 mg est formulée avec un extrait titré de Griffonia simplicifolia, concentré en 5-HTP naturel. Le flacon contient 30 gélules, soit une cure d'un mois à raison d'une gélule par jour.\u003c\/p\u003e\n \u003cdiv class=\"soi-griff-compo\"\u003e\n \u003cdiv class=\"soi-griff-compo-row\"\u003e\n \u003cspan class=\"soi-griff-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-griff-compo-value\"\u003eExtrait de Griffonia simplicifolia (graines) titré en 5-HTP\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-compo-row\"\u003e\n \u003cspan class=\"soi-griff-compo-label\"\u003eGélule\u003c\/span\u003e\n \u003cspan class=\"soi-griff-compo-value\"\u003eVégétale (HPMC), compatible vegan et végétarien\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-compo-row\"\u003e\n \u003cspan class=\"soi-griff-compo-label\"\u003ePoids par gélule\u003c\/span\u003e\n \u003cspan class=\"soi-griff-compo-value\"\u003e395 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-compo-row\"\u003e\n \u003cspan class=\"soi-griff-compo-label\"\u003eContenu du flacon\u003c\/span\u003e\n \u003cspan class=\"soi-griff-compo-value\"\u003e30 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-compo-row\"\u003e\n \u003cspan class=\"soi-griff-compo-label\"\u003ePosologie\u003c\/span\u003e\n \u003cspan class=\"soi-griff-compo-value\"\u003e1 gélule par jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-compo-row\"\u003e\n \u003cspan class=\"soi-griff-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-griff-compo-value\"\u003eGélatine animale, gluten, colorant artificiel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-griff-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLa concentration en 5-HTP est suffisamment élevée pour qu'une seule gélule quotidienne soit efficace, là où d'autres formules recommandent 2 à 3 gélules par jour. Une formule épurée, sans additifs inutiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-griff-section\"\u003e\n \u003ch2\u003eComment prendre le Griffonia ? Conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"soi-griff-timeline\"\u003e\n \u003cdiv class=\"soi-griff-step\"\u003e\n \u003cdiv class=\"soi-griff-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-griff-step-content\"\u003e\n \u003ch3\u003eQuand le prendre ?\u003c\/h3\u003e\n \u003cp\u003eIdéalement le soir, 30 minutes avant le repas, pour favoriser un endormissement serein et profiter de l'effet sur l'appétit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-step\"\u003e\n \u003cdiv class=\"soi-griff-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-griff-step-content\"\u003e\n \u003ch3\u003eComment le prendre ?\u003c\/h3\u003e\n \u003cp\u003eAvalez la gélule avec un grand verre d'eau. Évitez de l'associer à des antidépresseurs sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-step\"\u003e\n \u003cdiv class=\"soi-griff-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-griff-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eLes premiers effets se ressentent généralement après 2 à 4 semaines d'utilisation régulière. Une cure de 1 à 3 mois est recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-griff-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Griffonia Laboratoire Code ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-griff-grid-compact\"\u003e\n \u003cdiv class=\"soi-griff-card-mini\"\u003e\n \u003cspan class=\"soi-griff-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-griff-card-mini-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-griff-card-mini-value\"\u003eEn France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-card-mini\"\u003e\n \u003cspan class=\"soi-griff-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-griff-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n \u003cspan class=\"soi-griff-card-mini-value\"\u003e100% Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-card-mini\"\u003e\n \u003cspan class=\"soi-griff-card-mini-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"soi-griff-card-mini-label\"\u003eDosage optimisé\u003c\/span\u003e\n \u003cspan class=\"soi-griff-card-mini-value\"\u003e1 gélule \/ jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-griff-card-mini\"\u003e\n \u003cspan class=\"soi-griff-card-mini-icon\"\u003e✨\u003c\/span\u003e\n \u003cspan class=\"soi-griff-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-griff-card-mini-value\"\u003eÉpurée, sans additifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-griff-section\"\u003e\n \u003cdiv class=\"soi-griff-accordion\"\u003e\n \u003cdetails class=\"soi-griff-accordion-item\"\u003e\n \u003csummary class=\"soi-griff-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-griff-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de traitement médicamenteux, de grossesse ou d'allaitement, consultez un professionnel de santé avant utilisation. Réservé à l'adulte. Ne pas associer à des antidépresseurs sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-griff-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-griff-cta-box\"\u003e\n \u003cp class=\"soi-griff-cta-tag\" style=\"color: white;\"\u003eVotre sérénité, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-griff-cta-text\" style=\"color: white;\"\u003eOffrez à votre système nerveux un soutien naturel et quotidien. Une seule gélule végétale par jour pour retrouver une humeur stable, un sommeil apaisé et une sérénité durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-griff-marine: #1A2D3D;\n --soi-griff-marine-dark: #0F1E2B;\n --soi-griff-marine-light: #2C4458;\n --soi-griff-pomme: #A1C544;\n --soi-griff-pomme-dark: #84A636;\n --soi-griff-pomme-light: rgba(161,197,68,0.10);\n --soi-griff-white: #FFFFFF;\n --soi-griff-off-white: #F8FAF6;\n --soi-griff-stone: #F1F3EE;\n --soi-griff-line: #E5E8E0;\n --soi-griff-primary: #8FACC8;\n --soi-griff-primary-soft: #C5D6E6;\n --soi-griff-accent: #B43C3C;\n --soi-griff-text: #1A2D3D;\n --soi-griff-text-soft: #4A5B6B;\n --soi-griff-text-muted: #7B8693;\n --soi-griff-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-griff-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-griff-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-griff-radius: 12px;\n --soi-griff-radius-sm: 8px;\n --soi-griff-radius-pill: 999px;\n}\n\n.soi-griff-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-griff-fiche img { max-width: 100%; height: auto; }\n\n.soi-griff-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-griff-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-griff-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-griff-hero {\n position: relative;\n background: var(--soi-griff-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-griff-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-griff-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-griff-pomme);\n}\n\n.soi-griff-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-griff-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-griff-pomme);\n border-radius: 50%;\n}\n\n.soi-griff-hero-title {\n display: block;\n color: var(--soi-griff-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-griff-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-griff-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-griff-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-griff-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-griff-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-griff-label-accent {\n background: var(--soi-griff-pomme);\n border-color: var(--soi-griff-pomme);\n color: var(--soi-griff-marine);\n font-weight: 600;\n}\n\n.soi-griff-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-griff-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-griff-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-griff-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-griff-pomme);\n border-radius: 2px;\n}\n\n.soi-griff-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-griff-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-griff-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-griff-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-griff-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-griff-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-griff-benefit {\n background: var(--soi-griff-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-griff-radius);\n border: 1px solid var(--soi-griff-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-griff-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-griff-shadow-md);\n}\n\n.soi-griff-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-griff-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-griff-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-griff-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-griff-benefit:hover .soi-griff-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-griff-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-griff-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-griff-benefit p {\n font-size: 13px;\n color: var(--soi-griff-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-griff-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-griff-card {\n background: var(--soi-griff-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-griff-radius);\n border-left: 3px solid var(--soi-griff-pomme);\n}\n\n.soi-griff-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-griff-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-griff-card p {\n font-size: 14px;\n color: var(--soi-griff-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-griff-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-griff-card-mini {\n background: var(--soi-griff-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-griff-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-griff-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-griff-card-mini-label {\n font-size: 11px;\n color: var(--soi-griff-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-griff-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-griff-marine);\n}\n\n.soi-griff-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-griff-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-griff-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-griff-radius);\n border: 1px solid var(--soi-griff-line);\n align-items: flex-start;\n}\n\n.soi-griff-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-griff-marine);\n color: var(--soi-griff-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-griff-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-griff-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-griff-step-content p {\n font-size: 14px;\n color: var(--soi-griff-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-griff-compo {\n background: var(--soi-griff-off-white);\n border-radius: var(--soi-griff-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-griff-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-griff-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-griff-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-griff-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-griff-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-griff-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-griff-marine);\n text-align: right;\n}\n\n.soi-griff-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-griff-pomme-light);\n border-left: 4px solid var(--soi-griff-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-griff-radius) var(--soi-griff-radius) 0;\n align-items: flex-start;\n}\n\n.soi-griff-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-griff-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-griff-marine);\n margin-bottom: 4px;\n}\n\n.soi-griff-tip p {\n font-size: 14px;\n color: var(--soi-griff-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-griff-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-griff-accordion-item {\n background: var(--soi-griff-off-white);\n border-radius: var(--soi-griff-radius-sm);\n border: 1px solid var(--soi-griff-line);\n overflow: hidden;\n}\n\n.soi-griff-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-griff-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-griff-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-griff-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-griff-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-griff-accordion-item[open] .soi-griff-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-griff-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-griff-accordion-content p {\n font-size: 14px;\n color: var(--soi-griff-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-griff-cta-box {\n background: var(--soi-griff-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-griff-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-griff-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-griff-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-griff-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-griff-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-griff-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-griff-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-griff-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-griff-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-griff-compo-value {\n text-align: left;\n }\n\n .soi-griff-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-griff-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-griff-fiche {\n --soi-griff-text-soft: #2C3E50;\n --soi-griff-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61602923643210,"sku":"LC1013","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/griffonia-vegan-en-gelules-packshot.webp?v=1779641440"},{"product_id":"vitamine-d3-en-compte-goutte","title":"Vitamine D3 en compte-goutte (20 ml)","description":"\u003c!--\n=== ANALYSE SOINATURE ===\nProduit: Vitamine D3 en compte-goutte\nMarque: Laboratoire Code\nCatégorie Soinat: Compléments alimentaires \/ Immunité \u0026 Ossature\n\n=== INVENTAIRE DES DONNÉES SOURCE (preuve anti-invention) ===\nLabels\/certifications mentionnés : Sans conservateurs, sans colorants, sans gluten, Fabriqué en France\nChiffres précis mentionnés : 80% de la population déficitaire, 10 µg par goutte, 200 UI, 500% VNR, 20 ml, environ 570 gouttes, plus de 18 mois d'utilisation à 1 goutte\/jour\nOrigine mentionnée : Lanoline (laine de mouton), Laboratoire Code, France\nForme galénique : Liquide en compte-gouttes, forme huileuse\nActifs\/plantes nommés : Vitamine D3 (cholécalciférol), huile de tournesol (excipient)\nPosologie mentionnée : 1 goutte par jour, de préférence le matin au cours d'un repas contenant des lipides, ne pas dépasser la dose journalière recommandée\nPrécautions mentionnées : Ne pas dépasser la dose journalière recommandée, ne se substitue pas à un avis médical, bilan sanguin recommandé en cas de doute\n\n=== PALETTE CSS ===\nMarine Soinat: #1A2D3D (fixe)\nPomme Soinat: #A1C544 (fixe)\nPrimaire produit: #B83230 (rouge du cartouche packaging)\nAccent produit: #A8B5D4 (bleu lavande de l'étiquette)\nPréfixe CSS: soi-vitd3\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés :\n 1. \"Les bienfaits de la vitamine D3 : ce que dit la science\"\n 2. \"Pourquoi choisir la formule en compte-gouttes ?\"\n 3. \"Composition et dosage de la Vitamine D3 Laboratoire Code\"\n 4. \"Qui a besoin d'une supplémentation en vitamine D3 ?\"\n 5. \"Comment prendre la vitamine D3 en gouttes ?\"\n\n=== COMPOSANTS RETENUS POUR CHAQUE SECTION ===\nHero : labels affichés = SANS GLUTEN, SANS CONSERVATEURS, FABRIQUÉ EN FRANCE\nH2 #1 \"Les bienfaits de la vitamine D3 : ce que dit la science\" → benefits (5 bénéfices distincts avec titre + description)\nH2 #2 \"Pourquoi choisir la formule en compte-gouttes ?\" → grid cards (4 avantages du format)\nH2 #3 \"Composition et dosage de la Vitamine D3 Laboratoire Code\" → compo data rows + tip pour posologie\nH2 #4 \"Qui a besoin d'une supplémentation en vitamine D3 ?\" → grid cards (5 profils cibles)\nH2 #5 \"Comment prendre la vitamine D3 en gouttes ?\" → timeline (4 étapes numérotées)\nCTA final : oui (phrase de clôture présente dans la source)\nComposants OMIS faute de données : accordéon (les précautions sont intégrées en tip et dans la section profils)\n--\u003e\n\n\u003cdiv class=\"soi-vitd3-fiche\"\u003e\n\n \u003csection class=\"soi-vitd3-hero\"\u003e\n \u003cdiv class=\"soi-vitd3-hero-tag\"\u003e\n \u003cspan class=\"soi-vitd3-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-vitd3-hero-title\"\u003eVitamine D3 en compte-gouttes\u003c\/span\u003e\n \u003cp class=\"soi-vitd3-hero-subtitle\"\u003eLa vitamine du soleil, en un geste quotidien précis et efficace. Contribue au maintien d'une ossature normale, d'une fonction musculaire optimale et de défenses immunitaires solides.\u003c\/p\u003e\n \u003cdiv class=\"soi-vitd3-hero-labels\"\u003e\n \u003cspan class=\"soi-vitd3-label soi-vitd3-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-vitd3-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n \u003cspan class=\"soi-vitd3-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n \u003cspan class=\"soi-vitd3-label\"\u003eSANS COLORANTS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-vitd3-section\"\u003e\n \u003cp class=\"soi-vitd3-section-intro\"\u003eEn France, près de 80 % de la population présente un déficit en vitamine D3, surtout entre octobre et avril. Pourtant, cette vitamine liposoluble, souvent appelée « vitamine du soleil », joue un rôle fondamental dans votre santé quotidienne. La Vitamine D3 en compte-gouttes du Laboratoire Code est conçue pour combler ce manque facilement, avec précision et efficacité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-vitd3-section\"\u003e\n \u003ch2\u003eLes bienfaits de la vitamine D3 : ce que dit la science\u003c\/h2\u003e\n \u003cp class=\"soi-vitd3-section-intro\"\u003eLes bienfaits de la vitamine D3 sont aujourd'hui bien documentés. Voici ce que cette vitamine essentielle fait concrètement pour votre organisme.\u003c\/p\u003e\n \u003cdiv class=\"soi-vitd3-benefits\"\u003e\n \u003cdiv class=\"soi-vitd3-benefit\"\u003e\n \u003cdiv class=\"soi-vitd3-benefit-icon\"\u003e\u003cspan\u003e🦴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSanté osseuse\u003c\/h3\u003e\n \u003cp\u003eFavorise l'absorption du calcium et du phosphore, deux minéraux indispensables au maintien d'une ossature normale et solide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-benefit\"\u003e\n \u003cdiv class=\"soi-vitd3-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFonction musculaire\u003c\/h3\u003e\n \u003cp\u003eContribue au bon fonctionnement des muscles, réduisant le risque de faiblesse musculaire, notamment chez les personnes âgées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-benefit\"\u003e\n \u003cdiv class=\"soi-vitd3-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSystème immunitaire\u003c\/h3\u003e\n \u003cp\u003eSoutient les défenses naturelles de l'organisme, particulièrement précieuse en période hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-benefit\"\u003e\n \u003cdiv class=\"soi-vitd3-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSanté dentaire\u003c\/h3\u003e\n \u003cp\u003eEn facilitant la fixation du calcium, elle participe au maintien de dents saines et solides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-benefit\"\u003e\n \u003cdiv class=\"soi-vitd3-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉquilibre général\u003c\/h3\u003e\n \u003cp\u003eUn taux optimal de vitamine D3 est associé à une meilleure vitalité et à un moral plus stable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-vitd3-section\"\u003e\n \u003ch2\u003ePourquoi choisir la formule en compte-gouttes ?\u003c\/h2\u003e\n \u003cp class=\"soi-vitd3-section-intro\"\u003eContrairement aux gélules ou comprimés, le format liquide en compte-gouttes offre plusieurs avantages concrets.\u003c\/p\u003e\n \u003cdiv class=\"soi-vitd3-grid\"\u003e\n \u003cdiv class=\"soi-vitd3-card\"\u003e\n \u003ch3\u003e🎯 Dosage précis à la goutte près\u003c\/h3\u003e\n \u003cp\u003eVous adaptez facilement la quantité à vos besoins réels, sans découper ni fractionner un comprimé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-card\"\u003e\n \u003ch3\u003e⚡ Absorption rapide\u003c\/h3\u003e\n \u003cp\u003eSous forme huileuse, la vitamine D3 est directement assimilable par l'organisme car liposoluble.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-card\"\u003e\n \u003ch3\u003e🤲 Praticité au quotidien\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes à déposer sur la langue, dans un verre d'eau ou sur un aliment. Rien de plus simple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-card\"\u003e\n \u003ch3\u003e📦 Flacon longue durée\u003c\/h3\u003e\n \u003cp\u003e20 ml représentent environ 570 gouttes, soit plus de 18 mois d'utilisation à raison d'une goutte par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-vitd3-section\"\u003e\n \u003ch2\u003eComposition et dosage de la Vitamine D3 Laboratoire Code\u003c\/h2\u003e\n \u003cp class=\"soi-vitd3-section-intro\"\u003eLa formule est volontairement épurée pour garantir une tolérance maximale et une traçabilité irréprochable.\u003c\/p\u003e\n \u003cdiv class=\"soi-vitd3-compo\"\u003e\n \u003cdiv class=\"soi-vitd3-compo-row\"\u003e\n \u003cspan class=\"soi-vitd3-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-vitd3-compo-value\"\u003eVitamine D3 (cholécalciférol)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-compo-row\"\u003e\n \u003cspan class=\"soi-vitd3-compo-label\"\u003eDosage par goutte\u003c\/span\u003e\n \u003cspan class=\"soi-vitd3-compo-value\"\u003e10 µg \/ 200 UI (500 % VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-compo-row\"\u003e\n \u003cspan class=\"soi-vitd3-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-vitd3-compo-value\"\u003eLanoline (laine de mouton), source naturelle hautement biodisponible\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-compo-row\"\u003e\n \u003cspan class=\"soi-vitd3-compo-label\"\u003eExcipient\u003c\/span\u003e\n \u003cspan class=\"soi-vitd3-compo-value\"\u003eHuile de tournesol (support huileux favorisant l'assimilation)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-compo-row\"\u003e\n \u003cspan class=\"soi-vitd3-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-vitd3-compo-value\"\u003e20 ml (environ 570 gouttes)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-compo-row\"\u003e\n \u003cspan class=\"soi-vitd3-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-vitd3-compo-value\"\u003eFrance, Laboratoire Code\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-tip\"\u003e\n \u003cdiv class=\"soi-vitd3-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePosologie recommandée\u003c\/strong\u003e\n \u003cp\u003e1 goutte par jour, de préférence le matin au cours d'un repas contenant des lipides pour une assimilation optimale. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-vitd3-section\"\u003e\n \u003ch2\u003eQui a besoin d'une supplémentation en vitamine D3 ?\u003c\/h2\u003e\n \u003cp class=\"soi-vitd3-section-intro\"\u003eCertains profils sont particulièrement exposés à un manque de vitamine D3.\u003c\/p\u003e\n \u003cdiv class=\"soi-vitd3-grid\"\u003e\n \u003cdiv class=\"soi-vitd3-card\"\u003e\n \u003ch3\u003e🌧️ Faible exposition au soleil\u003c\/h3\u003e\n \u003cp\u003eLes personnes en télétravail, vivant dans des régions peu ensoleillées ou pendant la période hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-card\"\u003e\n \u003ch3\u003e👴 Personnes âgées\u003c\/h3\u003e\n \u003cp\u003eLa peau synthétise moins efficacement la vitamine D avec l'âge, rendant la supplémentation particulièrement pertinente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-card\"\u003e\n \u003ch3\u003e🌍 Peau mate ou foncée\u003c\/h3\u003e\n \u003cp\u003eUne exposition plus longue est nécessaire pour synthétiser la même quantité de vitamine D.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-card\"\u003e\n \u003ch3\u003e🌱 Végétaliens\u003c\/h3\u003e\n \u003cp\u003eLes aliments riches en vitamine D étant majoritairement d'origine animale, une supplémentation peut s'avérer utile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-card\"\u003e\n \u003ch3\u003e🏥 Convalescence ou mobilité réduite\u003c\/h3\u003e\n \u003cp\u003eLes personnes qui ne peuvent pas s'exposer régulièrement au soleil bénéficient d'un apport complémentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-tip\"\u003e\n \u003cdiv class=\"soi-vitd3-tip-icon\"\u003e🩺\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eEn cas de doute sur votre statut en vitamine D, un simple bilan sanguin (dosage de la 25-OH vitamine D) permet de faire le point. Ce complément ne se substitue en aucun cas à un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-vitd3-section\"\u003e\n \u003ch2\u003eComment prendre la vitamine D3 en gouttes ?\u003c\/h2\u003e\n \u003cp class=\"soi-vitd3-section-intro\"\u003ePour tirer le meilleur parti de votre flacon, suivez ces quelques gestes simples.\u003c\/p\u003e\n \u003cdiv class=\"soi-vitd3-timeline\"\u003e\n \u003cdiv class=\"soi-vitd3-step\"\u003e\n \u003cdiv class=\"soi-vitd3-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-step-content\"\u003e\n \u003ch3\u003eAgitez légèrement\u003c\/h3\u003e\n \u003cp\u003eSecouez doucement le flacon avant chaque utilisation pour homogénéiser la solution huileuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-step\"\u003e\n \u003cdiv class=\"soi-vitd3-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-step-content\"\u003e\n \u003ch3\u003eDéposez 1 goutte\u003c\/h3\u003e\n \u003cp\u003eDirectement sous la langue, dans une cuillère d'huile ou sur un aliment gras (avocat, fromage, yaourt entier).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-step\"\u003e\n \u003cdiv class=\"soi-vitd3-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-step-content\"\u003e\n \u003ch3\u003ePrenez-la le matin\u003c\/h3\u003e\n \u003cp\u003eAu moment du petit-déjeuner pour ancrer le geste dans votre routine quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-step\"\u003e\n \u003cdiv class=\"soi-vitd3-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-vitd3-step-content\"\u003e\n \u003ch3\u003eConservez correctement\u003c\/h3\u003e\n \u003cp\u003eGardez le flacon à l'abri de la chaleur et de la lumière, à température ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-vitd3-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-vitd3-cta-box\"\u003e\n \u003cp class=\"soi-vitd3-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-vitd3-cta-text\" style=\"color: white;\"\u003eChaque goutte, c'est un geste minuscule aux effets durables : des os solides, des muscles efficaces, une immunité renforcée, même quand le soleil se fait rare. Simple, naturelle, précise et fabriquée en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-vitd3-marine: #1A2D3D;\n --soi-vitd3-marine-dark: #0F1E2B;\n --soi-vitd3-marine-light: #2C4458;\n --soi-vitd3-pomme: #A1C544;\n --soi-vitd3-pomme-dark: #84A636;\n --soi-vitd3-pomme-light: rgba(161,197,68,0.10);\n\n --soi-vitd3-white: #FFFFFF;\n --soi-vitd3-off-white: #F8FAF6;\n --soi-vitd3-stone: #F1F3EE;\n --soi-vitd3-line: #E5E8E0;\n\n --soi-vitd3-primary: #B83230;\n --soi-vitd3-primary-soft: rgba(184,50,48,0.08);\n --soi-vitd3-accent: #A8B5D4;\n\n --soi-vitd3-text: #1A2D3D;\n --soi-vitd3-text-soft: #4A5B6B;\n --soi-vitd3-text-muted: #7B8693;\n\n --soi-vitd3-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-vitd3-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-vitd3-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-vitd3-radius: 12px;\n --soi-vitd3-radius-sm: 8px;\n --soi-vitd3-radius-pill: 999px;\n}\n\n.soi-vitd3-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-vitd3-fiche img { max-width: 100%; height: auto; }\n\n.soi-vitd3-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-vitd3-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-vitd3-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-vitd3-hero {\n position: relative;\n background: var(--soi-vitd3-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-vitd3-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-vitd3-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-vitd3-pomme);\n}\n\n.soi-vitd3-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-vitd3-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-vitd3-pomme);\n border-radius: 50%;\n}\n\n.soi-vitd3-hero-title {\n display: block;\n color: var(--soi-vitd3-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-vitd3-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-vitd3-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-vitd3-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-vitd3-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-vitd3-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-vitd3-label-accent {\n background: var(--soi-vitd3-pomme);\n border-color: var(--soi-vitd3-pomme);\n color: var(--soi-vitd3-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-vitd3-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-vitd3-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-vitd3-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-vitd3-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-vitd3-pomme);\n border-radius: 2px;\n}\n\n.soi-vitd3-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-vitd3-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-vitd3-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-vitd3-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-vitd3-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-vitd3-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-vitd3-benefit {\n background: var(--soi-vitd3-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-vitd3-radius);\n border: 1px solid var(--soi-vitd3-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-vitd3-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-vitd3-shadow-md);\n}\n\n.soi-vitd3-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-vitd3-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-vitd3-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-vitd3-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-vitd3-benefit:hover .soi-vitd3-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-vitd3-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-vitd3-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-vitd3-benefit p {\n font-size: 13px;\n color: var(--soi-vitd3-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-vitd3-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-vitd3-card {\n background: var(--soi-vitd3-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-vitd3-radius);\n border-left: 3px solid var(--soi-vitd3-pomme);\n}\n\n.soi-vitd3-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-vitd3-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-vitd3-card p {\n font-size: 14px;\n color: var(--soi-vitd3-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-vitd3-compo {\n background: var(--soi-vitd3-off-white);\n border-radius: var(--soi-vitd3-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-vitd3-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-vitd3-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-vitd3-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-vitd3-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-vitd3-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-vitd3-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-vitd3-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-vitd3-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-vitd3-pomme-light);\n border-left: 4px solid var(--soi-vitd3-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-vitd3-radius) var(--soi-vitd3-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-vitd3-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-vitd3-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-vitd3-marine);\n margin-bottom: 4px;\n}\n\n.soi-vitd3-tip p {\n font-size: 14px;\n color: var(--soi-vitd3-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-vitd3-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-vitd3-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-vitd3-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-vitd3-radius);\n border: 1px solid var(--soi-vitd3-line);\n align-items: flex-start;\n}\n\n.soi-vitd3-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-vitd3-marine);\n color: var(--soi-vitd3-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-vitd3-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-vitd3-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-vitd3-step-content p {\n font-size: 14px;\n color: var(--soi-vitd3-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-vitd3-cta-box {\n background: var(--soi-vitd3-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-vitd3-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-vitd3-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-vitd3-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-vitd3-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-vitd3-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-vitd3-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-vitd3-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-vitd3-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-vitd3-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-vitd3-compo-value {\n text-align: left;\n }\n\n .soi-vitd3-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-vitd3-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-vitd3-fiche {\n --soi-vitd3-text-soft: #2C3E50;\n --soi-vitd3-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61602943926602,"sku":"LC9101","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/vitamine-d3-en-compte-goutte-packshot.webp?v=1779034497"},{"product_id":"passiflore-millepertuis-bio-et-vegan-en-gelules","title":"Passiflore \u0026 Millepertuis bio en gélules","description":"\u003cdiv class=\"soi-pami-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-pami-hero\"\u003e\n \u003cdiv class=\"soi-pami-hero-tag\"\u003e\n \u003cspan class=\"soi-pami-tag-dot\"\u003e\u003c\/span\u003e\n Stress \u0026amp; Sommeil · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-pami-hero-title\"\u003ePassiflore \u0026amp; Millepertuis bio en gélules\u003c\/span\u003e\n \u003cp class=\"soi-pami-hero-subtitle\"\u003eDeux plantes aux vertus complémentaires pour vous aider à retrouver équilibre, sérénité et un sommeil de qualité.\u003c\/p\u003e\n \u003cdiv class=\"soi-pami-hero-labels\"\u003e\n \u003cspan class=\"soi-pami-label soi-pami-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-pami-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-pami-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-pami-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n \u003cspan class=\"soi-pami-label\"\u003eECOCERT FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-pami-section\"\u003e\n \u003cp class=\"soi-pami-section-intro\"\u003eVous ressentez les effets du stress au quotidien, vos nuits sont agitées, ou votre humeur fluctue sans raison apparente ? La Passiflore Millepertuis bio du Laboratoire Code associe deux plantes aux vertus complémentaires dans une formule végane et certifiée agriculture biologique, pour vous aider à retrouver équilibre et légèreté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Association Passiflore + Millepertuis --\u003e\n \u003csection class=\"soi-pami-section\"\u003e\n \u003ch2\u003ePassiflore et Millepertuis : pourquoi cette association fonctionne\u003c\/h2\u003e\n \u003cp\u003eCes deux plantes sont traditionnellement reconnues pour agir en synergie sur deux leviers essentiels du bien-être : la gestion du stress et la qualité du sommeil.\u003c\/p\u003e\n \u003cdiv class=\"soi-pami-grid\"\u003e\n \u003cdiv class=\"soi-pami-card\"\u003e\n \u003ch3\u003e🌸 Passiflore (Passiflora incarnata)\u003c\/h3\u003e\n \u003cp\u003eUtilisée depuis des siècles en phytothérapie, elle est reconnue pour calmer la nervosité, faciliter l'endormissement et améliorer la qualité du sommeil. Sa richesse en flavonoïdes agit doucement sur le système nerveux, sans effet de somnolence le lendemain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pami-card\"\u003e\n \u003ch3\u003e☀️ Millepertuis (Hypericum perforatum)\u003c\/h3\u003e\n \u003cp\u003eSurnommé le \"soleil intérieur\", il est utilisé depuis plus de 2 000 ans pour soutenir l'humeur, réduire l'irritabilité et favoriser un état d'esprit positif. Son extrait sec est titré à 0,3 % d'hypéricine. Il contribue également à atténuer les troubles du sommeil liés aux états de blues passagers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pami-tip\"\u003e\n \u003cdiv class=\"soi-pami-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eEnsemble, passiflore et millepertuis forment une formule anti-stress et sommeil particulièrement adaptée aux périodes de surmenage, de changements de saison ou de cycles hormonaux difficiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Composition et posologie --\u003e\n \u003csection class=\"soi-pami-section\"\u003e\n \u003ch2\u003eComposition et posologie : ce que contient chaque gélule\u003c\/h2\u003e\n \u003cp\u003eChaque flacon contient 60 gélules végétales de 605 mg, formulées sans additif inutile.\u003c\/p\u003e\n \u003cdiv class=\"soi-pami-compo\"\u003e\n \u003cdiv class=\"soi-pami-compo-row\"\u003e\n \u003cspan class=\"soi-pami-compo-label\"\u003ePoudre de passiflore bio (parties aériennes)\u003c\/span\u003e\n \u003cspan class=\"soi-pami-compo-value\"\u003e500 mg \/ gélule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pami-compo-row\"\u003e\n \u003cspan class=\"soi-pami-compo-label\"\u003eExtrait sec de millepertuis bio (titré à 0,3 % d'hypéricine)\u003c\/span\u003e\n \u003cspan class=\"soi-pami-compo-value\"\u003e100 mg \/ gélule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pami-compo-row\"\u003e\n \u003cspan class=\"soi-pami-compo-label\"\u003eGélule végétale\u003c\/span\u003e\n \u003cspan class=\"soi-pami-compo-value\"\u003eHPMC (convient aux vegans)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pami-compo-row\"\u003e\n \u003cspan class=\"soi-pami-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-pami-compo-value\"\u003e60 gélules de 605 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-pami-timeline\"\u003e\n \u003cdiv class=\"soi-pami-step\"\u003e\n \u003cdiv class=\"soi-pami-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-pami-step-content\"\u003e\n \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n \u003cp\u003e2 gélules par jour, de préférence le soir avant le coucher ou en deux prises (matin et soir) selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pami-step\"\u003e\n \u003cdiv class=\"soi-pami-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-pami-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de 6 à 8 semaines est généralement conseillée pour observer les effets. Ce complément ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Pour qui --\u003e\n \u003csection class=\"soi-pami-section\"\u003e\n \u003ch2\u003ePour qui est fait ce complément à base de passiflore et millepertuis ?\u003c\/h2\u003e\n \u003cp class=\"soi-pami-section-intro\"\u003eCette formule est particulièrement adaptée si vous vous reconnaissez dans l'un de ces profils.\u003c\/p\u003e\n \u003cdiv class=\"soi-pami-benefits\"\u003e\n \u003cdiv class=\"soi-pami-benefit\"\u003e\n \u003cdiv class=\"soi-pami-benefit-icon\"\u003e\u003cspan\u003e😤\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eStress chronique ou ponctuel\u003c\/h3\u003e\n \u003cp\u003eTravail, examens, changements de vie : vous traversez une période exigeante et cherchez un soutien naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pami-benefit\"\u003e\n \u003cdiv class=\"soi-pami-benefit-icon\"\u003e\u003cspan\u003e🌙\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDifficultés d'endormissement\u003c\/h3\u003e\n \u003cp\u003eVous avez du mal à vous endormir ou à maintenir un sommeil profond et réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pami-benefit\"\u003e\n \u003cdiv class=\"soi-pami-benefit-icon\"\u003e\u003cspan\u003e🌦️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eIrritabilité ou blues passager\u003c\/h3\u003e\n \u003cp\u003eVous ressentez une irritabilité ou un état de blues passager, notamment en lien avec le cycle menstruel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pami-benefit\"\u003e\n \u003cdiv class=\"soi-pami-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAlternative naturelle complète\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une alternative à la valériane et passiflore seule, avec une action plus complète sur le stress et l'humeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Points forts --\u003e\n \u003csection class=\"soi-pami-section\"\u003e\n \u003ch2\u003eLes points forts qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-pami-grid-compact\"\u003e\n \u003cdiv class=\"soi-pami-card-mini\"\u003e\n \u003cspan class=\"soi-pami-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-pami-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-pami-card-mini-value\"\u003eAgriculture biologique Ecocert (FR-BIO-01)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pami-card-mini\"\u003e\n \u003cspan class=\"soi-pami-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-pami-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-pami-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pami-card-mini\"\u003e\n \u003cspan class=\"soi-pami-card-mini-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"soi-pami-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-pami-card-mini-value\"\u003eVegan, sans conservateur, sans colorant, sans gluten\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pami-card-mini\"\u003e\n \u003cspan class=\"soi-pami-card-mini-icon\"\u003e🔬\u003c\/span\u003e\n \u003cspan class=\"soi-pami-card-mini-label\"\u003eTitrage\u003c\/span\u003e\n \u003cspan class=\"soi-pami-card-mini-value\"\u003eMillepertuis titré à 0,3 % d'hypéricine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Précautions --\u003e\n \u003csection class=\"soi-pami-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"soi-pami-accordion\"\u003e\n \u003cdetails class=\"soi-pami-accordion-item\" open\u003e\n \u003csummary class=\"soi-pami-accordion-header\"\u003e⚠️ Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"soi-pami-accordion-content\"\u003e\n \u003cp\u003eLe millepertuis est une plante active qui peut interagir avec certains médicaments (contraceptifs oraux, anticoagulants, antidépresseurs, immunosuppresseurs, etc.). Consultez un professionnel de santé avant toute prise si vous suivez un traitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-pami-accordion-item\"\u003e\n \u003csummary class=\"soi-pami-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"soi-pami-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, et aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-pami-accordion-item\"\u003e\n \u003csummary class=\"soi-pami-accordion-header\"\u003e☀️ Photosensibilisation\u003c\/summary\u003e\n \u003cdiv class=\"soi-pami-accordion-content\"\u003e\n \u003cp\u003eEn cas d'exposition solaire prolongée, soyez vigilant : le millepertuis peut provoquer une photosensibilisation.\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-pami-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-pami-cta-box\"\u003e\n \u003cp class=\"soi-pami-cta-tag\" style=\"color: white;\"\u003ePrendre soin de vous, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-pami-cta-text\" style=\"color: white;\"\u003eQuand le stress s'accumule et que les nuits raccourcissent, votre corps mérite une réponse douce et naturelle. Retrouvez sérénité et sommeil profond avec la Passiflore Millepertuis bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-pami-marine: #1A2D3D;\n --soi-pami-marine-dark: #0F1E2B;\n --soi-pami-marine-light: #2C4458;\n --soi-pami-pomme: #A1C544;\n --soi-pami-pomme-dark: #84A636;\n --soi-pami-pomme-light: rgba(161,197,68,0.10);\n --soi-pami-white: #FFFFFF;\n --soi-pami-off-white: #F8FAF6;\n --soi-pami-stone: #F1F3EE;\n --soi-pami-line: #E5E8E0;\n --soi-pami-primary: #3D5A7A;\n --soi-pami-primary-soft: rgba(61,90,122,0.08);\n --soi-pami-accent: #9B8AA8;\n --soi-pami-text: #1A2D3D;\n --soi-pami-text-soft: #4A5B6B;\n --soi-pami-text-muted: #7B8693;\n --soi-pami-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-pami-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-pami-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-pami-radius: 12px;\n --soi-pami-radius-sm: 8px;\n --soi-pami-radius-pill: 999px;\n}\n\n.soi-pami-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-pami-fiche img { max-width: 100%; height: auto; }\n\n.soi-pami-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-pami-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-pami-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-pami-hero {\n position: relative;\n background: var(--soi-pami-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-pami-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-pami-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-pami-pomme);\n}\n\n.soi-pami-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-pami-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-pami-pomme);\n border-radius: 50%;\n}\n\n.soi-pami-hero-title {\n display: block;\n color: var(--soi-pami-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-pami-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-pami-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-pami-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-pami-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-pami-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-pami-label-accent {\n background: var(--soi-pami-pomme);\n border-color: var(--soi-pami-pomme);\n color: var(--soi-pami-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-pami-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-pami-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-pami-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-pami-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-pami-pomme);\n border-radius: 2px;\n}\n\n.soi-pami-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-pami-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-pami-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-pami-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-pami-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-pami-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-pami-benefit {\n background: var(--soi-pami-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-pami-radius);\n border: 1px solid var(--soi-pami-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-pami-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-pami-shadow-md);\n}\n\n.soi-pami-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-pami-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-pami-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-pami-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-pami-benefit:hover .soi-pami-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-pami-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-pami-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-pami-benefit p {\n font-size: 13px;\n color: var(--soi-pami-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-pami-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-pami-card {\n background: var(--soi-pami-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-pami-radius);\n border-left: 3px solid var(--soi-pami-pomme);\n}\n\n.soi-pami-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-pami-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-pami-card p {\n font-size: 14px;\n color: var(--soi-pami-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-pami-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-pami-card-mini {\n background: var(--soi-pami-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-pami-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-pami-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-pami-card-mini-label {\n font-size: 11px;\n color: var(--soi-pami-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-pami-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-pami-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-pami-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.soi-pami-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-pami-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-pami-radius);\n border: 1px solid var(--soi-pami-line);\n align-items: flex-start;\n}\n\n.soi-pami-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-pami-marine);\n color: var(--soi-pami-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-pami-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-pami-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-pami-step-content p {\n font-size: 14px;\n color: var(--soi-pami-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-pami-compo {\n background: var(--soi-pami-off-white);\n border-radius: var(--soi-pami-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 0.5rem;\n}\n\n.soi-pami-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-pami-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-pami-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-pami-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-pami-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-pami-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-pami-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-pami-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-pami-pomme-light);\n border-left: 4px solid var(--soi-pami-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-pami-radius) var(--soi-pami-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-pami-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-pami-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-pami-marine);\n margin-bottom: 4px;\n}\n\n.soi-pami-tip p {\n font-size: 14px;\n color: var(--soi-pami-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-pami-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-pami-accordion-item {\n background: var(--soi-pami-off-white);\n border-radius: var(--soi-pami-radius-sm);\n border: 1px solid var(--soi-pami-line);\n overflow: hidden;\n}\n\n.soi-pami-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-pami-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-pami-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-pami-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-pami-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-pami-accordion-item[open] .soi-pami-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-pami-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-pami-accordion-content p {\n font-size: 14px;\n color: var(--soi-pami-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-pami-cta-box {\n background: var(--soi-pami-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-pami-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-pami-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-pami-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-pami-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-pami-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-pami-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-pami-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-pami-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-pami-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-pami-compo-value {\n text-align: left;\n }\n\n .soi-pami-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-pami-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-pami-fiche {\n --soi-pami-text-soft: #2C3E50;\n --soi-pami-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61602961424714,"sku":"LC9114","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/passiflore-millepertuis-bio-et-vegan-en-gelules-packshot.webp?v=1779634542"},{"product_id":"melatonine-verveine-60-gelules","title":"Mélatonine \u0026 Verveine en gélules","description":"\n\u003cdiv class=\"soi-melv-fiche\"\u003e\n\n \u003csection class=\"soi-melv-hero\"\u003e\n \u003cdiv class=\"soi-melv-hero-tag\"\u003e\n \u003cspan class=\"soi-melv-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire sommeil · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-melv-hero-title\"\u003eMélatonine \u0026amp; Verveine en gélules\u003c\/span\u003e\n \u003cp class=\"soi-melv-hero-subtitle\"\u003eRetrouvez un endormissement serein et des nuits profondes grâce à l'alliance de la mélatonine et de la verveine odorante, dans une formule 100 % végétale.\u003c\/p\u003e\n \u003cdiv class=\"soi-melv-hero-labels\"\u003e\n \u003cspan class=\"soi-melv-label soi-melv-label-accent\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-melv-label\"\u003eCONDITIONNÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-melv-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003cspan class=\"soi-melv-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-melv-section\"\u003e\n \u003ch2\u003ePourquoi la mélatonine est-elle si efficace pour le sommeil ?\u003c\/h2\u003e\n \u003cp\u003eLa mélatonine est aujourd'hui l'un des actifs les mieux documentés en chronobiologie. Produite naturellement par votre glande pinéale, cette hormone est sécrétée dès que la lumière du jour diminue. Elle envoie au cerveau le signal de se préparer au repos, amorçant ainsi la transition vers le sommeil.\u003c\/p\u003e\n \u003cp\u003ePlusieurs facteurs peuvent perturber sa production : exposition aux écrans le soir, stress, travail de nuit, ou encore voyages transméridiens. Apporter un complément de mélatonine à faible dose permet alors de recaler naturellement le rythme circadien et de réduire le temps d'endormissement. C'est d'ailleurs l'un des rares actifs dont l'effet sur l'endormissement et le décalage horaire est reconnu par l'EFSA (Autorité européenne de sécurité des aliments).\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-melv-section\"\u003e\n \u003ch2\u003eLa verveine : l'alliée apaisante pour un sommeil profond\u003c\/h2\u003e\n \u003cp\u003eSouvent sous-estimée, la verveine odorante apporte bien plus qu'un simple arôme. Utilisée depuis des siècles en phytothérapie, elle est reconnue pour ses propriétés relaxantes et apaisantes, particulièrement utiles en cas de tension nerveuse ou d'agitation avant le coucher.\u003c\/p\u003e\n \u003cp\u003eAssociée à la mélatonine, elle complète l'action de cette dernière en accompagnant votre corps vers un sommeil réparateur et continu, sans brusquer l'organisme.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-melv-section\"\u003e\n \u003ch2\u003eComposition complète et posologie\u003c\/h2\u003e\n \u003cdiv class=\"soi-melv-compo\"\u003e\n \u003cdiv class=\"soi-melv-compo-row\"\u003e\n \u003cspan class=\"soi-melv-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-melv-compo-value\"\u003e60 gélules végétales de 325 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-melv-compo-row\"\u003e\n \u003cspan class=\"soi-melv-compo-label\"\u003eMélatonine\u003c\/span\u003e\n \u003cspan class=\"soi-melv-compo-value\"\u003e1 mg par gélule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-melv-compo-row\"\u003e\n \u003cspan class=\"soi-melv-compo-label\"\u003eVerveine (Lippia citriodora)\u003c\/span\u003e\n \u003cspan class=\"soi-melv-compo-value\"\u003eExtrait apaisante, dose sélectionnée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-melv-compo-row\"\u003e\n \u003cspan class=\"soi-melv-compo-label\"\u003eGélule\u003c\/span\u003e\n \u003cspan class=\"soi-melv-compo-value\"\u003eVégétale (HPMC), 100 % d'origine végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-melv-compo-row\"\u003e\n \u003cspan class=\"soi-melv-compo-label\"\u003eExcipients\u003c\/span\u003e\n \u003cspan class=\"soi-melv-compo-value\"\u003eSans conservateurs artificiels, sans gluten\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-melv-compo-row\"\u003e\n \u003cspan class=\"soi-melv-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-melv-compo-value\"\u003eConditionné en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-melv-timeline\"\u003e\n \u003cdiv class=\"soi-melv-step\"\u003e\n \u003cdiv class=\"soi-melv-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-melv-step-content\"\u003e\n \u003ch3\u003eUsage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez 1 gélule par jour, 30 minutes avant le coucher, avec un verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-melv-step\"\u003e\n \u003cdiv class=\"soi-melv-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-melv-step-content\"\u003e\n \u003ch3\u003eEn cas de décalage horaire\u003c\/h3\u003e\n \u003cp\u003ePrenez 1 gélule au moment du coucher à destination, les premiers jours suivant votre arrivée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-melv-step\"\u003e\n \u003cdiv class=\"soi-melv-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-melv-step-content\"\u003e\n \u003ch3\u003eDurée de cure conseillée\u003c\/h3\u003e\n \u003cp\u003e4 à 6 semaines pour un effet optimal sur la régularisation du cycle veille-sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-melv-section\"\u003e\n \u003ch2\u003ePour qui est ce complément sommeil à la mélatonine ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-melv-benefits\"\u003e\n \u003cdiv class=\"soi-melv-benefit\"\u003e\n \u003cdiv class=\"soi-melv-benefit-icon\"\u003e\u003cspan\u003e🌙\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDifficultés d'endormissement\u003c\/h3\u003e\n \u003cp\u003eVous avez du mal à vous endormir le soir malgré la fatigue et souhaitez retrouver un rythme naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-melv-benefit\"\u003e\n \u003cdiv class=\"soi-melv-benefit-icon\"\u003e\u003cspan\u003e✈️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDécalage horaire\u003c\/h3\u003e\n \u003cp\u003eVous voyagez régulièrement et souffrez du jet lag qui perturbe vos nuits et vos journées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-melv-benefit\"\u003e\n \u003cdiv class=\"soi-melv-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSolution naturelle et douce\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez éviter les somnifères et préférez un accompagnement naturel, sans dépendance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-melv-benefit\"\u003e\n \u003cdiv class=\"soi-melv-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRégime vegan ou végétarien\u003c\/h3\u003e\n \u003cp\u003eVous tenez à des gélules 100 % végétales, compatibles avec votre mode de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-melv-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-melv-accordion\"\u003e\n \u003cdetails class=\"soi-melv-accordion-item\"\u003e\n \u003csummary class=\"soi-melv-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"soi-melv-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de troubles du sommeil persistants, consultez un professionnel de santé. Déconseillé aux femmes enceintes ou allaitantes, aux enfants, et aux personnes sous traitement anticoagulant ou immunosuppresseur. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-melv-accordion-item\"\u003e\n \u003csummary class=\"soi-melv-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-melv-accordion-content\"\u003e\n \u003cp\u003eConservez le produit à l'abri de la chaleur et de l'humidité, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-melv-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur la mélatonine et le sommeil\u003c\/h2\u003e\n \u003cdiv class=\"soi-melv-accordion\"\u003e\n \u003cdetails class=\"soi-melv-accordion-item\"\u003e\n \u003csummary class=\"soi-melv-accordion-header\"\u003e💤 La mélatonine crée-t-elle une dépendance ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-melv-accordion-content\"\u003e\n \u003cp\u003eNon. Contrairement aux somnifères classiques, la mélatonine n'entraîne pas de dépendance physique. Elle accompagne votre rythme naturel sans le remplacer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-melv-accordion-item\"\u003e\n \u003csummary class=\"soi-melv-accordion-header\"\u003e⚖️ À quelle dose est-elle efficace ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-melv-accordion-content\"\u003e\n \u003cp\u003eDes études montrent qu'une dose de 0,5 à 1 mg est suffisante pour favoriser l'endormissement. Au-delà, l'effet n'est pas proportionnel, ce qui rend ce dosage à 1 mg particulièrement bien calibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-melv-accordion-item\"\u003e\n \u003csummary class=\"soi-melv-accordion-header\"\u003e🌿 Peut-on l'associer à d'autres compléments ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-melv-accordion-content\"\u003e\n \u003cp\u003eOui, la mélatonine se combine bien avec des plantes comme la verveine, la valériane ou la passiflore. Évitez cependant de la prendre avec de l'alcool ou des anxiolytiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-melv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-melv-cta-box\"\u003e\n \u003cp class=\"soi-melv-cta-tag\" style=\"color: white;\"\u003eVotre rituel d'endormissement naturel\u003c\/p\u003e\n \u003cp class=\"soi-melv-cta-text\" style=\"color: white;\"\u003eRetrouver le sommeil ne devrait pas être un combat. Avec ce complexe Mélatonine Verveine, vous disposez d'une formule douce, vegan et rigoureusement dosée pour vous endormir plus vite, mieux récupérer et apprivoiser le décalage horaire sans fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-melv-marine: #1A2D3D;\n --soi-melv-marine-dark: #0F1E2B;\n --soi-melv-marine-light: #2C4458;\n --soi-melv-pomme: #A1C544;\n --soi-melv-pomme-dark: #84A636;\n --soi-melv-pomme-light: rgba(161,197,68,0.10);\n --soi-melv-white: #FFFFFF;\n --soi-melv-off-white: #F8FAF6;\n --soi-melv-stone: #F1F3EE;\n --soi-melv-line: #E5E8E0;\n --soi-melv-primary: #3D5A7A;\n --soi-melv-primary-soft: #B8D4E8;\n --soi-melv-accent: #C94160;\n --soi-melv-text: #1A2D3D;\n --soi-melv-text-soft: #4A5B6B;\n --soi-melv-text-muted: #7B8693;\n --soi-melv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-melv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-melv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-melv-radius: 12px;\n --soi-melv-radius-sm: 8px;\n --soi-melv-radius-pill: 999px;\n}\n\n.soi-melv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-melv-fiche img { max-width: 100%; height: auto; }\n\n.soi-melv-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-melv-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-melv-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-melv-hero {\n position: relative;\n background: var(--soi-melv-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-melv-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-melv-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-melv-pomme);\n}\n\n.soi-melv-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-melv-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-melv-pomme);\n border-radius: 50%;\n}\n\n.soi-melv-hero-title {\n display: block;\n color: var(--soi-melv-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-melv-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-melv-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-melv-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-melv-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-melv-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-melv-label-accent {\n background: var(--soi-melv-pomme);\n border-color: var(--soi-melv-pomme);\n color: var(--soi-melv-marine);\n font-weight: 600;\n}\n\n.soi-melv-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-melv-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-melv-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-melv-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-melv-pomme);\n border-radius: 2px;\n}\n\n.soi-melv-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-melv-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-melv-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-melv-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-melv-benefit {\n background: var(--soi-melv-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-melv-radius);\n border: 1px solid var(--soi-melv-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-melv-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-melv-shadow-md);\n}\n\n.soi-melv-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-melv-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-melv-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-melv-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-melv-benefit:hover .soi-melv-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-melv-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-melv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-melv-benefit p {\n font-size: 13px;\n color: var(--soi-melv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-melv-compo {\n background: var(--soi-melv-off-white);\n border-radius: var(--soi-melv-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-melv-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-melv-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-melv-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-melv-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-melv-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-melv-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-melv-marine);\n text-align: right;\n}\n\n.soi-melv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-melv-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-melv-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-melv-radius);\n border: 1px solid var(--soi-melv-line);\n align-items: flex-start;\n}\n\n.soi-melv-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-melv-marine);\n color: var(--soi-melv-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-melv-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-melv-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-melv-step-content p {\n font-size: 14px;\n color: var(--soi-melv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-melv-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-melv-pomme-light);\n border-left: 4px solid var(--soi-melv-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-melv-radius) var(--soi-melv-radius) 0;\n align-items: flex-start;\n}\n\n.soi-melv-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-melv-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-melv-marine);\n margin-bottom: 4px;\n}\n\n.soi-melv-tip p {\n font-size: 14px;\n color: var(--soi-melv-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-melv-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-melv-accordion-item {\n background: var(--soi-melv-off-white);\n border-radius: var(--soi-melv-radius-sm);\n border: 1px solid var(--soi-melv-line);\n overflow: hidden;\n}\n\n.soi-melv-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-melv-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-melv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-melv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-melv-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-melv-accordion-item[open] .soi-melv-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-melv-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-melv-accordion-content p {\n font-size: 14px;\n color: var(--soi-melv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-melv-cta-box {\n background: var(--soi-melv-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-melv-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-melv-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-melv-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-melv-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-melv-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-melv-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-melv-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-melv-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-melv-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .soi-melv-compo-value {\n text-align: left;\n }\n .soi-melv-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-melv-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-melv-fiche {\n --soi-melv-text-soft: #2C3E50;\n --soi-melv-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61603002384714,"sku":"LC1014","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/melatonine-verveine-vegan-en-gelules-packshot.webp?v=1779635189"},{"product_id":"bambou-silice-60-gelules","title":"Bambou Silice Vegan - 60 gélules - Laboratoire Code","description":"\u003cdiv class=\"soi-bamb-fiche\"\u003e\n\n \u003csection class=\"soi-bamb-hero\"\u003e\n \u003cdiv class=\"soi-bamb-hero-tag\"\u003e\n \u003cspan class=\"soi-bamb-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-bamb-hero-title\"\u003eBambou Silice Vegan\u003c\/span\u003e\n \u003cp class=\"soi-bamb-hero-subtitle\"\u003eUne source végétale hautement concentrée en silicium organique pour soutenir vos articulations, vos os et votre beauté naturelle au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-bamb-hero-labels\"\u003e\n \u003cspan class=\"soi-bamb-label soi-bamb-label-accent\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-bamb-label\"\u003eCONDITIONNÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-bamb-label\"\u003e75 % DE SILICE\u003c\/span\u003e\n \u003cspan class=\"soi-bamb-label\"\u003eSANS ADDITIFS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bamb-section\"\u003e\n \u003ch2\u003ePourquoi le bambou est-il si intéressant pour les articulations ?\u003c\/h2\u003e\n \u003cp\u003eLe bambou (\u003cem\u003eBambusa vulgaris\u003c\/em\u003e) est l'une des plantes les plus riches en silice organique au monde, avec une teneur pouvant dépasser 70 % dans son exsudat. Ce minéral joue un rôle structurel fondamental dans l'organisme : il contribue à la synthèse du collagène, cette protéine qui maintient l'élasticité des cartilages, la souplesse des tendons et la fermeté de la peau.\u003c\/p\u003e\n \u003cp\u003eContrairement aux sources de silicium minéral (roches, sable), la silice organique issue du bambou est directement biodisponible, c'est à dire que votre corps l'assimile bien plus facilement. C'est précisément cette différence qui fait tout l'intérêt d'un extrait de bambou titré.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bamb-section\"\u003e\n \u003ch2\u003eCe que ce complément peut apporter au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-bamb-benefits\"\u003e\n \u003cdiv class=\"soi-bamb-benefit\"\u003e\n \u003cdiv class=\"soi-bamb-benefit-icon\"\u003e\u003cspan\u003e🦴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eConfort articulaire\u003c\/h3\u003e\n \u003cp\u003eLe silicium participe à l'entretien des cartilages et aide à préserver la souplesse des articulations, notamment du genou, de la hanche et des épaules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bamb-benefit\"\u003e\n \u003cdiv class=\"soi-bamb-benefit-icon\"\u003e\u003cspan\u003e🧬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoutien au collagène\u003c\/h3\u003e\n \u003cp\u003eActeur clé de la régénération des tissus conjonctifs, il contribue à la structure des os, des tendons et de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bamb-benefit\"\u003e\n \u003cdiv class=\"soi-bamb-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eReminéralisation osseuse et dentaire\u003c\/h3\u003e\n \u003cp\u003eLe silicium favorise la fixation des minéraux dans les os et les dents, un soutien utile notamment après 40 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bamb-benefit\"\u003e\n \u003cdiv class=\"soi-bamb-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBeauté de la peau, des cheveux et des ongles\u003c\/h3\u003e\n \u003cp\u003eEn renforçant la matrice conjonctive, il aide à maintenir une peau plus ferme, des ongles moins cassants et des cheveux plus résistants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bamb-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n \u003cdiv class=\"soi-bamb-compo\"\u003e\n \u003cdiv class=\"soi-bamb-compo-row\"\u003e\n \u003cspan class=\"soi-bamb-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-bamb-compo-value\"\u003e60 gélules végétales de 415 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bamb-compo-row\"\u003e\n \u003cspan class=\"soi-bamb-compo-label\"\u003eExtrait de bambou (tige)\u003c\/span\u003e\n \u003cspan class=\"soi-bamb-compo-value\"\u003e400 mg par gélule, titré à 75 % de silice\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bamb-compo-row\"\u003e\n \u003cspan class=\"soi-bamb-compo-label\"\u003eSilice organique par gélule\u003c\/span\u003e\n \u003cspan class=\"soi-bamb-compo-value\"\u003e300 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bamb-compo-row\"\u003e\n \u003cspan class=\"soi-bamb-compo-label\"\u003eGélule végétale (HPMC)\u003c\/span\u003e\n \u003cspan class=\"soi-bamb-compo-value\"\u003e15 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bamb-compo-row\"\u003e\n \u003cspan class=\"soi-bamb-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-bamb-compo-value\"\u003eSans additif, sans colorant, sans agent de charge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-bamb-timeline\"\u003e\n \u003cdiv class=\"soi-bamb-step\"\u003e\n \u003cdiv class=\"soi-bamb-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-bamb-step-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez 2 gélules 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-bamb-step\"\u003e\n \u003cdiv class=\"soi-bamb-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-bamb-step-content\"\u003e\n \u003ch3\u003eDurée de cure conseillée\u003c\/h3\u003e\n \u003cp\u003eUne cure de 6 à 8 semaines est généralement conseillée pour observer des effets durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bamb-section\"\u003e\n \u003ch2\u003eCe qui distingue le Bambou Silice du Laboratoire Code des autres marques\u003c\/h2\u003e\n \u003cdiv class=\"soi-bamb-grid\"\u003e\n \u003cdiv class=\"soi-bamb-card\"\u003e\n \u003ch3\u003e🌿 100 % Vegan\u003c\/h3\u003e\n \u003cp\u003eGélules végétales en HPMC, sans gélatine animale, convenant aux régimes végétariens et vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bamb-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n \u003cp\u003eFabriqué et conditionné en France, sous contrôle qualité rigoureux du Laboratoire Code.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bamb-card\"\u003e\n \u003ch3\u003e💊 Titré à 75 % de silice\u003c\/h3\u003e\n \u003cp\u003eUn extrait standardisé pour une concentration garantie et une efficacité reproductible à chaque cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bamb-card\"\u003e\n \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n \u003cp\u003eFormule épurée, sans colorant, sans conservateur, sans agent de remplissage superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bamb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-bamb-accordion\"\u003e\n \u003cdetails class=\"soi-bamb-accordion-item\"\u003e\n \u003csummary class=\"soi-bamb-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"soi-bamb-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire est destiné aux adultes. Il ne se substitue pas à un traitement médical ni à une alimentation variée et équilibrée. En cas de pathologie articulaire diagnostiquée, d'allergie connue aux graminées ou de grossesse, consultez votre médecin avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-bamb-accordion-item\"\u003e\n \u003csummary class=\"soi-bamb-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-bamb-accordion-content\"\u003e\n \u003cp\u003eTenez hors de portée des enfants et conservez à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bamb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-bamb-cta-box\"\u003e\n \u003cp class=\"soi-bamb-cta-tag\" style=\"color: white;\"\u003eInvestir dans votre liberté de mouvement\u003c\/p\u003e\n \u003cp class=\"soi-bamb-cta-text\" style=\"color: white;\"\u003eAvec le Bambou Silice Vegan du Laboratoire Code, vous optez pour une silice organique hautement concentrée, vegan et sans compromis sur la qualité. Un allié naturel à intégrer facilement dans votre routine bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-bamb-marine: #1A2D3D;\n --soi-bamb-marine-dark: #0F1E2B;\n --soi-bamb-marine-light: #2C4458;\n --soi-bamb-pomme: #A1C544;\n --soi-bamb-pomme-dark: #84A636;\n --soi-bamb-pomme-light: rgba(161,197,68,0.10);\n --soi-bamb-white: #FFFFFF;\n --soi-bamb-off-white: #F8FAF6;\n --soi-bamb-stone: #F1F3EE;\n --soi-bamb-line: #E5E8E0;\n --soi-bamb-primary: #7BAFD4;\n --soi-bamb-primary-soft: #D6E8F3;\n --soi-bamb-accent: #5A9ABF;\n --soi-bamb-text: #1A2D3D;\n --soi-bamb-text-soft: #4A5B6B;\n --soi-bamb-text-muted: #7B8693;\n --soi-bamb-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-bamb-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-bamb-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-bamb-radius: 12px;\n --soi-bamb-radius-sm: 8px;\n --soi-bamb-radius-pill: 999px;\n}\n\n.soi-bamb-fiche * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.soi-bamb-fiche img {\n max-width: 100%;\n height: auto;\n}\n\n.soi-bamb-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-bamb-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-bamb-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-bamb-hero {\n position: relative;\n background: var(--soi-bamb-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-bamb-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-bamb-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--soi-bamb-pomme);\n}\n\n.soi-bamb-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-bamb-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-bamb-pomme);\n border-radius: 50%;\n}\n\n.soi-bamb-hero-title {\n display: block;\n color: var(--soi-bamb-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-bamb-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-bamb-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-bamb-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-bamb-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-bamb-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-bamb-label-accent {\n background: var(--soi-bamb-pomme);\n border-color: var(--soi-bamb-pomme);\n color: var(--soi-bamb-marine);\n font-weight: 600;\n}\n\n.soi-bamb-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bamb-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-bamb-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-bamb-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-bamb-pomme);\n border-radius: 2px;\n}\n\n.soi-bamb-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-bamb-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-bamb-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-bamb-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-bamb-benefit {\n background: var(--soi-bamb-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-bamb-radius);\n border: 1px solid var(--soi-bamb-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bamb-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-bamb-shadow-md);\n}\n\n.soi-bamb-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-bamb-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-bamb-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-bamb-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-bamb-benefit:hover .soi-bamb-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-bamb-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bamb-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bamb-benefit p {\n font-size: 13px;\n color: var(--soi-bamb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bamb-compo {\n background: var(--soi-bamb-off-white);\n border-radius: var(--soi-bamb-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-bamb-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-bamb-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-bamb-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-bamb-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-bamb-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-bamb-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-bamb-marine);\n text-align: right;\n}\n\n.soi-bamb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-bamb-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-bamb-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bamb-radius);\n border: 1px solid var(--soi-bamb-line);\n align-items: flex-start;\n}\n\n.soi-bamb-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-bamb-marine);\n color: var(--soi-bamb-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-bamb-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bamb-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-bamb-step-content p {\n font-size: 14px;\n color: var(--soi-bamb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bamb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-bamb-card {\n background: var(--soi-bamb-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bamb-radius);\n border-left: 3px solid var(--soi-bamb-pomme);\n}\n\n.soi-bamb-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bamb-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bamb-card p {\n font-size: 14px;\n color: var(--soi-bamb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bamb-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-bamb-accordion-item {\n background: var(--soi-bamb-off-white);\n border-radius: var(--soi-bamb-radius-sm);\n border: 1px solid var(--soi-bamb-line);\n overflow: hidden;\n}\n\n.soi-bamb-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-bamb-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-bamb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-bamb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-bamb-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-bamb-accordion-item[open] .soi-bamb-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-bamb-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-bamb-accordion-content p {\n font-size: 14px;\n color: var(--soi-bamb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bamb-cta-box {\n background: var(--soi-bamb-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-bamb-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-bamb-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-bamb-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-bamb-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-bamb-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-bamb-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-bamb-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-bamb-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-bamb-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-bamb-compo-value {\n text-align: left;\n }\n\n .soi-bamb-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-bamb-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-bamb-fiche {\n --soi-bamb-text-soft: #2C3E50;\n --soi-bamb-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61603074376010,"sku":"LC9060","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/bambou-silice-vegan-60-gelules-packshot.webp?v=1779801489"},{"product_id":"energie-virile-60-gelules","title":"Énergie Virile - Complément naturel Libido \u0026 Érection","description":"\u003cdiv class=\"soi-evir-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-evir-hero\"\u003e\n \u003cdiv class=\"soi-evir-hero-tag\"\u003e\n \u003cspan class=\"soi-evir-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-evir-hero-title\"\u003eÉnergie Virile\u003c\/span\u003e\n \u003cp class=\"soi-evir-hero-subtitle\"\u003eLa synergie de plantes aphrodisiaques, vitamines et oligo-éléments pour soutenir la libido masculine, la fonction érectile et la vitalité au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-evir-hero-labels\"\u003e\n \u003cspan class=\"soi-evir-label soi-evir-label-accent\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-evir-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-evir-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Intro --\u003e\n \u003csection class=\"soi-evir-section\"\u003e\n \u003ch2\u003eÉnergie Virile : le complément tonique naturel \u0026amp; vegan pour retrouver vitalité et désir\u003c\/h2\u003e\n \u003cp\u003eVous ressentez une baisse de libido, un manque d'énergie ou des difficultés d'érection ? Ce n'est pas une fatalité. Bien souvent, l'organisme manque simplement de certains actifs clés pour fonctionner à plein régime. \u003cstrong\u003eÉnergie Virile de Laboratoire Code\u003c\/strong\u003e réunit dans une seule gélule végétale une synergie de plantes aphrodisiaques reconnues, de vitamines et d'oligo-éléments soigneusement dosés pour soutenir la libido masculine, la fonction érectile et la vitalité au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi choisir --\u003e\n \u003csection class=\"soi-evir-section\"\u003e\n \u003ch2\u003ePourquoi choisir Énergie Virile plutôt qu'un autre complément ?\u003c\/h2\u003e\n \u003cp\u003eContrairement à beaucoup de boosters d'énergie génériques qui misent sur la caféine ou le guarana, \u003cstrong\u003eÉnergie Virile cible spécifiquement la sphère masculine\u003c\/strong\u003e : libido, érection, désir, fertilité et énergie durable. Sa formule vegan, fabriquée en France, associe des végétaux à la réputation aphrodisiaque millénaire et des micronutriments validés par la recherche nutritionnelle.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Actifs clés --\u003e\n \u003csection class=\"soi-evir-section\"\u003e\n \u003ch2\u003eLes actifs clés de la formule Énergie Virile\u003c\/h2\u003e\n\n \u003cdiv class=\"soi-evir-benefits\"\u003e\n \u003cdiv class=\"soi-evir-benefit\"\u003e\n \u003cdiv class=\"soi-evir-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTribulus terrestris\u003c\/h3\u003e\n \u003cp\u003ePlante phare des formules viriles, reconnue pour stimuler la libido et soutenir la fonction érectile naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-benefit\"\u003e\n \u003cdiv class=\"soi-evir-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSafran\u003c\/h3\u003e\n \u003cp\u003eComplément idéal du tribulus, il renforce les effets sur le désir et contribue à une érection de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-benefit\"\u003e\n \u003cdiv class=\"soi-evir-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMaca du Pérou\u003c\/h3\u003e\n \u003cp\u003eRacine aphrodisiaque traditionnelle andine, appréciée aussi pour son rôle dans le soutien de la fertilité masculine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-benefit\"\u003e\n \u003cdiv class=\"soi-evir-benefit-icon\"\u003e\u003cspan\u003e🫚\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGingembre\u003c\/h3\u003e\n \u003cp\u003eRhizome aux propriétés toniques et aphrodisiaques reconnues depuis des siècles en médecine traditionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-evir-grid\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"soi-evir-card\"\u003e\n \u003ch3\u003e⚡ Zinc\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'un taux normal de testostérone dans le sang (allégation officielle EFSA).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-card\"\u003e\n \u003ch3\u003e🔬 Sélénium\u003c\/h3\u003e\n \u003cp\u003eFavorise une spermatogenèse normale et améliore la qualité du sperme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-card\"\u003e\n \u003ch3\u003e💊 Vitamines B1, B2 et B3\u003c\/h3\u003e\n \u003cp\u003eParticipent à la réduction de la fatigue et au bon fonctionnement du métabolisme énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition --\u003e\n \u003csection class=\"soi-evir-section\"\u003e\n \u003ch2\u003eComposition complète et dosage par gélule (555 mg)\u003c\/h2\u003e\n \u003cdiv class=\"soi-evir-compo\"\u003e\n \u003cdiv class=\"soi-evir-compo-row\"\u003e\n \u003cspan class=\"soi-evir-compo-label\"\u003eTribulus terrestris (extrait)\u003c\/span\u003e\n \u003cspan class=\"soi-evir-compo-value\"\u003eDosage concentré, action optimale sur la libido\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-compo-row\"\u003e\n \u003cspan class=\"soi-evir-compo-label\"\u003eMaca (Lepidium meyenii)\u003c\/span\u003e\n \u003cspan class=\"soi-evir-compo-value\"\u003eRacine séchée en poudre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-compo-row\"\u003e\n \u003cspan class=\"soi-evir-compo-label\"\u003eGingembre (Zingiber officinale)\u003c\/span\u003e\n \u003cspan class=\"soi-evir-compo-value\"\u003eRhizome en poudre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-compo-row\"\u003e\n \u003cspan class=\"soi-evir-compo-label\"\u003eSafran (Crocus sativus)\u003c\/span\u003e\n \u003cspan class=\"soi-evir-compo-value\"\u003ePistils titrés en safranal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-compo-row\"\u003e\n \u003cspan class=\"soi-evir-compo-label\"\u003eZinc\u003c\/span\u003e\n \u003cspan class=\"soi-evir-compo-value\"\u003eVNR 10 mg\/j, taux normal de testostérone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-compo-row\"\u003e\n \u003cspan class=\"soi-evir-compo-label\"\u003eSélénium\u003c\/span\u003e\n \u003cspan class=\"soi-evir-compo-value\"\u003eVNR 55 µg\/j, spermatogenèse normale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-compo-row\"\u003e\n \u003cspan class=\"soi-evir-compo-label\"\u003eVitamine B1, B2, B3\u003c\/span\u003e\n \u003cspan class=\"soi-evir-compo-value\"\u003eRéduction de la fatigue\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-compo-row\"\u003e\n \u003cspan class=\"soi-evir-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"soi-evir-compo-value\"\u003eGélule végétale (HPMC), sans gélatine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-evir-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-evir-card-mini\"\u003e\n \u003cspan class=\"soi-evir-card-mini-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"soi-evir-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-evir-card-mini-value\"\u003e60 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-card-mini\"\u003e\n \u003cspan class=\"soi-evir-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-evir-card-mini-label\"\u003ePar gélule\u003c\/span\u003e\n \u003cspan class=\"soi-evir-card-mini-value\"\u003e555 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-card-mini\"\u003e\n \u003cspan class=\"soi-evir-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-evir-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-evir-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-card-mini\"\u003e\n \u003cspan class=\"soi-evir-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-evir-card-mini-label\"\u003eRégime\u003c\/span\u003e\n \u003cspan class=\"soi-evir-card-mini-value\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Posologie --\u003e\n \u003csection class=\"soi-evir-section\"\u003e\n \u003ch2\u003eComment prendre Énergie Virile ? Posologie recommandée\u003c\/h2\u003e\n \u003cdiv class=\"soi-evir-timeline\"\u003e\n \u003cdiv class=\"soi-evir-step\"\u003e\n \u003cdiv class=\"soi-evir-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-evir-step-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, de préférence au moment des repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-step\"\u003e\n \u003cdiv class=\"soi-evir-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-evir-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e4 à 6 semaines minimum\u003c\/strong\u003e est recommandée pour ressentir des effets durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-evir-step\"\u003e\n \u003cdiv class=\"soi-evir-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-evir-step-content\"\u003e\n \u003ch3\u003eCompatibilité alimentaire\u003c\/h3\u003e\n \u003cp\u003eConvient aux régimes \u003cstrong\u003evégétarien et vegan\u003c\/strong\u003e. Non recommandé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-evir-tip\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-evir-tip-icon\"\u003e⚕️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eRappel important\u003c\/strong\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical. En cas de trouble érectile persistant, consultez un médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-evir-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-evir-cta-box\"\u003e\n \u003cp class=\"soi-evir-cta-tag\" style=\"color: white;\"\u003eRetrouver sa vitalité naturellement\u003c\/p\u003e\n \u003cp class=\"soi-evir-cta-text\" style=\"color: white;\"\u003eÉnergie Virile réunit le meilleur des plantes toniques et des micronutriments essentiels pour une libido active, une érection de qualité et une vraie vitalité au quotidien. Parce qu'une vie intime épanouie, cela se soutient aussi de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-evir-marine: #1A2D3D;\n --soi-evir-marine-dark: #0F1E2B;\n --soi-evir-marine-light: #2C4458;\n --soi-evir-pomme: #A1C544;\n --soi-evir-pomme-dark: #84A636;\n --soi-evir-pomme-light: rgba(161,197,68,0.10);\n --soi-evir-white: #FFFFFF;\n --soi-evir-off-white: #F8FAF6;\n --soi-evir-stone: #F1F3EE;\n --soi-evir-line: #E5E8E0;\n --soi-evir-primary: #C23B3B;\n --soi-evir-primary-soft: #F4E8E8;\n --soi-evir-accent: #D88542;\n --soi-evir-text: #1A2D3D;\n --soi-evir-text-soft: #4A5B6B;\n --soi-evir-text-muted: #7B8693;\n --soi-evir-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-evir-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-evir-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-evir-radius: 12px;\n --soi-evir-radius-sm: 8px;\n --soi-evir-radius-pill: 999px;\n}\n\n.soi-evir-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-evir-fiche img { max-width: 100%; height: auto; }\n\n.soi-evir-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-evir-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-evir-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-evir-hero {\n position: relative;\n background: var(--soi-evir-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-evir-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-evir-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-evir-pomme);\n}\n\n.soi-evir-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-evir-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-evir-pomme);\n border-radius: 50%;\n}\n\n.soi-evir-hero-title {\n display: block;\n color: var(--soi-evir-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-evir-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-evir-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-evir-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-evir-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-evir-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-evir-label-accent {\n background: var(--soi-evir-pomme);\n border-color: var(--soi-evir-pomme);\n color: var(--soi-evir-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-evir-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-evir-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-evir-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-evir-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-evir-pomme);\n border-radius: 2px;\n}\n\n.soi-evir-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-evir-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-evir-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-evir-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-evir-benefit {\n background: var(--soi-evir-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-evir-radius);\n border: 1px solid var(--soi-evir-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-evir-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-evir-shadow-md);\n}\n\n.soi-evir-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-evir-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-evir-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-evir-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-evir-benefit:hover .soi-evir-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-evir-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-evir-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-evir-benefit p {\n font-size: 13px;\n color: var(--soi-evir-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-evir-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-evir-card {\n background: var(--soi-evir-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-evir-radius);\n border-left: 3px solid var(--soi-evir-pomme);\n}\n\n.soi-evir-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-evir-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-evir-card p {\n font-size: 14px;\n color: var(--soi-evir-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-evir-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-evir-card-mini {\n background: var(--soi-evir-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-evir-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-evir-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-evir-card-mini-label {\n font-size: 11px;\n color: var(--soi-evir-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-evir-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-evir-marine);\n}\n\n\/* COMPOSITION *\/\n.soi-evir-compo {\n background: var(--soi-evir-off-white);\n border-radius: var(--soi-evir-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-evir-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-evir-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-evir-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-evir-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-evir-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-evir-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-evir-marine);\n text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-evir-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-evir-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-evir-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-evir-radius);\n border: 1px solid var(--soi-evir-line);\n align-items: flex-start;\n}\n\n.soi-evir-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-evir-marine);\n color: var(--soi-evir-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-evir-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-evir-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-evir-step-content p {\n font-size: 14px;\n color: var(--soi-evir-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIP *\/\n.soi-evir-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-evir-pomme-light);\n border-left: 4px solid var(--soi-evir-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-evir-radius) var(--soi-evir-radius) 0;\n align-items: flex-start;\n}\n\n.soi-evir-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-evir-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-evir-marine);\n margin-bottom: 4px;\n}\n\n.soi-evir-tip p {\n font-size: 14px;\n color: var(--soi-evir-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-evir-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-evir-accordion-item {\n background: var(--soi-evir-off-white);\n border-radius: var(--soi-evir-radius-sm);\n border: 1px solid var(--soi-evir-line);\n overflow: hidden;\n}\n\n.soi-evir-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-evir-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-evir-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-evir-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-evir-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-evir-accordion-item[open] .soi-evir-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-evir-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-evir-accordion-content p {\n font-size: 14px;\n color: var(--soi-evir-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-evir-cta-box {\n background: var(--soi-evir-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-evir-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-evir-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-evir-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-evir-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-evir-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-evir-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-evir-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-evir-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-evir-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-evir-compo-value {\n text-align: left;\n }\n\n .soi-evir-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-evir-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-evir-fiche {\n --soi-evir-text-soft: #2C3E50;\n --soi-evir-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61603097084234,"sku":"LC9080","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/energie-virile-vegan-en-gelules-packshot.webp?v=1779712585"},{"product_id":"equibase-60-gelules","title":"Equibase en gélules - Laboratoire Code","description":"\n\u003cdiv class=\"soi-eqbs-fiche\"\u003e\n\n \u003csection class=\"soi-eqbs-hero\"\u003e\n \u003cdiv class=\"soi-eqbs-hero-tag\"\u003e\n \u003cspan class=\"soi-eqbs-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-eqbs-hero-title\"\u003eEquibase en gélules\u003c\/span\u003e\n \u003cp class=\"soi-eqbs-hero-subtitle\"\u003eRetrouvez votre équilibre acido-basique grâce à une synergie de zinc, calcium, magnésium et manganèse, pour un organisme apaisé et revitalisé au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-eqbs-hero-labels\"\u003e\n \u003cspan class=\"soi-eqbs-label soi-eqbs-label-accent\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-label\"\u003eSANS GÉLATINE ANIMALE\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-label\"\u003eSANS COLORANTS ARTIFICIELS\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-label\"\u003eADAPTÉ AUX VÉGÉTARIENS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-eqbs-section\"\u003e\n \u003ch2\u003eEquibase : le complément pour retrouver votre équilibre acido-basique\u003c\/h2\u003e\n \u003cp\u003eVous vous réveillez fatigué sans raison apparente ? Vous ressentez des lourdeurs digestives, une peau grasse au réveil ou des variations d'humeur fréquentes ? Ces signaux peuvent indiquer un déséquilibre acido-basique.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eEquibase de Laboratoire Code\u003c\/strong\u003e est une formule ciblée, à base de zinc, calcium, magnésium et manganèse, conçue pour aider votre organisme à retrouver et maintenir un pH corporel équilibré.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-eqbs-section\"\u003e\n \u003ch2\u003ePourquoi l'équilibre acido-basique est-il si important ?\u003c\/h2\u003e\n \u003cp\u003eLe corps humain fonctionne de manière optimale lorsque son pH sanguin reste autour de 7,4, soit légèrement alcalin. Un régime alimentaire trop riche en sucres, en protéines animales ou en produits transformés, associé au stress et à la sédentarité, peut perturber cet équilibre et générer une acidose latente.\u003c\/p\u003e\n \u003cp\u003eRésultat : fatigue chronique, digestion difficile, baisse des défenses naturelles et vieillissement cellulaire accéléré.\u003c\/p\u003e\n \u003cdiv class=\"soi-eqbs-tip\"\u003e\n \u003cdiv class=\"soi-eqbs-tip-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003eEquibase agit à plusieurs niveaux pour soutenir cet équilibre de l'intérieur, en combinant quatre minéraux essentiels au métabolisme acido-basique normal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-eqbs-section\"\u003e\n \u003ch2\u003eLes bienfaits clés d'Equibase\u003c\/h2\u003e\n \u003cdiv class=\"soi-eqbs-benefits\"\u003e\n \u003cdiv class=\"soi-eqbs-benefit\"\u003e\n \u003cdiv class=\"soi-eqbs-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉquilibre acido-basique\u003c\/h3\u003e\n \u003cp\u003eLe zinc, le calcium et le magnésium contribuent au maintien d'un métabolisme acido-basique normal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-benefit\"\u003e\n \u003cdiv class=\"soi-eqbs-benefit-icon\"\u003e\u003cspan\u003e🫄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDigestion facilitée\u003c\/h3\u003e\n \u003cp\u003eLe calcium soutient le fonctionnement normal des enzymes digestives, pour une digestion plus fluide au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-benefit\"\u003e\n \u003cdiv class=\"soi-eqbs-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoutien rénal\u003c\/h3\u003e\n \u003cp\u003eLe magnésium aide les reins à réguler les niveaux d'acidité et d'alcalinité, contribuant à prévenir l'acidose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-benefit\"\u003e\n \u003cdiv class=\"soi-eqbs-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRéduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eAvec 100 % des AJR en zinc et en manganèse, Equibase soutient votre vitalité et votre humeur au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-eqbs-tip-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eProtection cellulaire\u003c\/strong\u003e\n \u003cp\u003eLe zinc contribue également à protéger les cellules contre le stress oxydatif et participe au métabolisme normal des glucides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-eqbs-section\"\u003e\n \u003ch2\u003eComposition détaillée : que contient chaque gélule ?\u003c\/h2\u003e\n \u003cp class=\"soi-eqbs-section-intro\"\u003eChaque gélule végétale de 573 mg contient une association précise de minéraux essentiels au métabolisme acido-basique :\u003c\/p\u003e\n \u003cdiv class=\"soi-eqbs-compo\"\u003e\n \u003cdiv class=\"soi-eqbs-compo-row\"\u003e\n \u003cspan class=\"soi-eqbs-compo-label\"\u003eZinc\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-compo-value\"\u003e10 mg (100 % AJR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-compo-row\"\u003e\n \u003cspan class=\"soi-eqbs-compo-label\"\u003eManganèse\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-compo-value\"\u003e2 mg (100 % AJR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-compo-row\"\u003e\n \u003cspan class=\"soi-eqbs-compo-label\"\u003eMagnésium\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-compo-value\"\u003eContribue à l'équilibre acido-basique et à la réduction de la fatigue\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-compo-row\"\u003e\n \u003cspan class=\"soi-eqbs-compo-label\"\u003eCalcium\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-compo-value\"\u003eSoutien du fonctionnement enzymatique digestif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-compo-row\"\u003e\n \u003cspan class=\"soi-eqbs-compo-label\"\u003eGélule\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-compo-value\"\u003eOrigine végétale, sans gélatine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-compo-row\"\u003e\n \u003cspan class=\"soi-eqbs-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-compo-value\"\u003eSans colorants artificiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-eqbs-card-mini\"\u003e\n \u003cspan class=\"soi-eqbs-card-mini-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-card-mini-value\"\u003e60 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-card-mini\"\u003e\n \u003cspan class=\"soi-eqbs-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-card-mini-label\"\u003ePar gélule\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-card-mini-value\"\u003e573 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-card-mini\"\u003e\n \u003cspan class=\"soi-eqbs-card-mini-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-card-mini-label\"\u003eDurée de cure\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-card-mini-value\"\u003e1 mois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-card-mini\"\u003e\n \u003cspan class=\"soi-eqbs-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-card-mini-label\"\u003eGélule\u003c\/span\u003e\n \u003cspan class=\"soi-eqbs-card-mini-value\"\u003eVégétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-eqbs-section\"\u003e\n \u003ch2\u003eComment prendre Equibase ? Posologie recommandée\u003c\/h2\u003e\n \u003cdiv class=\"soi-eqbs-timeline\"\u003e\n \u003cdiv class=\"soi-eqbs-step\"\u003e\n \u003cdiv class=\"soi-eqbs-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-step-content\"\u003e\n \u003ch3\u003ePosologie conseillée\u003c\/h3\u003e\n \u003cp\u003ePrenez 2 gélules par jour, à avaler avec un grand verre d'eau, de préférence au moment du repas principal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-step\"\u003e\n \u003cdiv class=\"soi-eqbs-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-step-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003e1 mois minimum, renouvelable selon vos besoins. Une cure de 6 à 8 semaines permet généralement de constater les premiers effets durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-step\"\u003e\n \u003cdiv class=\"soi-eqbs-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-step-content\"\u003e\n \u003ch3\u003eConditionnement\u003c\/h3\u003e\n \u003cp\u003eLa boîte contient 60 gélules végétales, soit 1 mois de cure à raison de 2 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-eqbs-section\"\u003e\n \u003ch2\u003eEquibase est-il fait pour vous ?\u003c\/h2\u003e\n \u003cp class=\"soi-eqbs-section-intro\"\u003eCe complément est particulièrement adapté si vous ressentez plusieurs de ces signes :\u003c\/p\u003e\n \u003cdiv class=\"soi-eqbs-grid\"\u003e\n \u003cdiv class=\"soi-eqbs-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eVous vous sentez épuisé même après une nuit de sommeil complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-card\"\u003e\n \u003ch3\u003e🫃 Inconfort digestif\u003c\/h3\u003e\n \u003cp\u003eVous ressentez des lourdeurs ou un inconfort après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-card\"\u003e\n \u003ch3\u003e🧴 Peau grasse au réveil\u003c\/h3\u003e\n \u003cp\u003eVous constatez une peau grasse au réveil ou une mauvaise haleine persistante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-card\"\u003e\n \u003ch3\u003e😔 Humeur instable\u003c\/h3\u003e\n \u003cp\u003eVous observez des variations d'humeur ou une baisse de tonus général.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-card\"\u003e\n \u003ch3\u003e🍖 Alimentation acidifiante\u003c\/h3\u003e\n \u003cp\u003eVotre régime est riche en produits acidifiants : viandes, sucres, alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-eqbs-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-eqbs-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePrécaution importante\u003c\/strong\u003e\n \u003cp\u003eCe produit ne remplace pas un traitement médical. En cas de doute ou de pathologie, consultez un professionnel de santé avant toute cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"soi-eqbs-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-eqbs-cta-box\"\u003e\n \u003cp class=\"soi-eqbs-cta-tag\" style=\"color: white;\"\u003eVotre équilibre intérieur, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-eqbs-cta-text\" style=\"color: white;\"\u003eAvec Equibase, vous donnez à votre organisme les nutriments essentiels pour rétablir son pH naturel, retrouver de l'énergie et vous sentir bien dans votre corps, simplement, chaque jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-eqbs-marine: #1A2D3D;\n --soi-eqbs-marine-dark: #0F1E2B;\n --soi-eqbs-marine-light: #2C4458;\n --soi-eqbs-pomme: #A1C544;\n --soi-eqbs-pomme-dark: #84A636;\n --soi-eqbs-pomme-light: rgba(161,197,68,0.10);\n --soi-eqbs-white: #FFFFFF;\n --soi-eqbs-off-white: #F8FAF6;\n --soi-eqbs-stone: #F1F3EE;\n --soi-eqbs-line: #E5E8E0;\n --soi-eqbs-primary: #7BAFD4;\n --soi-eqbs-primary-soft: rgba(123,175,212,0.12);\n --soi-eqbs-accent: #D44040;\n --soi-eqbs-text: #1A2D3D;\n --soi-eqbs-text-soft: #4A5B6B;\n --soi-eqbs-text-muted: #7B8693;\n --soi-eqbs-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-eqbs-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-eqbs-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-eqbs-radius: 12px;\n --soi-eqbs-radius-sm: 8px;\n --soi-eqbs-radius-pill: 999px;\n}\n\n.soi-eqbs-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-eqbs-fiche img { max-width: 100%; height: auto; }\n\n.soi-eqbs-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-eqbs-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-eqbs-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-eqbs-hero {\n position: relative;\n background: var(--soi-eqbs-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-eqbs-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-eqbs-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-eqbs-pomme);\n}\n\n.soi-eqbs-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-eqbs-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-eqbs-pomme);\n border-radius: 50%;\n}\n\n.soi-eqbs-hero-title {\n display: block;\n color: var(--soi-eqbs-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-eqbs-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-eqbs-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-eqbs-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-eqbs-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-eqbs-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-eqbs-label-accent {\n background: var(--soi-eqbs-pomme);\n border-color: var(--soi-eqbs-pomme);\n color: var(--soi-eqbs-marine);\n font-weight: 600;\n}\n\n.soi-eqbs-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-eqbs-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-eqbs-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-eqbs-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-eqbs-pomme);\n border-radius: 2px;\n}\n\n.soi-eqbs-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-eqbs-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-eqbs-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-eqbs-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-eqbs-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-eqbs-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-eqbs-benefit {\n background: var(--soi-eqbs-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-eqbs-radius);\n border: 1px solid var(--soi-eqbs-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-eqbs-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-eqbs-shadow-md);\n}\n\n.soi-eqbs-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-eqbs-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-eqbs-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-eqbs-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-eqbs-benefit:hover .soi-eqbs-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-eqbs-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-eqbs-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-eqbs-benefit p {\n font-size: 13px;\n color: var(--soi-eqbs-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-eqbs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-eqbs-card {\n background: var(--soi-eqbs-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-eqbs-radius);\n border-left: 3px solid var(--soi-eqbs-pomme);\n}\n\n.soi-eqbs-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-eqbs-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-eqbs-card p {\n font-size: 14px;\n color: var(--soi-eqbs-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-eqbs-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-eqbs-card-mini {\n background: var(--soi-eqbs-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-eqbs-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-eqbs-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-eqbs-card-mini-label {\n font-size: 11px;\n color: var(--soi-eqbs-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-eqbs-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-eqbs-marine);\n}\n\n.soi-eqbs-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-eqbs-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-eqbs-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-eqbs-radius);\n border: 1px solid var(--soi-eqbs-line);\n align-items: flex-start;\n}\n\n.soi-eqbs-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-eqbs-marine);\n color: var(--soi-eqbs-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-eqbs-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-eqbs-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-eqbs-step-content p {\n font-size: 14px;\n color: var(--soi-eqbs-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-eqbs-compo {\n background: var(--soi-eqbs-off-white);\n border-radius: var(--soi-eqbs-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-eqbs-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-eqbs-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-eqbs-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-eqbs-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-eqbs-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-eqbs-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-eqbs-marine);\n text-align: right;\n}\n\n.soi-eqbs-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-eqbs-pomme-light);\n border-left: 4px solid var(--soi-eqbs-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-eqbs-radius) var(--soi-eqbs-radius) 0;\n align-items: flex-start;\n}\n\n.soi-eqbs-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-eqbs-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-eqbs-marine);\n margin-bottom: 4px;\n}\n\n.soi-eqbs-tip p {\n font-size: 14px;\n color: var(--soi-eqbs-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-eqbs-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-eqbs-accordion-item {\n background: var(--soi-eqbs-off-white);\n border-radius: var(--soi-eqbs-radius-sm);\n border: 1px solid var(--soi-eqbs-line);\n overflow: hidden;\n}\n\n.soi-eqbs-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-eqbs-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-eqbs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-eqbs-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-eqbs-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-eqbs-accordion-item[open] .soi-eqbs-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-eqbs-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-eqbs-accordion-content p {\n font-size: 14px;\n color: var(--soi-eqbs-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-eqbs-cta-box {\n background: var(--soi-eqbs-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-eqbs-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-eqbs-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-eqbs-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-eqbs-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-eqbs-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-eqbs-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-eqbs-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-eqbs-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-eqbs-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-eqbs-compo-value {\n text-align: left;\n }\n\n .soi-eqbs-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-eqbs-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-eqbs-fiche {\n --soi-eqbs-text-soft: #2C3E50;\n --soi-eqbs-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61603173499210,"sku":"LC1016","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/equibase-en-gelules-packshot.webp?v=1779712337"},{"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":17.9,"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":"glutathion-60-gelules","title":"Glutathion Réduit 50 mg Vegan en gélules","description":"\n\u003cdiv class=\"soi-glut-fiche\"\u003e\n\n \u003csection class=\"soi-glut-hero\"\u003e\n \u003cdiv class=\"soi-glut-hero-tag\"\u003e\n \u003cspan class=\"soi-glut-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-glut-hero-title\"\u003eGlutathion Réduit Vegan en gélules\u003c\/span\u003e\n \u003cp class=\"soi-glut-hero-subtitle\"\u003eLe maître antioxydant sous forme réduite, en gélules végétales fabriquées en France. 50 mg de glutathion pur par gélule pour soutenir vos défenses cellulaires, votre détoxification hépatique et l'éclat naturel de votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-glut-hero-labels\"\u003e\n \u003cspan class=\"soi-glut-label soi-glut-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-glut-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-glut-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003cspan class=\"soi-glut-label\"\u003eSANS OGM\u003c\/span\u003e\n \u003cspan class=\"soi-glut-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-glut-section\"\u003e\n \u003ch2\u003eGlutathion réduit en gélules végétales : le maître antioxydant enfin disponible en version vegan\u003c\/h2\u003e\n \u003cp\u003eVous avez entendu parler du glutathion et vous cherchez un complément fiable, sans compromis sur la qualité ? Le Glutathion 50 mg de Laboratoire Code est formulé avec du glutathion réduit pur, conditionné en 60 gélules végétales de 375 mg, fabriqué en France et certifié vegan. Une formule simple, transparente et efficace.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-glut-section\"\u003e\n \u003ch2\u003ePourquoi le glutathion est-il si précieux pour l'organisme ?\u003c\/h2\u003e\n \u003cp\u003eLe glutathion est un tripeptide naturellement produit par vos cellules, composé de trois acides aminés : L-glycine, L-cystéine et L-glutamate. Il est souvent surnommé « maître antioxydant » car il agit directement à l'intérieur des cellules, là où les antioxydants classiques comme la vitamine C ne peuvent pas toujours atteindre.\u003c\/p\u003e\n \u003cp\u003eAvec l'âge, le stress, la pollution ou une alimentation déséquilibrée, la production naturelle de glutathion diminue sensiblement. Une supplémentation peut alors contribuer à soutenir les défenses cellulaires, la détoxification hépatique et l'éclat naturel de la peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-glut-section\"\u003e\n \u003ch2\u003eCe que ce complément peut vous apporter au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-glut-benefits\"\u003e\n \u003cdiv class=\"soi-glut-benefit\"\u003e\n \u003cdiv class=\"soi-glut-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAntioxydant cellulaire puissant\u003c\/h3\u003e\n \u003cp\u003eLe glutathion réduit neutralise les radicaux libres au cœur même des cellules, limitant le stress oxydatif associé au vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glut-benefit\"\u003e\n \u003cdiv class=\"soi-glut-benefit-icon\"\u003e\u003cspan\u003e🧬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoutien de la détoxification\u003c\/h3\u003e\n \u003cp\u003eIl joue un rôle central dans l'élimination des toxines par le foie, en se liant aux substances indésirables pour faciliter leur excrétion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glut-benefit\"\u003e\n \u003cdiv class=\"soi-glut-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau plus lumineuse\u003c\/h3\u003e\n \u003cp\u003eReconnu pour son action sur la mélanine, le glutathion est très recherché comme gélule éclaircissante naturelle, notamment pour unifier le teint et réduire les taches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glut-benefit\"\u003e\n \u003cdiv class=\"soi-glut-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eIl favorise la prolifération des lymphocytes T, des cellules clés de votre système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glut-benefit\"\u003e\n \u003cdiv class=\"soi-glut-benefit-icon\"\u003e\u003cspan\u003e❤️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBien-être cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eEn réduisant l'oxydation des lipides, il contribue à préserver la santé des vaisseaux sanguins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-glut-section\"\u003e\n \u003ch2\u003eComposition et posologie détaillées\u003c\/h2\u003e\n \u003cp class=\"soi-glut-section-intro\"\u003eChaque gélule végétale de 375 mg contient une formule épurée, centrée sur un seul actif sous sa forme la plus biodisponible.\u003c\/p\u003e\n \u003cdiv class=\"soi-glut-compo\"\u003e\n \u003cdiv class=\"soi-glut-compo-row\"\u003e\n \u003cspan class=\"soi-glut-compo-label\"\u003eActif principal (par gélule)\u003c\/span\u003e\n \u003cspan class=\"soi-glut-compo-value\"\u003eGlutathion réduit : 50 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glut-compo-row\"\u003e\n \u003cspan class=\"soi-glut-compo-label\"\u003eCharge\u003c\/span\u003e\n \u003cspan class=\"soi-glut-compo-value\"\u003eFarine de riz\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glut-compo-row\"\u003e\n \u003cspan class=\"soi-glut-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"soi-glut-compo-value\"\u003eHydroxypropylméthylcellulose (HPMC, origine végétale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glut-compo-row\"\u003e\n \u003cspan class=\"soi-glut-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-glut-compo-value\"\u003e60 gélules végétales de 375 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glut-compo-row\"\u003e\n \u003cspan class=\"soi-glut-compo-label\"\u003eDurée de cure conseillée\u003c\/span\u003e\n \u003cspan class=\"soi-glut-compo-value\"\u003e6 à 8 semaines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-glut-timeline\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-glut-step\"\u003e\n \u003cdiv class=\"soi-glut-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-glut-step-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003e1 à 2 gélules par jour, de préférence le matin à jeun ou avant un repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glut-step\"\u003e\n \u003cdiv class=\"soi-glut-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-glut-step-content\"\u003e\n \u003ch3\u003eOptimisez l'absorption\u003c\/h3\u003e\n \u003cp\u003ePour potentialiser l'efficacité du glutathion, vous pouvez l'associer à une vitamine C qui aide à le régénérer sous sa forme active.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-glut-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-glut-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUne cure de 6 à 8 semaines est généralement conseillée pour observer des effets visibles, notamment sur l'éclat de la peau. L'association avec une vitamine C liposomale potentialise les effets antioxydants du glutathion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-glut-section\"\u003e\n \u003ch2\u003eEffets secondaires : ce qu'il faut savoir\u003c\/h2\u003e\n \u003cp\u003eLe glutathion en gélules est globalement bien toléré. À doses raisonnables, les effets secondaires restent rares : quelques cas de gênes digestives légères ont été rapportés en début de cure. En cas de traitement médical en cours, de grossesse ou d'allaitement, consultez toujours votre médecin avant de démarrer une supplémentation. Ce complément ne remplace en aucun cas un traitement médical prescrit.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-glut-section\"\u003e\n \u003ch2\u003eLes points forts qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-glut-grid-compact\"\u003e\n \u003cdiv class=\"soi-glut-card-mini\"\u003e\n \u003cspan class=\"soi-glut-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-glut-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-glut-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glut-card-mini\"\u003e\n \u003cspan class=\"soi-glut-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-glut-card-mini-label\"\u003eGélules\u003c\/span\u003e\n \u003cspan class=\"soi-glut-card-mini-value\"\u003eVégétales HPMC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glut-card-mini\"\u003e\n \u003cspan class=\"soi-glut-card-mini-icon\"\u003e⚗️\u003c\/span\u003e\n \u003cspan class=\"soi-glut-card-mini-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"soi-glut-card-mini-value\"\u003eGlutathion réduit\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glut-card-mini\"\u003e\n \u003cspan class=\"soi-glut-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-glut-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-glut-card-mini-value\"\u003eOGM, gluten, lactose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003eFormule épurée, sans additifs inutiles. Adaptée aux régimes végétarien et vegan.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-glut-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le glutathion en gélules\u003c\/h2\u003e\n \u003cdiv class=\"soi-glut-accordion\"\u003e\n \u003cdetails class=\"soi-glut-accordion-item\"\u003e\n \u003csummary class=\"soi-glut-accordion-header\"\u003e🔬 Peut-on associer glutathion et vitamine C liposomale ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-glut-accordion-content\"\u003e\n \u003cp\u003eOui, c'est même conseillé. La vitamine C aide à maintenir le glutathion sous sa forme active et potentialise ses effets antioxydants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-glut-accordion-item\"\u003e\n \u003csummary class=\"soi-glut-accordion-header\"\u003e✨ Le glutathion éclaircit-il vraiment la peau ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-glut-accordion-content\"\u003e\n \u003cp\u003eIl est reconnu pour moduler la production de mélanine. Les résultats varient selon les profils, la dose et la durée de la cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-glut-accordion-item\"\u003e\n \u003csummary class=\"soi-glut-accordion-header\"\u003e⏱️ Combien de temps pour voir des effets ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-glut-accordion-content\"\u003e\n \u003cp\u003eEn moyenne, comptez 4 à 8 semaines de prise régulière pour constater des changements sur la peau et le niveau d'énergie ressenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-glut-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-glut-cta-box\"\u003e\n \u003cp class=\"soi-glut-cta-tag\" style=\"color: white;\"\u003ePrenez soin de vos cellules naturellement\u003c\/p\u003e\n \u003cp class=\"soi-glut-cta-text\" style=\"color: white;\"\u003eLe Glutathion vegan de Laboratoire Code : un antioxydant majeur, une formule claire et une fabrication française. Pour un teint unifié, des défenses renforcées et un organisme qui respire mieux, chaque jour compte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-glut-marine: #1A2D3D;\n --soi-glut-marine-dark: #0F1E2B;\n --soi-glut-marine-light: #2C4458;\n --soi-glut-pomme: #A1C544;\n --soi-glut-pomme-dark: #84A636;\n --soi-glut-pomme-light: rgba(161,197,68,0.10);\n --soi-glut-white: #FFFFFF;\n --soi-glut-off-white: #F8FAF6;\n --soi-glut-stone: #F1F3EE;\n --soi-glut-line: #E5E8E0;\n --soi-glut-primary: #A8BFD8;\n --soi-glut-primary-soft: #D4E2F0;\n --soi-glut-accent: #7A9AB5;\n --soi-glut-text: #1A2D3D;\n --soi-glut-text-soft: #4A5B6B;\n --soi-glut-text-muted: #7B8693;\n --soi-glut-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-glut-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-glut-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-glut-radius: 12px;\n --soi-glut-radius-sm: 8px;\n --soi-glut-radius-pill: 999px;\n}\n\n.soi-glut-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-glut-fiche img { max-width: 100%; height: auto; }\n\n.soi-glut-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-glut-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-glut-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-glut-hero {\n position: relative;\n background: var(--soi-glut-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-glut-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-glut-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-glut-pomme);\n}\n\n.soi-glut-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-glut-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-glut-pomme);\n border-radius: 50%;\n}\n\n.soi-glut-hero-title {\n display: block;\n color: var(--soi-glut-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-glut-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-glut-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-glut-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-glut-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-glut-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-glut-label-accent {\n background: var(--soi-glut-pomme);\n border-color: var(--soi-glut-pomme);\n color: var(--soi-glut-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-glut-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-glut-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-glut-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-glut-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-glut-pomme);\n border-radius: 2px;\n}\n\n.soi-glut-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-glut-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-glut-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-glut-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-glut-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-glut-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-glut-benefit {\n background: var(--soi-glut-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-glut-radius);\n border: 1px solid var(--soi-glut-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-glut-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-glut-shadow-md);\n}\n\n.soi-glut-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-glut-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-glut-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-glut-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-glut-benefit:hover .soi-glut-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-glut-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-glut-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-glut-benefit p {\n font-size: 13px;\n color: var(--soi-glut-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-glut-compo {\n background: var(--soi-glut-off-white);\n border-radius: var(--soi-glut-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-glut-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-glut-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-glut-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-glut-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-glut-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-glut-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-glut-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-glut-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-glut-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-glut-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-glut-radius);\n border: 1px solid var(--soi-glut-line);\n align-items: flex-start;\n}\n\n.soi-glut-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-glut-marine);\n color: var(--soi-glut-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-glut-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-glut-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-glut-step-content p {\n font-size: 14px;\n color: var(--soi-glut-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-glut-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-glut-pomme-light);\n border-left: 4px solid var(--soi-glut-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-glut-radius) var(--soi-glut-radius) 0;\n align-items: flex-start;\n}\n\n.soi-glut-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-glut-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-glut-marine);\n margin-bottom: 4px;\n}\n\n.soi-glut-tip p {\n font-size: 14px;\n color: var(--soi-glut-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-glut-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-glut-card-mini {\n background: var(--soi-glut-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-glut-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-glut-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-glut-card-mini-label {\n font-size: 11px;\n color: var(--soi-glut-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-glut-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-glut-marine);\n}\n\n\/* === ACCORDION === *\/\n.soi-glut-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-glut-accordion-item {\n background: var(--soi-glut-off-white);\n border-radius: var(--soi-glut-radius-sm);\n border: 1px solid var(--soi-glut-line);\n overflow: hidden;\n}\n\n.soi-glut-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-glut-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-glut-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-glut-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-glut-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-glut-accordion-item[open] .soi-glut-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-glut-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-glut-accordion-content p {\n font-size: 14px;\n color: var(--soi-glut-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-glut-cta-box {\n background: var(--soi-glut-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-glut-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-glut-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-glut-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-glut-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-glut-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-glut-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-glut-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-glut-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-glut-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-glut-compo-value {\n text-align: left;\n }\n\n .soi-glut-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-glut-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-glut-fiche {\n --soi-glut-text-soft: #2C3E50;\n --soi-glut-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61603272950090,"sku":"LC9099","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/glutathion-vegan-en-gelules-packshot_64b33f35-a367-4219-8b5c-9c780fd24efa.webp?v=1780052154"},{"product_id":"vitamine-c-liposomale-60-gelules","title":"Vitamine C liposomale en gélules","description":"\u003cdiv class=\"soi-vitc-fiche\"\u003e\n\n \u003csection class=\"soi-vitc-hero\"\u003e\n \u003cdiv class=\"soi-vitc-hero-tag\"\u003e\n \u003cspan class=\"soi-vitc-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-vitc-hero-title\"\u003eVitamine C liposomale en gélules\u003c\/span\u003e\n \u003cp class=\"soi-vitc-hero-subtitle\"\u003eUne vitamine C encapsulée dans une membrane liposomale pour une biodisponibilité jusqu'à 2 à 3 fois supérieure aux formes classiques. Chaque milligramme travaille vraiment pour vous.\u003c\/p\u003e\n \u003cdiv class=\"soi-vitc-hero-labels\"\u003e\n \u003cspan class=\"soi-vitc-label soi-vitc-label-accent\"\u003e1000 MG\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-label\"\u003eSANS OGM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-vitc-section\"\u003e\n \u003ch2\u003ePourquoi la forme liposomale change tout\u003c\/h2\u003e\n \u003cp\u003eLa vitamine C traditionnelle, aussi bien dosée soit-elle, se heurte à un obstacle de taille : votre muqueuse intestinale. Au-delà d'une certaine dose, l'absorption chute drastiquement. La technologie liposomale contourne ce problème en enveloppant chaque molécule d'acide ascorbique dans une vésicule lipidique, similaire à la membrane de vos propres cellules. Résultat : la vitamine C est protégée des sucs gastriques, absorbée directement dans la lymphe, et livrée intacte là où elle est utile.\u003c\/p\u003e\n \u003cp\u003eConcrètement, si vous vous supplémentez pendant l'hiver ou en période de stress intense, cette vitamine C liposomale vous assure que chaque milligramme ingéré travaille vraiment pour vous.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-vitc-section\"\u003e\n \u003ch2\u003eLes bienfaits de la vitamine C liposomale 1000 mg\u003c\/h2\u003e\n \u003cdiv class=\"soi-vitc-benefits\"\u003e\n \u003cdiv class=\"soi-vitc-benefit\"\u003e\n \u003cdiv class=\"soi-vitc-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n \u003cp\u003eContribue au fonctionnement normal du système immunitaire, particulièrement utile en période hivernale ou de fatigue chronique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-benefit\"\u003e\n \u003cdiv class=\"soi-vitc-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRéduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eSoutient un métabolisme énergétique normal et aide à lutter contre l'épuisement physique et mental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-benefit\"\u003e\n \u003cdiv class=\"soi-vitc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAntioxydant puissant\u003c\/h3\u003e\n \u003cp\u003eNeutralise les radicaux libres et participe à la régénération de la vitamine E, protégeant vos cellules du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-benefit\"\u003e\n \u003cdiv class=\"soi-vitc-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSynthèse du collagène\u003c\/h3\u003e\n \u003cp\u003eIndispensable pour la santé de la peau, des gencives, des cartilages, des os et des vaisseaux sanguins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-benefit\"\u003e\n \u003cdiv class=\"soi-vitc-benefit-icon\"\u003e\u003cspan\u003e🩸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAbsorption du fer\u003c\/h3\u003e\n \u003cp\u003ePrise avec un repas riche en fer végétal, elle en multiplie significativement l'assimilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-benefit\"\u003e\n \u003cdiv class=\"soi-vitc-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSystème nerveux\u003c\/h3\u003e\n \u003cp\u003eContribue au fonctionnement normal du système nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-vitc-section\"\u003e\n \u003ch2\u003eComposition et posologie — ce qu'il y a vraiment dans la gélule\u003c\/h2\u003e\n \u003cp class=\"soi-vitc-section-intro\"\u003eChaque flacon contient 60 gélules végétales de 595 mg, pour une dose journalière de 1000 mg de vitamine C liposomale (soit 2 gélules par jour).\u003c\/p\u003e\n \u003cdiv class=\"soi-vitc-compo\"\u003e\n \u003cdiv class=\"soi-vitc-compo-row\"\u003e\n \u003cspan class=\"soi-vitc-compo-label\"\u003eAcide L-ascorbique (Vitamine C)\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-compo-value\"\u003e1000 mg\/jour — 1250 % des VNR*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-compo-row\"\u003e\n \u003cspan class=\"soi-vitc-compo-label\"\u003eAgent d'encapsulation liposomale\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-compo-value\"\u003eLécithine de tournesol\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-compo-row\"\u003e\n \u003cspan class=\"soi-vitc-compo-label\"\u003eEnveloppe végétale\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-compo-value\"\u003eHPMC — 100 % vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-compo-row\"\u003e\n \u003cspan class=\"soi-vitc-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-compo-value\"\u003e60 gélules végétales de 595 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-compo-row\"\u003e\n \u003cspan class=\"soi-vitc-compo-label\"\u003eGaranties\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-compo-value\"\u003eSans gluten, sans OGM, sans additif superflu\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-tip\"\u003e\n \u003cdiv class=\"soi-vitc-tip-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eNote\u003c\/strong\u003e\n \u003cp\u003e* VNR : Valeurs Nutritionnelles de Référence. Dose exprimée pour 2 gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-vitc-section\"\u003e\n \u003ch2\u003eComment prendre la vitamine C liposomale ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-vitc-timeline\"\u003e\n \u003cdiv class=\"soi-vitc-step\"\u003e\n \u003cdiv class=\"soi-vitc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-step-content\"\u003e\n \u003ch3\u003ePrenez 2 gélules par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin avec un grand verre d'eau, avant ou pendant le repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-step\"\u003e\n \u003cdiv class=\"soi-vitc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-step-content\"\u003e\n \u003ch3\u003eCure recommandée : 1 à 3 mois\u003c\/h3\u003e\n \u003cp\u003eÀ renouveler selon vos besoins (hiver, convalescence, fatigue saisonnière).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-step\"\u003e\n \u003cdiv class=\"soi-vitc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-step-content\"\u003e\n \u003ch3\u003eAssociez-la à une alimentation variée\u003c\/h3\u003e\n \u003cp\u003eCe complément ne remplace pas un repas équilibré ni un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-vitc-section\"\u003e\n \u003ch2\u003eEffets secondaires et précautions d'emploi\u003c\/h2\u003e\n \u003cp\u003eLa vitamine C liposomale est généralement très bien tolérée. À haute dose, une vitamine C classique peut provoquer des troubles digestifs (diarrhées, crampes) ; la forme liposomale réduit sensiblement ce risque grâce à son absorption progressive.\u003c\/p\u003e\n \u003cdiv class=\"soi-vitc-accordion\"\u003e\n \u003cdetails class=\"soi-vitc-accordion-item\"\u003e\n \u003csummary class=\"soi-vitc-accordion-header\"\u003e⚠️ Calculs rénaux\u003c\/summary\u003e\n \u003cdiv class=\"soi-vitc-accordion-content\"\u003e\n \u003cp\u003eDéconseillée en cas d'antécédents de calculs rénaux à l'oxalate. Consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-vitc-accordion-item\"\u003e\n \u003csummary class=\"soi-vitc-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"soi-vitc-accordion-content\"\u003e\n \u003cp\u003eDes interactions sont possibles avec certains médicaments anticoagulants. Demandez conseil à votre pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-vitc-accordion-item\"\u003e\n \u003csummary class=\"soi-vitc-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"soi-vitc-accordion-content\"\u003e\n \u003cp\u003eNon recommandée chez la femme enceinte ou allaitante sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-vitc-section\"\u003e\n \u003ch2\u003eFabriqué en France, certifié vegan\u003c\/h2\u003e\n \u003cp\u003eCette vitamine C liposomale en gélules est produite en France par Laboratoire Code, dans le respect des bonnes pratiques de fabrication. Les gélules sont 100 % d'origine végétale, convenant aux régimes vegan et végétarien. Aucune gélatine animale, aucun colorant artificiel.\u003c\/p\u003e\n \u003cdiv class=\"soi-vitc-grid-compact\"\u003e\n \u003cdiv class=\"soi-vitc-card-mini\"\u003e\n \u003cspan class=\"soi-vitc-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-card-mini\"\u003e\n \u003cspan class=\"soi-vitc-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-card-mini-label\"\u003eGélules\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-card-mini-value\"\u003e100 % végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-card-mini\"\u003e\n \u003cspan class=\"soi-vitc-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-card-mini-value\"\u003eGélatine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-vitc-card-mini\"\u003e\n \u003cspan class=\"soi-vitc-card-mini-icon\"\u003e🧪\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-card-mini-label\"\u003eColorant artificiel\u003c\/span\u003e\n \u003cspan class=\"soi-vitc-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-vitc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-vitc-cta-box\"\u003e\n \u003cp class=\"soi-vitc-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-vitc-cta-text\" style=\"color: white;\"\u003eChaque hiver, chaque coup de fatigue mérite une réponse à la hauteur. Offrez à votre corps une vitamine C vraiment absorbée, vraiment assimilée, vraiment utilisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-vitc-marine: #1A2D3D;\n --soi-vitc-marine-dark: #0F1E2B;\n --soi-vitc-marine-light: #2C4458;\n --soi-vitc-pomme: #A1C544;\n --soi-vitc-pomme-dark: #84A636;\n --soi-vitc-pomme-light: rgba(161,197,68,0.10);\n\n --soi-vitc-white: #FFFFFF;\n --soi-vitc-off-white: #F8FAF6;\n --soi-vitc-stone: #F1F3EE;\n --soi-vitc-line: #E5E8E0;\n\n --soi-vitc-primary: #B5CEE8;\n --soi-vitc-primary-soft: #D9E7F4;\n --soi-vitc-accent: #D14B4B;\n\n --soi-vitc-text: #1A2D3D;\n --soi-vitc-text-soft: #4A5B6B;\n --soi-vitc-text-muted: #7B8693;\n\n --soi-vitc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-vitc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-vitc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-vitc-radius: 12px;\n --soi-vitc-radius-sm: 8px;\n --soi-vitc-radius-pill: 999px;\n}\n\n.soi-vitc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-vitc-fiche img { max-width: 100%; height: auto; }\n\n.soi-vitc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-vitc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-vitc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-vitc-hero {\n position: relative;\n background: var(--soi-vitc-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-vitc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-vitc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-vitc-pomme);\n}\n\n.soi-vitc-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-vitc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-vitc-pomme);\n border-radius: 50%;\n}\n\n.soi-vitc-hero-title {\n display: block;\n color: var(--soi-vitc-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-vitc-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-vitc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-vitc-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-vitc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-vitc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-vitc-label-accent {\n background: var(--soi-vitc-pomme);\n border-color: var(--soi-vitc-pomme);\n color: var(--soi-vitc-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-vitc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-vitc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-vitc-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-vitc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-vitc-pomme);\n border-radius: 2px;\n}\n\n.soi-vitc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-vitc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-vitc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-vitc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-vitc-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-vitc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-vitc-benefit {\n background: var(--soi-vitc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-vitc-radius);\n border: 1px solid var(--soi-vitc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-vitc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-vitc-shadow-md);\n}\n\n.soi-vitc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-vitc-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-vitc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-vitc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-vitc-benefit:hover .soi-vitc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-vitc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-vitc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-vitc-benefit p {\n font-size: 13px;\n color: var(--soi-vitc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-vitc-compo {\n background: var(--soi-vitc-off-white);\n border-radius: var(--soi-vitc-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-vitc-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-vitc-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-vitc-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-vitc-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-vitc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-vitc-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-vitc-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-vitc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-vitc-pomme-light);\n border-left: 4px solid var(--soi-vitc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-vitc-radius) var(--soi-vitc-radius) 0;\n align-items: flex-start;\n}\n\n.soi-vitc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-vitc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-vitc-marine);\n margin-bottom: 4px;\n}\n\n.soi-vitc-tip p {\n font-size: 14px;\n color: var(--soi-vitc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-vitc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-vitc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-vitc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-vitc-radius);\n border: 1px solid var(--soi-vitc-line);\n align-items: flex-start;\n}\n\n.soi-vitc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-vitc-marine);\n color: var(--soi-vitc-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-vitc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-vitc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-vitc-step-content p {\n font-size: 14px;\n color: var(--soi-vitc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-vitc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-vitc-accordion-item {\n background: var(--soi-vitc-off-white);\n border-radius: var(--soi-vitc-radius-sm);\n border: 1px solid var(--soi-vitc-line);\n overflow: hidden;\n}\n\n.soi-vitc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-vitc-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-vitc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-vitc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-vitc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-vitc-accordion-item[open] .soi-vitc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-vitc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-vitc-accordion-content p {\n font-size: 14px;\n color: var(--soi-vitc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-vitc-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.25rem;\n}\n\n.soi-vitc-card-mini {\n background: var(--soi-vitc-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-vitc-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-vitc-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-vitc-card-mini-label {\n font-size: 11px;\n color: var(--soi-vitc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-vitc-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-vitc-marine);\n}\n\n\/* === CTA BOX === *\/\n.soi-vitc-cta-box {\n background: var(--soi-vitc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-vitc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-vitc-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-vitc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-vitc-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-vitc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-vitc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-vitc-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-vitc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-vitc-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-vitc-compo-value {\n text-align: left;\n }\n\n .soi-vitc-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-vitc-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-vitc-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-vitc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-vitc-fiche {\n --soi-vitc-text-soft: #2C3E50;\n --soi-vitc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61603290939722,"sku":"LC8002","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/vitamine-c-liposomale-en-gelules-packshot_9112804f-3c5d-4b02-bd57-9aea18d6f0cb.webp?v=1779189873"},{"product_id":"curcuma-poivre-noir-bio-60-gelules","title":"Curcuma et Poivre noir bio en gélules - Labo Code","description":"\n\u003cdiv class=\"soi-cupo-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-cupo-hero\"\u003e\n \u003cdiv class=\"soi-cupo-hero-tag\"\u003e\n \u003cspan class=\"soi-cupo-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-cupo-hero-title\"\u003eCurcuma et Poivre Noir Bio en Gélules\u003c\/span\u003e\n \u003cp class=\"soi-cupo-hero-subtitle\"\u003eLa synergie curcuminoïdes et pipérine pour contribuer à la santé de vos articulations, dans une formule bio, végane et hautement concentrée.\u003c\/p\u003e\n \u003cdiv class=\"soi-cupo-hero-labels\"\u003e\n \u003cspan class=\"soi-cupo-label soi-cupo-label-accent\"\u003eBIO · ECOCERT FR-BIO-01\u003c\/span\u003e\n \u003cspan class=\"soi-cupo-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-cupo-label\"\u003e95% CURCUMINOÏDES\u003c\/span\u003e\n \u003cspan class=\"soi-cupo-label\"\u003eSANS OGM\u003c\/span\u003e\n \u003cspan class=\"soi-cupo-label\"\u003e60 GÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi associer curcuma et poivre noir ? --\u003e\n \u003csection class=\"soi-cupo-section\"\u003e\n \u003ch2\u003ePourquoi associer curcuma et poivre noir ?\u003c\/h2\u003e\n \u003cp\u003eLa curcumine, principe actif du curcuma, est naturellement peu absorbée par l'organisme. Seule, elle traverse le système digestif sans être pleinement assimilée. C'est là qu'intervient la pipérine du poivre noir : elle augmente la biodisponibilité de la curcumine de façon significative, permettant à votre corps d'en tirer un bénéfice réel. Cette synergie fait aujourd'hui consensus dans la recherche en phytothérapie.\u003c\/p\u003e\n \u003cp\u003eConcrètement, si vous souffrez d'articulations sensibles, de raideurs matinales ou que vous souhaitez simplement maintenir votre confort articulaire sur le long terme, cette association curcuma et poivre noir est l'une des plus étudiées et des plus recommandées en naturopathie.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition complète par gélule (277 mg) --\u003e\n \u003csection class=\"soi-cupo-section\"\u003e\n \u003ch2\u003eComposition complète par gélule (277 mg)\u003c\/h2\u003e\n \u003cdiv class=\"soi-cupo-compo\"\u003e\n \u003cdiv class=\"soi-cupo-compo-row\"\u003e\n \u003cspan class=\"soi-cupo-compo-label\"\u003eExtrait de Curcuma longa bio (rhizome)\u003c\/span\u003e\n \u003cspan class=\"soi-cupo-compo-value\"\u003e250 mg · titré à 95% en curcuminoïdes (237,5 mg)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cupo-compo-row\"\u003e\n \u003cspan class=\"soi-cupo-compo-label\"\u003eExtrait de Poivre noir bio (fruit)\u003c\/span\u003e\n \u003cspan class=\"soi-cupo-compo-value\"\u003e25 mg · 1% de pipérine (0,25 mg)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cupo-compo-row\"\u003e\n \u003cspan class=\"soi-cupo-compo-label\"\u003eGélule végétale\u003c\/span\u003e\n \u003cspan class=\"soi-cupo-compo-value\"\u003eHPMC (hydroxypropylméthylcellulose), sans gélatine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cupo-compo-row\"\u003e\n \u003cspan class=\"soi-cupo-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-cupo-compo-value\"\u003eBoîte de 60 gélules végétales de 277 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cupo-grid-compact\"\u003e\n \u003cdiv class=\"soi-cupo-card-mini\"\u003e\n \u003cspan class=\"soi-cupo-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-cupo-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-cupo-card-mini-value\"\u003eBio Ecocert FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cupo-card-mini\"\u003e\n \u003cspan class=\"soi-cupo-card-mini-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"soi-cupo-card-mini-label\"\u003eTitrage actif\u003c\/span\u003e\n \u003cspan class=\"soi-cupo-card-mini-value\"\u003e95% curcuminoïdes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cupo-card-mini\"\u003e\n \u003cspan class=\"soi-cupo-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-cupo-card-mini-label\"\u003eRégime\u003c\/span\u003e\n \u003cspan class=\"soi-cupo-card-mini-value\"\u003eVégan et végétarien\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Comment prendre ce curcuma en gélules ? --\u003e\n \u003csection class=\"soi-cupo-section\"\u003e\n \u003ch2\u003eComment prendre ce complément articulaire en gélules ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-cupo-timeline\"\u003e\n \u003cdiv class=\"soi-cupo-step\"\u003e\n \u003cdiv class=\"soi-cupo-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cupo-step-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez 2 gélules par jour, de préférence au moment d'un repas contenant un corps gras (huile d'olive, avocat, noix…). La curcumine étant liposoluble, l'ingérer avec des lipides renforce encore son absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cupo-step\"\u003e\n \u003cdiv class=\"soi-cupo-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cupo-step-content\"\u003e\n \u003ch3\u003eMode de prise\u003c\/h3\u003e\n \u003cp\u003eUn verre d'eau suffit pour avaler les gélules. Rien de plus simple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cupo-step\"\u003e\n \u003cdiv class=\"soi-cupo-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cupo-step-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003ePour un effet durable sur la santé des articulations, suivez une cure de 6 à 8 semaines, renouvelable après une pause. Ce complément ne se substitue pas à un traitement médical : en cas de douleurs articulaires persistantes, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Ce que vous devez savoir avant de commencer --\u003e\n \u003csection class=\"soi-cupo-section\"\u003e\n \u003ch2\u003eCe que vous devez savoir avant de commencer\u003c\/h2\u003e\n \u003cdiv class=\"soi-cupo-accordion\"\u003e\n \u003cdetails class=\"soi-cupo-accordion-item\"\u003e\n \u003csummary class=\"soi-cupo-accordion-header\"\u003e⚠️ Précaution pipérine et interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"soi-cupo-accordion-content\"\u003e\n \u003cp\u003eLa pipérine peut interagir avec certains médicaments (anticoagulants, immunosuppresseurs). Si vous êtes sous traitement, demandez l'avis de votre médecin ou pharmacien avant de démarrer une cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cupo-accordion-item\"\u003e\n \u003csummary class=\"soi-cupo-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"soi-cupo-accordion-content\"\u003e\n \u003cp\u003eNe pas utiliser sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cupo-accordion-item\"\u003e\n \u003csummary class=\"soi-cupo-accordion-header\"\u003e🩺 Calculs biliaires\u003c\/summary\u003e\n \u003cdiv class=\"soi-cupo-accordion-content\"\u003e\n \u003cp\u003eLe curcuma à forte dose est déconseillé en cas d'obstruction des voies biliaires. Si vous êtes concerné, consultez votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Les atouts de ce complexe curcuma et poivre noir bio --\u003e\n \u003csection class=\"soi-cupo-section\"\u003e\n \u003ch2\u003eLes atouts de ce complexe curcuma et poivre noir bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-cupo-benefits\"\u003e\n \u003cdiv class=\"soi-cupo-benefit\"\u003e\n \u003cdiv class=\"soi-cupo-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eCertification Ecocert FR-BIO-01 : sans pesticides, sans OGM. Une exigence de pureté du début à la fin de la chaîne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cupo-benefit\"\u003e\n \u003cdiv class=\"soi-cupo-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e100% végan\u003c\/h3\u003e\n \u003cp\u003eGélules végétales HPMC, sans aucun ingrédient d'origine animale. Convient aux régimes végan et végétarien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cupo-benefit\"\u003e\n \u003cdiv class=\"soi-cupo-benefit-icon\"\u003e\u003cspan\u003e💊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTitrage élevé à 95%\u003c\/h3\u003e\n \u003cp\u003eUne concentration réellement active en curcuminoïdes, loin des poudres de curcuma standards qui ne contiennent que 3 à 5%.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cupo-benefit\"\u003e\n \u003cdiv class=\"soi-cupo-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSynergie curcumine et pipérine\u003c\/h3\u003e\n \u003cp\u003eLa combinaison la plus documentée en phytothérapie pour une assimilation optimale de la curcumine par votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cupo-tip\"\u003e\n \u003cdiv class=\"soi-cupo-tip-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule sans additifs inutiles\u003c\/strong\u003e\n \u003cp\u003eUne formule simple et lisible : deux extraits de plantes bio et une gélule végétale. Rien de superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Curcuma poivre noir ou curcuma poivre noir gingembre : quelle différence ? --\u003e\n \u003csection class=\"soi-cupo-section\"\u003e\n \u003ch2\u003eCurcuma poivre noir ou curcuma poivre noir gingembre : quelle différence ?\u003c\/h2\u003e\n \u003cp\u003eCertaines formules ajoutent du gingembre à ce duo. Le gingembre apporte ses propres propriétés digestives et peut être intéressant si vous cherchez aussi à soutenir votre confort digestif. La formule Laboratoire Code se concentre sur la synergie pure curcuma et poivre noir, idéale si votre priorité reste le soutien articulaire sans complexifier la formule.\u003c\/p\u003e\n \u003cdiv class=\"soi-cupo-tip\"\u003e\n \u003cdiv class=\"soi-cupo-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSi votre objectif principal est le confort articulaire, cette formule concentrée sur le duo curcumine et pipérine est faite pour vous. Pour un soutien digestif complémentaire, vous pouvez envisager d'associer ponctuellement une infusion de gingembre à votre cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-cupo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cupo-cta-box\"\u003e\n \u003cp class=\"soi-cupo-cta-tag\" style=\"color: white;\"\u003ePrendre soin de vos articulations, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-cupo-cta-text\" style=\"color: white;\"\u003eDes articulations qui font leur travail en silence, une mobilité qui dure dans le temps. Une formule simple, honnête, sans superflu. Exactement ce qu'il vous faut quand vous voulez prendre soin de vous avec du bon sens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-cupo-marine: #1A2D3D;\n --soi-cupo-marine-dark: #0F1E2B;\n --soi-cupo-marine-light: #2C4458;\n --soi-cupo-pomme: #A1C544;\n --soi-cupo-pomme-dark: #84A636;\n --soi-cupo-pomme-light: rgba(161,197,68,0.10);\n\n --soi-cupo-white: #FFFFFF;\n --soi-cupo-off-white: #F8FAF6;\n --soi-cupo-stone: #F1F3EE;\n --soi-cupo-line: #E5E8E0;\n\n --soi-cupo-primary: #D88542;\n --soi-cupo-primary-soft: rgba(216,133,66,0.10);\n --soi-cupo-accent: #B8D4E8;\n\n --soi-cupo-text: #1A2D3D;\n --soi-cupo-text-soft: #4A5B6B;\n --soi-cupo-text-muted: #7B8693;\n\n --soi-cupo-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cupo-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cupo-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cupo-radius: 12px;\n --soi-cupo-radius-sm: 8px;\n --soi-cupo-radius-pill: 999px;\n}\n\n.soi-cupo-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cupo-fiche img { max-width: 100%; height: auto; }\n\n.soi-cupo-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cupo-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cupo-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-cupo-hero {\n position: relative;\n background: var(--soi-cupo-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-cupo-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-cupo-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cupo-pomme);\n}\n\n.soi-cupo-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-cupo-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cupo-pomme);\n border-radius: 50%;\n}\n\n.soi-cupo-hero-title {\n display: block;\n color: var(--soi-cupo-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-cupo-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-cupo-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-cupo-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-cupo-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cupo-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-cupo-label-accent {\n background: var(--soi-cupo-pomme);\n border-color: var(--soi-cupo-pomme);\n color: var(--soi-cupo-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-cupo-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cupo-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cupo-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-cupo-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cupo-pomme);\n border-radius: 2px;\n}\n\n.soi-cupo-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cupo-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-cupo-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-cupo-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-cupo-benefit {\n background: var(--soi-cupo-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cupo-radius);\n border: 1px solid var(--soi-cupo-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cupo-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cupo-shadow-md);\n}\n\n.soi-cupo-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cupo-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-cupo-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cupo-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-cupo-benefit:hover .soi-cupo-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-cupo-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cupo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cupo-benefit p {\n font-size: 13px;\n color: var(--soi-cupo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-cupo-compo {\n background: var(--soi-cupo-off-white);\n border-radius: var(--soi-cupo-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-cupo-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-cupo-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-cupo-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-cupo-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cupo-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-cupo-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cupo-marine);\n text-align: right;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-cupo-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-cupo-card-mini {\n background: var(--soi-cupo-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-cupo-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-cupo-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-cupo-card-mini-label {\n font-size: 11px;\n color: var(--soi-cupo-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-cupo-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cupo-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-cupo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-cupo-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cupo-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cupo-radius);\n border: 1px solid var(--soi-cupo-line);\n align-items: flex-start;\n}\n\n.soi-cupo-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cupo-marine);\n color: var(--soi-cupo-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-cupo-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cupo-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-cupo-step-content p {\n font-size: 14px;\n color: var(--soi-cupo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-cupo-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-cupo-accordion-item {\n background: var(--soi-cupo-off-white);\n border-radius: var(--soi-cupo-radius-sm);\n border: 1px solid var(--soi-cupo-line);\n overflow: hidden;\n}\n\n.soi-cupo-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cupo-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-cupo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-cupo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cupo-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-cupo-accordion-item[open] .soi-cupo-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-cupo-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-cupo-accordion-content p {\n font-size: 14px;\n color: var(--soi-cupo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-cupo-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cupo-pomme-light);\n border-left: 4px solid var(--soi-cupo-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cupo-radius) var(--soi-cupo-radius) 0;\n align-items: flex-start;\n}\n\n.soi-cupo-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-cupo-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cupo-marine);\n margin-bottom: 4px;\n}\n\n.soi-cupo-tip p {\n font-size: 14px;\n color: var(--soi-cupo-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-cupo-cta-box {\n background: var(--soi-cupo-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cupo-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-cupo-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-cupo-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-cupo-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-cupo-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-cupo-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cupo-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-cupo-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-cupo-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-cupo-compo-value {\n text-align: left;\n }\n\n .soi-cupo-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-cupo-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-cupo-fiche {\n --soi-cupo-text-soft: #2C3E50;\n --soi-cupo-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61603337797962,"sku":"LC9105B","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/curcuma-et-poivre-noir-bio-et-vegan-en-gelules-packshot.webp?v=1779714001"},{"product_id":"cure-oreille-reutilisable","title":"Cure-oreille réutilisable","description":"\n\u003cdiv class=\"soi-cure-fiche\"\u003e\n\n \u003csection class=\"soi-cure-hero\"\u003e\n \u003cdiv class=\"soi-cure-hero-tag\"\u003e\n \u003cspan class=\"soi-cure-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-cure-hero-title\"\u003eCure-oreille réutilisable\u003c\/span\u003e\n \u003cp class=\"soi-cure-hero-subtitle\"\u003eUne alternative durable et artisanale aux cotons-tiges : plus sûre pour vos oreilles, plus respectueuse de la planète, et fabriquée en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-cure-hero-labels\"\u003e\n \u003cspan class=\"soi-cure-label soi-cure-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-cure-label\"\u003eMÉDAILLÉ CONCOURS LÉPINE\u003c\/span\u003e\n \u003cspan class=\"soi-cure-label\"\u003eZÉRO DÉCHET\u003c\/span\u003e\n \u003cspan class=\"soi-cure-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003ePourquoi le cure-oreille inox est meilleur que le coton-tige ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux idées reçues, le cérumen joue un rôle protecteur dans l'oreille. Le problème ne vient pas du cérumen lui-même, mais de son accumulation excessive. Le coton-tige le pousse vers l'intérieur, favorisant la formation de bouchons.\u003c\/p\u003e\n \u003cp\u003eLe cure-oreille en inox médical adopte la logique inverse : sa petite pelle en métal récupère délicatement l'excès de cérumen sans enfoncer quoi que ce soit. Résultat : une hygiène auriculaire plus efficace, sans danger pour le conduit auditif.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eCe qui distingue vraiment ce cure-oreille\u003c\/h2\u003e\n \u003cdiv class=\"soi-cure-benefits\"\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eManche en bois de Charme français, pelle en inox médical. Un savoir-faire artisanal reconnu, bien loin des produits importés bas de gamme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🏅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMédaillé au Concours Lépine\u003c\/h3\u003e\n \u003cp\u003eUne distinction qui récompense l'innovation, la qualité de fabrication et l'utilité réelle du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eZéro déchet, économique à vie\u003c\/h3\u003e\n \u003cp\u003eRéutilisable à l'infini, il remplace des milliers de cotons-tiges jetables. Un seul achat, des économies durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🧼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHygiène garantie\u003c\/h3\u003e\n \u003cp\u003eUn simple nettoyage à l'eau et au savon après chaque utilisation suffit. L'inox médical ne rouille pas et ne retient pas les bactéries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDouceur d'utilisation\u003c\/h3\u003e\n \u003cp\u003eLe bois de Charme offre une prise en main confortable. Le geste est précis, contrôlé, sans risque d'aller trop loin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eComment utiliser votre cure-oreille correctement ?\u003c\/h2\u003e\n \u003cp class=\"soi-cure-section-intro\"\u003eLe geste s'apprend en quelques secondes. Voici comment procéder en toute sécurité.\u003c\/p\u003e\n \u003cdiv class=\"soi-cure-timeline\"\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eInclinez légèrement la tête\u003c\/h3\u003e\n \u003cp\u003ePenchez la tête sur le côté pour faciliter l'accès au conduit auditif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eInsérez doucement la pelle\u003c\/h3\u003e\n \u003cp\u003ePlacez la pelle en inox à l'entrée du conduit, sans forcer ni enfoncer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eEffectuez un léger mouvement circulaire\u003c\/h3\u003e\n \u003cp\u003eRécupérez le cérumen en excès par un geste rotatif délicat, sans appuyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eRincez le cure-oreille\u003c\/h3\u003e\n \u003cp\u003eNettoyez à l'eau savonneuse après chaque utilisation et laissez sécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-tip\"\u003e\n \u003cdiv class=\"soi-cure-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eRéservez son usage à l'entrée du conduit uniquement. En cas de douleur ou de sensation de bouchon persistant, consultez un médecin ORL. Ce produit ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"soi-cure-compo\"\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eMatériaux\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eBois de Charme français et inox médical\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eArtisanale, 100% française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eEntretien\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eLavable à l'eau et au savon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eDurée de vie\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eÀ vie avec un entretien adapté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eDistinction\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eMédaille du Concours Lépine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eAdultes et adolescents\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le cure-oreille\u003c\/h2\u003e\n \u003cdiv class=\"soi-cure-accordion\"\u003e\n \u003cdetails class=\"soi-cure-accordion-item\"\u003e\n \u003csummary class=\"soi-cure-accordion-header\"\u003e🔬 Le cure-oreille en métal est-il dangereux ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cure-accordion-content\"\u003e\n \u003cp\u003eNon, à condition de l'utiliser correctement, c'est-à-dire à l'entrée du conduit, sans enfoncer. La pelle en inox médical est conçue pour être douce et non traumatisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cure-accordion-item\"\u003e\n \u003csummary class=\"soi-cure-accordion-header\"\u003e🛒 Où trouver un cure-oreille de qualité ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cure-accordion-content\"\u003e\n \u003cp\u003eCe produit est disponible directement sur notre site. Certains cure-oreilles se trouvent en pharmacie, mais peu atteignent le niveau de finition artisanale et la reconnaissance du Concours Lépine de ce modèle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cure-accordion-item\"\u003e\n \u003csummary class=\"soi-cure-accordion-header\"\u003e🌍 Est-ce vraiment écologique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cure-accordion-content\"\u003e\n \u003cp\u003eUn seul cure-oreille remplace plusieurs milliers de cotons-tiges jetables sur sa durée de vie. L'impact environnemental est bien réel et mesurable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cure-cta-box\"\u003e\n \u003cp class=\"soi-cure-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes du quotidien\u003c\/p\u003e\n \u003cp class=\"soi-cure-cta-text\" style=\"color: white;\"\u003eUn geste simple, un outil pensé pour durer toute une vie. Le cure-oreille Laboratoire Code vous offre une hygiène auriculaire quotidienne plus douce, plus sûre et respectueuse de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-cure-marine: #1A2D3D;\n --soi-cure-marine-dark: #0F1E2B;\n --soi-cure-marine-light: #2C4458;\n --soi-cure-pomme: #A1C544;\n --soi-cure-pomme-dark: #84A636;\n --soi-cure-pomme-light: rgba(161,197,68,0.10);\n\n --soi-cure-white: #FFFFFF;\n --soi-cure-off-white: #F8FAF6;\n --soi-cure-stone: #F1F3EE;\n --soi-cure-line: #E5E8E0;\n\n --soi-cure-primary: #6DA8A0;\n --soi-cure-primary-soft: #B5DDD4;\n --soi-cure-accent: #5B9B94;\n\n --soi-cure-text: #1A2D3D;\n --soi-cure-text-soft: #4A5B6B;\n --soi-cure-text-muted: #7B8693;\n\n --soi-cure-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cure-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cure-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cure-radius: 12px;\n --soi-cure-radius-sm: 8px;\n --soi-cure-radius-pill: 999px;\n}\n\n.soi-cure-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cure-fiche img { max-width: 100%; height: auto; }\n\n.soi-cure-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cure-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cure-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-cure-hero {\n position: relative;\n background: var(--soi-cure-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-cure-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-cure-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cure-pomme);\n}\n\n.soi-cure-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-cure-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cure-pomme);\n border-radius: 50%;\n}\n\n.soi-cure-hero-title {\n display: block;\n color: var(--soi-cure-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-cure-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-cure-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-cure-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-cure-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cure-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-cure-label-accent {\n background: var(--soi-cure-pomme);\n border-color: var(--soi-cure-pomme);\n color: var(--soi-cure-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-cure-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cure-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cure-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-cure-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cure-pomme);\n border-radius: 2px;\n}\n\n.soi-cure-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cure-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-cure-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cure-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-cure-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-cure-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-cure-benefit {\n background: var(--soi-cure-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cure-radius);\n border: 1px solid var(--soi-cure-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cure-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cure-shadow-md);\n}\n\n.soi-cure-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cure-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-cure-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cure-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-cure-benefit:hover .soi-cure-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-cure-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cure-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cure-benefit p {\n font-size: 13px;\n color: var(--soi-cure-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-cure-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-cure-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cure-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cure-radius);\n border: 1px solid var(--soi-cure-line);\n align-items: flex-start;\n}\n\n.soi-cure-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cure-marine);\n color: var(--soi-cure-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-cure-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cure-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-cure-step-content p {\n font-size: 14px;\n color: var(--soi-cure-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-cure-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cure-pomme-light);\n border-left: 4px solid var(--soi-cure-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cure-radius) var(--soi-cure-radius) 0;\n align-items: flex-start;\n}\n\n.soi-cure-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-cure-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cure-marine);\n margin-bottom: 4px;\n}\n\n.soi-cure-tip p {\n font-size: 14px;\n color: var(--soi-cure-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-cure-compo {\n background: var(--soi-cure-off-white);\n border-radius: var(--soi-cure-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-cure-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-cure-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-cure-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-cure-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cure-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-cure-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cure-marine);\n text-align: right;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-cure-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-cure-accordion-item {\n background: var(--soi-cure-off-white);\n border-radius: var(--soi-cure-radius-sm);\n border: 1px solid var(--soi-cure-line);\n overflow: hidden;\n}\n\n.soi-cure-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cure-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-cure-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-cure-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cure-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-cure-accordion-item[open] .soi-cure-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-cure-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-cure-accordion-content p {\n font-size: 14px;\n color: var(--soi-cure-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-cure-cta-box {\n background: var(--soi-cure-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cure-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-cure-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-cure-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-cure-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-cure-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-cure-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cure-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-cure-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-cure-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-cure-compo-value {\n text-align: left;\n }\n\n .soi-cure-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-cure-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-cure-fiche {\n --soi-cure-text-soft: #2C3E50;\n --soi-cure-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61603447374154,"sku":"LC1018","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/cure-oreille-reutilisable-packshot.webp?v=1782122227"},{"product_id":"estocalm-laboratoire-code","title":"Estocalm reflux gastriques - 60 comprimés","description":"\u003cdiv class=\"soi-esto-fiche\"\u003e\n\n\u003csection class=\"soi-esto-hero\"\u003e\n\u003cdiv class=\"soi-esto-hero-tag\"\u003e\n\u003cspan class=\"soi-esto-tag-dot\"\u003e\u003c\/span\u003e\nComplément alimentaire · Laboratoire Code\n\u003c\/div\u003e\n\u003cspan class=\"soi-esto-hero-title\"\u003eRetrouvez la sérénité après chaque repas\u003c\/span\u003e\n\u003cp class=\"soi-esto-hero-subtitle\"\u003eUne formule à double action associant alginates et minéraux pour apaiser les reflux et soutenir votre confort digestif au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"soi-esto-hero-labels\"\u003e\n\u003cspan class=\"soi-esto-label soi-esto-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-esto-label\"\u003eSANS OGM\u003c\/span\u003e\n\u003cspan class=\"soi-esto-label\"\u003eSANS COLORANT\u003c\/span\u003e\n\u003cspan class=\"soi-esto-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-esto-section\"\u003e\n\u003ch2\u003ePourquoi choisir Estocalm contre les reflux et l'acidité gastrique ?\u003c\/h2\u003e\n\u003cp\u003eVous connaissez peut-être cette sensation désagréable après un repas copieux : une brûlure dans la gorge, un goût acide dans la bouche, une gêne persistante dans la poitrine. Ces remontées acides et reflux gastro-œsophagiens gâchent le quotidien de nombreuses personnes.\u003c\/p\u003e\n\u003cp\u003eCe qui distingue Estocalm des antiacides classiques, c'est sa \u003cstrong\u003eformule à double action\u003c\/strong\u003e : d'un côté, les alginates forment un gel protecteur sur la muqueuse gastrique pour contenir les remontées acides. De l'autre, le calcium, le magnésium et le zinc agissent en synergie pour soutenir les fonctions digestives normales. Une approche complète, pensée pour vous apporter un soulagement rapide et durable.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-esto-section\"\u003e\n\u003ch2\u003eLes 3 actions clés d'Estocalm sur votre confort digestif\u003c\/h2\u003e\n\u003cdiv class=\"soi-esto-benefits\"\u003e\n\u003cdiv class=\"soi-esto-benefit\"\u003e\n\u003cdiv class=\"soi-esto-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eEffet barrière anti-reflux\u003c\/h3\u003e\n\u003cp\u003eLes alginates forment un gel qui se dépose sur le contenu gastrique et limite physiquement les remontées acides vers l'œsophage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-esto-benefit\"\u003e\n\u003cdiv class=\"soi-esto-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eSoutien minéral\u003c\/h3\u003e\n\u003cp\u003eCalcium et magnésium contribuent à neutraliser l'excès d'acidité et à maintenir un environnement gastrique plus équilibré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-esto-benefit\"\u003e\n\u003cdiv class=\"soi-esto-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eEntretien intestinal\u003c\/h3\u003e\n\u003cp\u003eL'\u003cem\u003eAscophyllum nodosum\u003c\/em\u003e et le zinc participent à l'entretien de la muqueuse intestinale et favorisent une digestion sereine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-esto-section\"\u003e\n\u003ch2\u003eComposition détaillée d'Estocalm : ce qu'il y a dans chaque comprimé\u003c\/h2\u003e\n\u003cp class=\"soi-esto-section-intro\"\u003eIngrédients pour 4 comprimés (dose journalière en prévention) : carbonate de calcium, sorbitol (agent de charge), oxyde de magnésium, sucre de canne bio, alginate de sodium (agent texturant), arôme anis, stéarate de magnésium (émulsifiant), oxyde de zinc, \u003cem\u003eAscophyllum nodosum\u003c\/em\u003e.\u003c\/p\u003e\n\u003cdiv class=\"soi-esto-compo\"\u003e\n\u003cdiv class=\"soi-esto-compo-row\"\u003e\n\u003cspan class=\"soi-esto-compo-label\"\u003eCalcium (pour 4 comprimés)\u003c\/span\u003e\n\u003cspan class=\"soi-esto-compo-value\"\u003e496,7 mg · 62 % des VNR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-esto-compo-row\"\u003e\n\u003cspan class=\"soi-esto-compo-label\"\u003eMagnésium (pour 4 comprimés)\u003c\/span\u003e\n\u003cspan class=\"soi-esto-compo-value\"\u003e264,4 mg · 70,4 % des VNR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-esto-compo-row\"\u003e\n\u003cspan class=\"soi-esto-compo-label\"\u003eZinc (pour 4 comprimés)\u003c\/span\u003e\n\u003cspan class=\"soi-esto-compo-value\"\u003e10 mg · 100 % des VNR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-esto-compo-row\"\u003e\n\u003cspan class=\"soi-esto-compo-label\"\u003eAscophyllum nodosum (pour 4 comprimés)\u003c\/span\u003e\n\u003cspan class=\"soi-esto-compo-value\"\u003e1,52 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-esto-tip\"\u003e\n\u003cdiv class=\"soi-esto-tip-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n\u003cp\u003eLe calcium contribue au fonctionnement normal des enzymes digestives. Le magnésium apaise et soutient la muqueuse gastrique. Le zinc soutient le métabolisme normal de la vitamine A, utile pour la santé intestinale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-esto-section\"\u003e\n\u003ch2\u003eComment prendre votre anti reflux gastrique ? Posologie et conseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"soi-esto-timeline\"\u003e\n\u003cdiv class=\"soi-esto-step\"\u003e\n\u003cdiv class=\"soi-esto-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-esto-step-content\"\u003e\n\u003ch3\u003eEn prévention\u003c\/h3\u003e\n\u003cp\u003eCroquez 4 comprimés par jour, répartis en 2 prises de 2 comprimés après les deux repas principaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-esto-step\"\u003e\n\u003cdiv class=\"soi-esto-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-esto-step-content\"\u003e\n\u003ch3\u003eEn cas de besoin ponctuel\u003c\/h3\u003e\n\u003cp\u003eCroquez 2 comprimés dès les premiers signes d'inconfort gastrique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-esto-step\"\u003e\n\u003cdiv class=\"soi-esto-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-esto-step-content\"\u003e\n\u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n\u003cp\u003e15 jours d'utilisation. Au-delà ou en cas de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-esto-tip\"\u003e\n\u003cdiv class=\"soi-esto-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eLes comprimés sont à croquer (arôme anis), ce qui permet une action rapide sans avoir besoin d'eau. Pratique à emporter partout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-esto-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"soi-esto-accordion\"\u003e\n\u003cdetails class=\"soi-esto-accordion-item\"\u003e\n\u003csummary class=\"soi-esto-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"soi-esto-accordion-content\"\u003e\n\u003cp\u003eUne consommation excessive peut avoir des effets laxatifs. Ne pas dépasser les doses recommandées. Ce complément alimentaire ne remplace pas un traitement médical ni une alimentation variée et équilibrée. En cas de doute ou de traitement en cours, demandez l'avis de votre médecin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"soi-esto-accordion-item\"\u003e\n\u003csummary class=\"soi-esto-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"soi-esto-accordion-content\"\u003e\n\u003cp\u003eConserver à l'abri de la lumière, dans un endroit sec à température ambiante. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-esto-section\"\u003e\n\u003ch2\u003eInformations produit\u003c\/h2\u003e\n\u003cdiv class=\"soi-esto-grid-compact\"\u003e\n\u003cdiv class=\"soi-esto-card-mini\"\u003e\n\u003cspan class=\"soi-esto-card-mini-icon\"\u003e💊\u003c\/span\u003e\n\u003cspan class=\"soi-esto-card-mini-label\"\u003eConditionnement\u003c\/span\u003e\n\u003cspan class=\"soi-esto-card-mini-value\"\u003e60 comprimés à croquer\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-esto-card-mini\"\u003e\n\u003cspan class=\"soi-esto-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n\u003cspan class=\"soi-esto-card-mini-label\"\u003ePoids par comprimé\u003c\/span\u003e\n\u003cspan class=\"soi-esto-card-mini-value\"\u003e760 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-esto-card-mini\"\u003e\n\u003cspan class=\"soi-esto-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cspan class=\"soi-esto-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-esto-card-mini-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-esto-card-mini\"\u003e\n\u003cspan class=\"soi-esto-card-mini-icon\"\u003e📋\u003c\/span\u003e\n\u003cspan class=\"soi-esto-card-mini-label\"\u003ePoids net\u003c\/span\u003e\n\u003cspan class=\"soi-esto-card-mini-value\"\u003e45,6 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-esto-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-esto-cta-box\"\u003e\n\u003cp class=\"soi-esto-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n\u003cp class=\"soi-esto-cta-text\" style=\"color: white;\"\u003eFini les brûlures d'estomac qui s'invitent sans prévenir. 60 comprimés à croquer, formulés en France, pour que chaque repas se termine en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-esto-marine: #1A2D3D;\n --soi-esto-marine-dark: #0F1E2B;\n --soi-esto-marine-light: #2C4458;\n --soi-esto-pomme: #A1C544;\n --soi-esto-pomme-dark: #84A636;\n --soi-esto-pomme-light: rgba(161,197,68,0.10);\n --soi-esto-white: #FFFFFF;\n --soi-esto-off-white: #F8FAF6;\n --soi-esto-stone: #F1F3EE;\n --soi-esto-line: #E5E8E0;\n --soi-esto-primary: #8CBFC9;\n --soi-esto-primary-soft: #D2EAF0;\n --soi-esto-accent: #C94B4B;\n --soi-esto-text: #1A2D3D;\n --soi-esto-text-soft: #4A5B6B;\n --soi-esto-text-muted: #7B8693;\n --soi-esto-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-esto-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-esto-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-esto-radius: 12px;\n --soi-esto-radius-sm: 8px;\n --soi-esto-radius-pill: 999px;\n}\n\n.soi-esto-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-esto-fiche img { max-width: 100%; height: auto; }\n\n.soi-esto-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-esto-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-esto-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-esto-hero {\n position: relative;\n background: var(--soi-esto-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-esto-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-esto-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-esto-pomme);\n}\n\n.soi-esto-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-esto-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-esto-pomme);\n border-radius: 50%;\n}\n\n.soi-esto-hero-title {\n display: block;\n color: var(--soi-esto-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-esto-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-esto-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-esto-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-esto-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-esto-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-esto-label-accent {\n background: var(--soi-esto-pomme);\n border-color: var(--soi-esto-pomme);\n color: var(--soi-esto-marine);\n font-weight: 600;\n}\n\n.soi-esto-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-esto-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-esto-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-esto-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-esto-pomme);\n border-radius: 2px;\n}\n\n.soi-esto-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-esto-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-esto-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-esto-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-esto-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-esto-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-esto-benefit {\n background: var(--soi-esto-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-esto-radius);\n border: 1px solid var(--soi-esto-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-esto-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-esto-shadow-md);\n}\n\n.soi-esto-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-esto-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-esto-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-esto-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-esto-benefit:hover .soi-esto-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-esto-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-esto-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-esto-benefit p {\n font-size: 13px;\n color: var(--soi-esto-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-esto-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-esto-card-mini {\n background: var(--soi-esto-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-esto-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-esto-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-esto-card-mini-label {\n font-size: 11px;\n color: var(--soi-esto-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-esto-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-esto-marine);\n}\n\n.soi-esto-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-esto-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-esto-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-esto-radius);\n border: 1px solid var(--soi-esto-line);\n align-items: flex-start;\n}\n\n.soi-esto-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-esto-marine);\n color: var(--soi-esto-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-esto-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-esto-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-esto-step-content p {\n font-size: 14px;\n color: var(--soi-esto-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-esto-compo {\n background: var(--soi-esto-off-white);\n border-radius: var(--soi-esto-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-esto-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-esto-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-esto-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-esto-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-esto-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-esto-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-esto-marine);\n text-align: right;\n}\n\n.soi-esto-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-esto-pomme-light);\n border-left: 4px solid var(--soi-esto-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-esto-radius) var(--soi-esto-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-esto-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-esto-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-esto-marine);\n margin-bottom: 4px;\n}\n\n.soi-esto-tip p {\n font-size: 14px;\n color: var(--soi-esto-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-esto-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-esto-accordion-item {\n background: var(--soi-esto-off-white);\n border-radius: var(--soi-esto-radius-sm);\n border: 1px solid var(--soi-esto-line);\n overflow: hidden;\n}\n\n.soi-esto-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-esto-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-esto-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-esto-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-esto-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-esto-accordion-item[open] .soi-esto-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-esto-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-esto-accordion-content p {\n font-size: 14px;\n color: var(--soi-esto-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-esto-cta-box {\n background: var(--soi-esto-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-esto-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-esto-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-esto-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-esto-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-esto-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-esto-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-esto-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-esto-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-esto-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-esto-compo-value {\n text-align: left;\n }\n\n .soi-esto-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-esto-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-esto-fiche {\n --soi-esto-text-soft: #2C3E50;\n --soi-esto-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":62001469227338,"sku":"LC7600","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/estocalm_reflux-gastrique_60-comprimes.webp?v=1781247236"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/LOGO-LABO-CODE-218X47.png?v=1779881769","url":"https:\/\/www.soinature.com\/collections\/laboratoire-code.oembed","provider":"Soinature","version":"1.0","type":"link"}