{"title":"Peau, cheveux et ongles","description":"","products":[{"product_id":"lapis-lazuli-huile-cristal","title":"Lapis-Lazuli (Huile de cristal)","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AL3007_68bb6579-0380-4d56-b48d-fcb098f6e737.jpg?v=1776180110\" alt=\"Photo de personnes qui communiquent de manière très ouverte\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eQu’est-ce qu’une huile de cristal ?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eUne huile de cristal est une technique de lithothérapie consistant à infuser les propriétés énergétiques d'un cristal spécifique dans une huile de base. Ansil, a sélectionné des huiles végétales de sésame et de noisette, respectant les traditions orientales et occidentales.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits et utilisation de l'huile de cristal Ansil\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eL'application d'huile de cristal\u003c\/strong\u003e sur le corps favorise la circulation de l'énergie, \u003cstrong\u003eharmonise les chakras et les méridiens\u003c\/strong\u003e, et rétablit l'équilibre du corps et de l'esprit. Cette énergie est utilisée pour dissoudre les blocages responsables de nombreux problèmes, qu'ils soient organiques ou psychologiques, présents ou anciens.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe massage avec l'huile de cristal de Lapis-Lazuli\u003c\/strong\u003e transcende le simple geste, se transformant en un dialogue profond et intime avec soi-même. Cette pratique permet une\u003cstrong\u003e introspection globale\u003c\/strong\u003e, une exploration de chaque partie du corps, et une expérience favorisant la clarté mentale et l'expression personnelle.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003ePropriétés du Lapis-Lazuli en Lithothérapie\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eEn lithothérapie, \u003cstrong\u003ele Lapis-Lazuli\u003c\/strong\u003e est reconnu pour agir sur les chakras de la gorge et du troisième œil, ainsi que sur les méridiens des reins et de la vessie. Ses propriétés \u003cstrong\u003efacilitent l'expression personnelle\u003c\/strong\u003e et la \u003cstrong\u003ecommunication harmonieuse avec autrui\u003c\/strong\u003e. De plus, le Lapis-Lazuli a un impact bénéfique sur la peau, contribuant\u003cstrong\u003e à sa santé et à son éclat\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ansil","offers":[{"title":"Default Title","offer_id":61602562277706,"sku":"AL3007","price":22.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_ansil_al3007_huile_lapis-lazuli.jpg?v=1776154309"},{"product_id":"bronzalia-60-gelules","title":"Bronzalia - complément bronzage vegan en gélules","description":"\n\n\u003cdiv class=\"soi-bronz-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-bronz-hero\"\u003e\n \u003cdiv class=\"soi-bronz-hero-tag\"\u003e\n \u003cspan class=\"soi-bronz-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire bronzage · Graine Sauvage\n \u003c\/div\u003e\n \u003cspan class=\"soi-bronz-hero-title\"\u003eUn éclat doré nourri de l'intérieur\u003c\/span\u003e\n \u003cp class=\"soi-bronz-hero-subtitle\"\u003ePréparez votre peau au soleil grâce à une synergie de bêta-carotène, vitamines et sélénium. 60 gélules végétales pour un bronzage plus rapide, plus uniforme et plus durable.\u003c\/p\u003e\n \u003cdiv class=\"soi-bronz-hero-labels\"\u003e\n \u003cspan class=\"soi-bronz-label soi-bronz-label-accent\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-label\"\u003eSANS LACTOSE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi choisir un complément alimentaire pour le bronzage ? --\u003e\n \u003csection class=\"soi-bronz-section\"\u003e\n \u003ch2\u003ePourquoi choisir un complément alimentaire pour le bronzage ?\u003c\/h2\u003e\n \u003cp\u003eLa crème solaire protège votre peau en surface, mais elle ne prépare pas votre épiderme à produire de la mélanine de façon uniforme et durable. Un complément bronzage comme Bronzalia agit de l'intérieur : il fournit les micronutriments dont votre peau a besoin pour répondre au soleil plus efficacement, limiter les coups de soleil et afficher un teint doré qui tient dans le temps.\u003c\/p\u003e\n \u003cp\u003eBronzalia n'est pas un autobronzant oral : il prépare et soutient votre peau lors de l'exposition, sans la remplacer. Une petite exposition régulière reste nécessaire pour obtenir un bronzage visible.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Les actifs clés de Bronzalia et leurs bienfaits --\u003e\n \u003csection class=\"soi-bronz-section\"\u003e\n \u003ch2\u003eLes actifs clés de Bronzalia et leurs bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"soi-bronz-benefits\"\u003e\n \u003cdiv class=\"soi-bronz-benefit\"\u003e\n \u003cdiv class=\"soi-bronz-benefit-icon\"\u003e\u003cspan\u003e🥕\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBêta-carotène et poudre de carotte\u003c\/h3\u003e\n \u003cp\u003ePrécurseurs de la vitamine A, ils stimulent la synthèse de mélanine, le pigment naturel responsable du bronzage, pour un teint plus chaud et plus uniforme dès les premières expositions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-benefit\"\u003e\n \u003cdiv class=\"soi-bronz-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydant liposoluble majeur, elle protège les membranes cellulaires du stress oxydatif généré par les UV et limite le vieillissement cutané prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-benefit\"\u003e\n \u003cdiv class=\"soi-bronz-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVitamine C\u003c\/h3\u003e\n \u003cp\u003eElle neutralise les radicaux libres, contribue à la formation du collagène et maintient la fermeté et l'élasticité de la peau après l'exposition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-benefit\"\u003e\n \u003cdiv class=\"soi-bronz-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSélénium\u003c\/h3\u003e\n \u003cp\u003eOligo-élément antioxydant qui travaille en synergie avec les vitamines C et E pour renforcer la protection cellulaire contre les dommages UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Composition complète et dosage par prise --\u003e\n \u003csection class=\"soi-bronz-section\"\u003e\n \u003ch2\u003eComposition complète et dosage par prise\u003c\/h2\u003e\n \u003cp class=\"soi-bronz-section-intro\"\u003eChaque boîte contient 60 gélules végétales, soit une cure de 30 jours à raison de 2 gélules par jour.\u003c\/p\u003e\n \u003cdiv class=\"soi-bronz-grid-compact\"\u003e\n \u003cdiv class=\"soi-bronz-card-mini\"\u003e\n \u003cspan class=\"soi-bronz-card-mini-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-card-mini-label\"\u003eContenu\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-card-mini-value\"\u003e60 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-card-mini\"\u003e\n \u003cspan class=\"soi-bronz-card-mini-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-card-mini-label\"\u003eDurée de cure\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-card-mini-value\"\u003e30 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-card-mini\"\u003e\n \u003cspan class=\"soi-bronz-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-card-mini-label\"\u003eGélule\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-card-mini-value\"\u003eVégétale (HPMC)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-card-mini\"\u003e\n \u003cspan class=\"soi-bronz-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-compo\"\u003e\n \u003cdiv class=\"soi-bronz-compo-row\"\u003e\n \u003cspan class=\"soi-bronz-compo-label\"\u003ePoudre de carotte (Daucus carota)\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-compo-value\"\u003e300 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-compo-row\"\u003e\n \u003cspan class=\"soi-bronz-compo-label\"\u003eBêta-carotène\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-compo-value\"\u003e4,8 mg (600 % VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-compo-row\"\u003e\n \u003cspan class=\"soi-bronz-compo-label\"\u003eVitamine C (acide L-ascorbique)\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-compo-value\"\u003e80 mg (100 % VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-compo-row\"\u003e\n \u003cspan class=\"soi-bronz-compo-label\"\u003eVitamine E (acétate de DL-alpha-tocophéryl)\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-compo-value\"\u003e12 mg (100 % VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-compo-row\"\u003e\n \u003cspan class=\"soi-bronz-compo-label\"\u003eSélénium (L-sélénométhionine)\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-compo-value\"\u003e55 µg (100 % VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-compo-row\"\u003e\n \u003cspan class=\"soi-bronz-compo-label\"\u003eEnveloppe de la gélule\u003c\/span\u003e\n \u003cspan class=\"soi-bronz-compo-value\"\u003eHPMC (origine végétale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Comment prendre Bronzalia ? Posologie recommandée --\u003e\n \u003csection class=\"soi-bronz-section\"\u003e\n \u003ch2\u003eComment prendre Bronzalia ? Posologie recommandée\u003c\/h2\u003e\n \u003cdiv class=\"soi-bronz-timeline\"\u003e\n \u003cdiv class=\"soi-bronz-step\"\u003e\n \u003cdiv class=\"soi-bronz-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-step-content\"\u003e\n \u003ch3\u003eCommencez 10 jours avant l'exposition\u003c\/h3\u003e\n \u003cp\u003ePrenez 2 gélules par jour, de préférence au cours d'un repas contenant un peu de matières grasses (le bêta-carotène est liposoluble).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-step\"\u003e\n \u003cdiv class=\"soi-bronz-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-step-content\"\u003e\n \u003ch3\u003ePoursuivez pendant toute la période ensoleillée\u003c\/h3\u003e\n \u003cp\u003eMaintenez la prise quotidienne pour prolonger et uniformiser votre bronzage tout au long de la saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-step\"\u003e\n \u003cdiv class=\"soi-bronz-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-step-content\"\u003e\n \u003ch3\u003eNe remplacez jamais votre crème solaire\u003c\/h3\u003e\n \u003cp\u003eCe complément et votre protection solaire sont complémentaires, pas interchangeables. Continuez à appliquer votre crème solaire lors de chaque exposition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bronz-tip\"\u003e\n \u003cdiv class=\"soi-bronz-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePrivilégiez la prise de vos gélules au cours d'un repas contenant des matières grasses (huile d'olive, avocat, oléagineux) pour favoriser l'absorption optimale du bêta-carotène.\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-bronz-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-bronz-cta-box\"\u003e\n \u003cp class=\"soi-bronz-cta-tag\" style=\"color: white;\"\u003eVotre allié soleil de l'intérieur\u003c\/p\u003e\n \u003cp class=\"soi-bronz-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau les nutriments qu'elle mérite avant le premier rayon de soleil, et vivez l'été avec éclat, en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-bronz-marine: #1A2D3D;\n --soi-bronz-marine-dark: #0F1E2B;\n --soi-bronz-marine-light: #2C4458;\n --soi-bronz-pomme: #A1C544;\n --soi-bronz-pomme-dark: #84A636;\n --soi-bronz-pomme-light: rgba(161,197,68,0.10);\n --soi-bronz-white: #FFFFFF;\n --soi-bronz-off-white: #F8FAF6;\n --soi-bronz-stone: #F1F3EE;\n --soi-bronz-line: #E5E8E0;\n --soi-bronz-primary: #D87B3A;\n --soi-bronz-primary-soft: rgba(216,123,58,0.10);\n --soi-bronz-accent: #7DAA57;\n --soi-bronz-text: #1A2D3D;\n --soi-bronz-text-soft: #4A5B6B;\n --soi-bronz-text-muted: #7B8693;\n --soi-bronz-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-bronz-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-bronz-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-bronz-radius: 12px;\n --soi-bronz-radius-sm: 8px;\n --soi-bronz-radius-pill: 999px;\n}\n\n.soi-bronz-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bronz-fiche img { max-width: 100%; height: auto; }\n\n.soi-bronz-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-bronz-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-bronz-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-bronz-hero {\n position: relative;\n background: var(--soi-bronz-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-bronz-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-bronz-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--soi-bronz-pomme), var(--soi-bronz-primary));\n}\n\n.soi-bronz-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-bronz-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-bronz-primary);\n border-radius: 50%;\n}\n\n.soi-bronz-hero-title {\n display: block;\n color: var(--soi-bronz-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-bronz-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-bronz-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-bronz-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-bronz-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-bronz-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-bronz-label-accent {\n background: var(--soi-bronz-pomme);\n border-color: var(--soi-bronz-pomme);\n color: var(--soi-bronz-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-bronz-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bronz-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-bronz-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-bronz-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-bronz-pomme);\n border-radius: 2px;\n}\n\n.soi-bronz-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-bronz-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-bronz-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-bronz-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-bronz-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-bronz-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-bronz-benefit {\n background: var(--soi-bronz-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-bronz-radius);\n border: 1px solid var(--soi-bronz-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bronz-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-bronz-shadow-md);\n}\n\n.soi-bronz-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-bronz-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-bronz-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-bronz-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-bronz-benefit:hover .soi-bronz-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-bronz-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bronz-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bronz-benefit p {\n font-size: 13px;\n color: var(--soi-bronz-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-bronz-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.5rem;\n}\n\n.soi-bronz-card-mini {\n background: var(--soi-bronz-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-bronz-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-bronz-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-bronz-card-mini-label {\n font-size: 11px;\n color: var(--soi-bronz-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-bronz-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bronz-marine);\n}\n\n\/* COMPOSITION *\/\n.soi-bronz-compo {\n background: var(--soi-bronz-off-white);\n border-radius: var(--soi-bronz-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-bronz-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-bronz-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-bronz-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-bronz-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-bronz-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-bronz-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-bronz-marine);\n text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-bronz-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-bronz-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-bronz-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bronz-radius);\n border: 1px solid var(--soi-bronz-line);\n align-items: flex-start;\n}\n\n.soi-bronz-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-bronz-marine);\n color: var(--soi-bronz-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-bronz-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bronz-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-bronz-step-content p {\n font-size: 14px;\n color: var(--soi-bronz-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIP *\/\n.soi-bronz-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-bronz-pomme-light);\n border-left: 4px solid var(--soi-bronz-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-bronz-radius) var(--soi-bronz-radius) 0;\n align-items: flex-start;\n}\n\n.soi-bronz-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-bronz-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-bronz-marine);\n margin-bottom: 4px;\n}\n\n.soi-bronz-tip p {\n font-size: 14px;\n color: var(--soi-bronz-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-bronz-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-bronz-accordion-item {\n background: var(--soi-bronz-off-white);\n border-radius: var(--soi-bronz-radius-sm);\n border: 1px solid var(--soi-bronz-line);\n overflow: hidden;\n}\n\n.soi-bronz-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-bronz-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-bronz-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-bronz-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-bronz-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-bronz-accordion-item[open] .soi-bronz-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-bronz-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-bronz-accordion-content p {\n font-size: 14px;\n color: var(--soi-bronz-text-soft);\n line-height: 1.6;\n margin: 0 0 0.6rem 0;\n}\n\n.soi-bronz-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* CTA BOX *\/\n.soi-bronz-cta-box {\n background: var(--soi-bronz-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-bronz-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-bronz-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-bronz-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-bronz-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-bronz-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-bronz-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-bronz-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-bronz-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-bronz-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-bronz-compo-value {\n text-align: left;\n }\n\n .soi-bronz-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-bronz-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-bronz-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-bronz-fiche {\n --soi-bronz-text-soft: #2C3E50;\n --soi-bronz-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Graine sauvage","offers":[{"title":"Default Title","offer_id":61602589213002,"sku":"GS1040","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/bronzalia-vegan-en-gelules-packshot.webp?v=1780073281"},{"product_id":"capiltonic-90-gelules","title":"Capiltonic+ - 90 gélules anti-chute cheveux","description":"\n\u003cdiv class=\"soi-capt-fiche\"\u003e\n\n \u003csection class=\"soi-capt-hero\"\u003e\n \u003cdiv class=\"soi-capt-hero-tag\"\u003e\n \u003cspan class=\"soi-capt-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire cheveux · Graine Sauvage\n \u003c\/div\u003e\n \u003cspan class=\"soi-capt-hero-title\"\u003eNourrissez vos cheveux de l'intérieur\u003c\/span\u003e\n \u003cp class=\"soi-capt-hero-subtitle\"\u003eSilice, zinc, ortie et vitamine B6 : une synergie de plantes et de minéraux pour ralentir la chute, renforcer la fibre capillaire et redonner vigueur à votre chevelure, votre peau et vos ongles.\u003c\/p\u003e\n \u003cdiv class=\"soi-capt-hero-labels\"\u003e\n \u003cspan class=\"soi-capt-label soi-capt-label-accent\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-capt-label\"\u003eCONDITIONNÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-capt-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003cspan class=\"soi-capt-label\"\u003eSANS COLORANT NI CONSERVATEUR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-capt-section\"\u003e\n \u003ch2\u003ePourquoi choisir Capiltonic+ contre la chute de cheveux ?\u003c\/h2\u003e\n \u003cp class=\"soi-capt-section-intro\"\u003eLa chute de cheveux a rarement une seule cause. Stress, carences, déséquilibres hormonaux, manque de silice ou de zinc : vos cheveux sont les premiers à en payer le prix. Capiltonic+ agit sur plusieurs fronts à la fois grâce à une synergie de plantes, de minéraux et de vitamines soigneusement dosés.\u003c\/p\u003e\n \u003cdiv class=\"soi-capt-benefits\"\u003e\n \u003cdiv class=\"soi-capt-benefit\"\u003e\n \u003cdiv class=\"soi-capt-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePrêle des champs\u003c\/h3\u003e\n \u003cp\u003eNaturellement riche en silice organique, elle renforce la fibre capillaire de l'intérieur et soutient la pousse des ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-capt-benefit\"\u003e\n \u003cdiv class=\"soi-capt-benefit-icon\"\u003e\u003cspan\u003e🎋\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBambou (extrait de tige)\u003c\/h3\u003e\n \u003cp\u003eSource concentrée de silice, il contribue à la souplesse de la peau et à la résistance des cheveux à la casse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-capt-benefit\"\u003e\n \u003cdiv class=\"soi-capt-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eOrtie piquante\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés anti-inflammatoires et antioxydantes, elle aide à réduire la chute et stimule la microcirculation au niveau du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-capt-benefit\"\u003e\n \u003cdiv class=\"soi-capt-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eZinc\u003c\/h3\u003e\n \u003cp\u003eIl régule la production de sébum, soutient la synthèse des protéines capillaires et participe au maintien de cheveux normaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-capt-benefit\"\u003e\n \u003cdiv class=\"soi-capt-benefit-icon\"\u003e\u003cspan\u003e🧬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCuivre\u003c\/h3\u003e\n \u003cp\u003eIndispensable à la pigmentation normale des cheveux et au maintien des tissus conjonctifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-capt-benefit\"\u003e\n \u003cdiv class=\"soi-capt-benefit-icon\"\u003e\u003cspan\u003e💊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVitamine B6\u003c\/h3\u003e\n \u003cp\u003eElle favorise la synthèse de la cystéine, un acide aminé clé de la kératine, pour des cheveux plus résistants, plus brillants et plus doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-capt-section\"\u003e\n \u003ch2\u003eComposition complète et dosage par gélule\u003c\/h2\u003e\n \u003cp class=\"soi-capt-section-intro\"\u003eChaque gélule végétale de Capiltonic+ contient :\u003c\/p\u003e\n \u003cdiv class=\"soi-capt-compo\"\u003e\n \u003cdiv class=\"soi-capt-compo-row\"\u003e\n \u003cspan class=\"soi-capt-compo-label\"\u003ePrêle des champs (Equisetum arvense)\u003c\/span\u003e\n \u003cspan class=\"soi-capt-compo-value\"\u003e200 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-capt-compo-row\"\u003e\n \u003cspan class=\"soi-capt-compo-label\"\u003eExtrait de bambou (Bambusa vulgaris, tige)\u003c\/span\u003e\n \u003cspan class=\"soi-capt-compo-value\"\u003e100 mg (titré à 70 % en silice)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-capt-compo-row\"\u003e\n \u003cspan class=\"soi-capt-compo-label\"\u003eOrtie piquante (Urtica dioica, feuille)\u003c\/span\u003e\n \u003cspan class=\"soi-capt-compo-value\"\u003e100 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-capt-compo-row\"\u003e\n \u003cspan class=\"soi-capt-compo-label\"\u003eZinc (bisglycinate)\u003c\/span\u003e\n \u003cspan class=\"soi-capt-compo-value\"\u003e5 mg (50 % des VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-capt-compo-row\"\u003e\n \u003cspan class=\"soi-capt-compo-label\"\u003eCuivre (bisglycinate)\u003c\/span\u003e\n \u003cspan class=\"soi-capt-compo-value\"\u003e0,5 mg (50 % des VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-capt-compo-row\"\u003e\n \u003cspan class=\"soi-capt-compo-label\"\u003eVitamine B6 (pyridoxine HCl)\u003c\/span\u003e\n \u003cspan class=\"soi-capt-compo-value\"\u003e0,7 mg (50 % des VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-capt-compo-row\"\u003e\n \u003cspan class=\"soi-capt-compo-label\"\u003eGélule\u003c\/span\u003e\n \u003cspan class=\"soi-capt-compo-value\"\u003eHydroxypropylméthylcellulose (HPMC, végétale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-capt-tip\"\u003e\n \u003cdiv class=\"soi-capt-tip-icon\"\u003eℹ️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eÀ noter\u003c\/strong\u003e\n \u003cp\u003eVNR : Valeurs Nutritionnelles de Référence. Ce complément est 100 % vegan, sans gélatine animale, sans colorant ni conservateur artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-capt-section\"\u003e\n \u003ch2\u003eComment prendre Capiltonic+ : posologie recommandée\u003c\/h2\u003e\n \u003cdiv class=\"soi-capt-timeline\"\u003e\n \u003cdiv class=\"soi-capt-step\"\u003e\n \u003cdiv class=\"soi-capt-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-capt-step-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez 3 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-capt-step\"\u003e\n \u003cdiv class=\"soi-capt-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-capt-step-content\"\u003e\n \u003ch3\u003eContenu du flacon\u003c\/h3\u003e\n \u003cp\u003eChaque flacon contient 90 gélules végétales, soit une cure complète de 30 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-capt-step\"\u003e\n \u003cdiv class=\"soi-capt-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-capt-step-content\"\u003e\n \u003ch3\u003eDurée de cure conseillée\u003c\/h3\u003e\n \u003cp\u003ePour des résultats visibles sur la chute et la pousse, une cure de 2 à 3 mois est généralement conseillé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-capt-section\"\u003e\n \u003ch2\u003ePour qui est ce complément alimentaire pour cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-capt-grid\"\u003e\n \u003cdiv class=\"soi-capt-card\"\u003e\n \u003ch3\u003e👩‍🦰 Femmes et hommes\u003c\/h3\u003e\n \u003cp\u003eCapiltonic+ convient aussi bien aux femmes qu'aux hommes qui observent une chute de cheveux inhabituelle, des cheveux ternes, cassants ou à croissance lente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-capt-card\"\u003e\n \u003ch3\u003e🌱 Régimes vegan et végétarien\u003c\/h3\u003e\n \u003cp\u003eIl s'adapte parfaitement aux personnes suivant un régime vegan ou végétarien, souvent plus exposées aux carences en zinc et en silice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-capt-tip\"\u003e\n \u003cdiv class=\"soi-capt-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePrécaution importante\u003c\/strong\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de chute de cheveux persistante ou sévère, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n\n \u003csection class=\"soi-capt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-capt-cta-box\"\u003e\n \u003cp class=\"soi-capt-cta-tag\" style=\"color: white;\"\u003eVos cheveux méritent un vrai soutien de l'intérieur\u003c\/p\u003e\n \u003cp class=\"soi-capt-cta-text\" style=\"color: white;\"\u003eCapiltonic+ n'est pas une promesse de plus : c'est une formule concrète, pensée pour redonner à vos cheveux les nutriments qu'ils réclament. Silice, zinc, ortie, vitamine B6, chaque ingrédient a sa raison d'être. Offrez à votre chevelure un soutien naturel et laissez vos cheveux parler d'eux-mêmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-capt-marine: #1A2D3D;\n --soi-capt-marine-dark: #0F1E2B;\n --soi-capt-marine-light: #2C4458;\n --soi-capt-pomme: #A1C544;\n --soi-capt-pomme-dark: #84A636;\n --soi-capt-pomme-light: rgba(161,197,68,0.10);\n\n --soi-capt-white: #FFFFFF;\n --soi-capt-off-white: #F8FAF6;\n --soi-capt-stone: #F1F3EE;\n --soi-capt-line: #E5E8E0;\n\n --soi-capt-primary: #6B9E3A;\n --soi-capt-primary-soft: #E8F0DB;\n --soi-capt-accent: #C4D946;\n\n --soi-capt-text: #1A2D3D;\n --soi-capt-text-soft: #4A5B6B;\n --soi-capt-text-muted: #7B8693;\n\n --soi-capt-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-capt-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-capt-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-capt-radius: 12px;\n --soi-capt-radius-sm: 8px;\n --soi-capt-radius-pill: 999px;\n}\n\n.soi-capt-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-capt-fiche img { max-width: 100%; height: auto; }\n\n.soi-capt-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-capt-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-capt-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-capt-hero {\n position: relative;\n background: var(--soi-capt-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-capt-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-capt-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-capt-pomme);\n}\n\n.soi-capt-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-capt-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-capt-pomme);\n border-radius: 50%;\n}\n\n.soi-capt-hero-title {\n display: block;\n color: var(--soi-capt-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-capt-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-capt-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-capt-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-capt-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-capt-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-capt-label-accent {\n background: var(--soi-capt-pomme);\n border-color: var(--soi-capt-pomme);\n color: var(--soi-capt-marine);\n font-weight: 600;\n}\n\n.soi-capt-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-capt-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-capt-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-capt-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-capt-pomme);\n border-radius: 2px;\n}\n\n.soi-capt-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-capt-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-capt-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-capt-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-capt-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-capt-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-capt-benefit {\n background: var(--soi-capt-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-capt-radius);\n border: 1px solid var(--soi-capt-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-capt-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-capt-shadow-md);\n}\n\n.soi-capt-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-capt-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-capt-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-capt-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-capt-benefit:hover .soi-capt-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-capt-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-capt-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-capt-benefit p {\n font-size: 13px;\n color: var(--soi-capt-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-capt-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-capt-card {\n background: var(--soi-capt-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-capt-radius);\n border-left: 3px solid var(--soi-capt-pomme);\n}\n\n.soi-capt-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-capt-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-capt-card p {\n font-size: 14px;\n color: var(--soi-capt-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-capt-compo {\n background: var(--soi-capt-off-white);\n border-radius: var(--soi-capt-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-capt-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-capt-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-capt-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-capt-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-capt-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-capt-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-capt-marine);\n text-align: right;\n}\n\n.soi-capt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-capt-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-capt-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-capt-radius);\n border: 1px solid var(--soi-capt-line);\n align-items: flex-start;\n}\n\n.soi-capt-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-capt-marine);\n color: var(--soi-capt-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-capt-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-capt-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-capt-step-content p {\n font-size: 14px;\n color: var(--soi-capt-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-capt-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-capt-pomme-light);\n border-left: 4px solid var(--soi-capt-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-capt-radius) var(--soi-capt-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-capt-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-capt-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-capt-marine);\n margin-bottom: 4px;\n}\n\n.soi-capt-tip p {\n font-size: 14px;\n color: var(--soi-capt-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-capt-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-capt-accordion-item {\n background: var(--soi-capt-off-white);\n border-radius: var(--soi-capt-radius-sm);\n border: 1px solid var(--soi-capt-line);\n overflow: hidden;\n}\n\n.soi-capt-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-capt-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-capt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-capt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-capt-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-capt-accordion-item[open] .soi-capt-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-capt-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-capt-accordion-content p {\n font-size: 14px;\n color: var(--soi-capt-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-capt-cta-box {\n background: var(--soi-capt-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-capt-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-capt-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-capt-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-capt-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-capt-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-capt-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-capt-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-capt-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-capt-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-capt-compo-value {\n text-align: left;\n }\n\n .soi-capt-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-capt-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-capt-fiche {\n --soi-capt-text-soft: #2C3E50;\n --soi-capt-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Graine sauvage","offers":[{"title":"Default Title","offer_id":61602626797898,"sku":"GS8019","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/capiltonic-cheveux-ongles_11zon.webp?v=1780123924"},{"product_id":"collagene-marin-90-gelules","title":"Collagène Marin en gélules","description":"\n\n\u003cdiv class=\"soi-colm-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-colm-hero\"\u003e\n \u003cdiv class=\"soi-colm-hero-tag\"\u003e\n \u003cspan class=\"soi-colm-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · MERalia\n \u003c\/div\u003e\n \u003cspan class=\"soi-colm-hero-title\"\u003eL'éclat retrouvé, depuis l'intérieur\u003c\/span\u003e\n \u003cp class=\"soi-colm-hero-subtitle\"\u003eLe collagène marin MERalia associe des peptides issus de poissons de l'Atlantique à la vitamine C, la vitamine E et le zinc pour soutenir la fermeté, la tonicité et l'éclat naturel de votre peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Collagène Marin en gélules : soin peau visage tonique par MERalia --\u003e\n \u003csection class=\"soi-colm-section\"\u003e\n \u003ch2\u003eCollagène Marin en gélules : soin peau visage tonique par MERalia\u003c\/h2\u003e\n \u003cp\u003eVotre peau perd naturellement du collagène à partir de 25 ans, environ 1 % chaque année. Rides, perte de fermeté, teint terne : les signes s'installent progressivement. Le Collagène Marin MERalia est conçu pour agir de l'intérieur, là où aucune crème ne peut vraiment atteindre, grâce à une formule complète pensée pour la peau, le visage et l'éclat naturel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi le collagène marin est-il si efficace ? --\u003e\n \u003csection class=\"soi-colm-section\"\u003e\n \u003ch2\u003ePourquoi le collagène marin est-il si efficace ?\u003c\/h2\u003e\n \u003cp\u003eContrairement au collagène bovin, le collagène marin issu de la peau de poissons de l'Atlantique présente une structure moléculaire plus fine (type I), ce qui lui permet d'être mieux absorbé par l'organisme. Ses peptides pénètrent plus facilement dans la circulation sanguine pour atteindre les cellules cutanées en profondeur. C'est l'une des raisons pour lesquelles il est souvent préféré dans les formules orientées vers le soin de la peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les bienfaits du collagène marin MERalia --\u003e\n \u003csection class=\"soi-colm-section\"\u003e\n \u003ch2\u003eLes bienfaits du collagène marin MERalia\u003c\/h2\u003e\n \u003cdiv class=\"soi-colm-benefits\"\u003e\n \u003cdiv class=\"soi-colm-benefit\"\u003e\n \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e🐟\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCollagène marin hydrolysé\u003c\/h3\u003e\n \u003cp\u003eContribue à restaurer la fermeté cutanée, à réduire l'apparence des rides et à redonner tonus au visage. Sa haute biodisponibilité favorise une assimilation rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-colm-benefit\"\u003e\n \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVitamine C\u003c\/h3\u003e\n \u003cp\u003eIndispensable à la synthèse naturelle du collagène. Contribue à l'éclat de la peau, à la santé des gencives, des os et des vaisseaux sanguins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-colm-benefit\"\u003e\n \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant qui protège les cellules cutanées contre le stress oxydatif et les radicaux libres responsables du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-colm-benefit\"\u003e\n \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eZinc\u003c\/h3\u003e\n \u003cp\u003eParticipe au maintien d'une peau normale et saine, soutient la réparation cellulaire et renforce la résistance cutanée aux agressions extérieures.\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-colm-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n \u003cp class=\"soi-colm-section-intro\"\u003eChaque gélule de Collagène Marin MERalia réunit quatre actifs complémentaires pour un soin complet de votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-colm-compo\"\u003e\n \u003cdiv class=\"soi-colm-compo-row\"\u003e\n \u003cspan class=\"soi-colm-compo-label\"\u003eCollagène marin hydrolysé\u003c\/span\u003e\n \u003cspan class=\"soi-colm-compo-value\"\u003ePeau de poisson (Atlantique), dosage concentré par gélule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-colm-compo-row\"\u003e\n \u003cspan class=\"soi-colm-compo-label\"\u003eVitamine C (acide ascorbique)\u003c\/span\u003e\n \u003cspan class=\"soi-colm-compo-value\"\u003e80 mg · 100 % des VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-colm-compo-row\"\u003e\n \u003cspan class=\"soi-colm-compo-label\"\u003eVitamine E (tocophérol)\u003c\/span\u003e\n \u003cspan class=\"soi-colm-compo-value\"\u003e12 mg · 100 % des VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-colm-compo-row\"\u003e\n \u003cspan class=\"soi-colm-compo-label\"\u003eZinc\u003c\/span\u003e\n \u003cspan class=\"soi-colm-compo-value\"\u003e10 mg · 100 % des VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-colm-timeline\"\u003e\n \u003cdiv class=\"soi-colm-step\"\u003e\n \u003cdiv class=\"soi-colm-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-colm-step-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez 3 gélules par jour avec un grand verre d'eau, de préférence au moment du repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-colm-step\"\u003e\n \u003cdiv class=\"soi-colm-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-colm-step-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de 6 à 8 semaines est conseillée pour observer des résultats visibles sur la fermeté et l'éclat du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-colm-tip\"\u003e\n \u003cdiv class=\"soi-colm-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eRépétez la cure 2 à 3 fois par an pour un effet durable sur la qualité de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Collagène marin : y a-t-il des dangers ? --\u003e\n \u003csection class=\"soi-colm-section\"\u003e\n \u003ch2\u003eCollagène marin : y a-t-il des dangers ?\u003c\/h2\u003e\n \u003cp\u003eLe collagène marin est généralement très bien toléré. Les rares effets indésirables rapportés se limitent à de légères gênes digestives en début de cure.\u003c\/p\u003e\n \u003cdiv class=\"soi-colm-accordion\"\u003e\n \u003cdetails class=\"soi-colm-accordion-item\"\u003e\n \u003csummary class=\"soi-colm-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"soi-colm-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire est déconseillé aux personnes allergiques aux poissons ou aux fruits de mer. En cas de doute, consultez un professionnel de santé avant de commencer une supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-colm-accordion-item\"\u003e\n \u003csummary class=\"soi-colm-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"soi-colm-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. Il est recommandé de consulter votre médecin en cas de traitement en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser le collagène marin pour de meilleurs résultats ? --\u003e\n \u003csection class=\"soi-colm-section\"\u003e\n \u003ch2\u003eComment utiliser le collagène marin pour de meilleurs résultats ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-colm-grid\"\u003e\n \u003cdiv class=\"soi-colm-card\"\u003e\n \u003ch3\u003e💧 Hydratation quotidienne\u003c\/h3\u003e\n \u003cp\u003eAssociez votre cure à une bonne hydratation : 1,5 L d'eau minimum par jour pour soutenir l'action du collagène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-colm-card\"\u003e\n \u003ch3\u003e🍋 Vitamine C naturelle\u003c\/h3\u003e\n \u003cp\u003eComplétez avec une alimentation riche en vitamine C naturelle (agrumes, poivrons) pour favoriser la synthèse endogène du collagène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-colm-card\"\u003e\n \u003ch3\u003e☀️ Protection solaire\u003c\/h3\u003e\n \u003cp\u003eProtégez votre peau du soleil : les UV accélèrent la dégradation du collagène cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-colm-card\"\u003e\n \u003ch3\u003e🔄 Renouvellement de la cure\u003c\/h3\u003e\n \u003cp\u003eRépétez la cure 2 à 3 fois par an pour un effet durable sur la fermeté et l'éclat de votre peau.\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-colm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-colm-cta-box\"\u003e\n \u003cp class=\"soi-colm-cta-tag\" style=\"color: white;\"\u003eVotre rituel beauté depuis l'intérieur\u003c\/p\u003e\n \u003cp class=\"soi-colm-cta-text\" style=\"color: white;\"\u003eAvec le Collagène Marin MERalia, chaque gélule est un geste concret pour retrouver un visage plus ferme, un teint plus lumineux et une peau qui vous ressemble 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-colm-marine: #1A2D3D;\n --soi-colm-marine-dark: #0F1E2B;\n --soi-colm-marine-light: #2C4458;\n --soi-colm-pomme: #A1C544;\n --soi-colm-pomme-dark: #84A636;\n --soi-colm-pomme-light: rgba(161,197,68,0.10);\n --soi-colm-white: #FFFFFF;\n --soi-colm-off-white: #F8FAF6;\n --soi-colm-stone: #F1F3EE;\n --soi-colm-line: #E5E8E0;\n --soi-colm-primary: #4A8BB5;\n --soi-colm-primary-soft: #D6E8F3;\n --soi-colm-accent: #3366AA;\n --soi-colm-text: #1A2D3D;\n --soi-colm-text-soft: #4A5B6B;\n --soi-colm-text-muted: #7B8693;\n --soi-colm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-colm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-colm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-colm-radius: 12px;\n --soi-colm-radius-sm: 8px;\n --soi-colm-radius-pill: 999px;\n}\n\n.soi-colm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-colm-fiche img { max-width: 100%; height: auto; }\n\n.soi-colm-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-colm-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-colm-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-colm-hero {\n position: relative;\n background: var(--soi-colm-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-colm-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-colm-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-colm-pomme);\n}\n\n.soi-colm-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-colm-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-colm-pomme);\n border-radius: 50%;\n}\n\n.soi-colm-hero-title {\n display: block;\n color: var(--soi-colm-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-colm-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-colm-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-colm-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-colm-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-colm-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-colm-pomme);\n border-radius: 2px;\n}\n\n.soi-colm-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-colm-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-colm-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-colm-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-colm-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-colm-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-colm-benefit {\n background: var(--soi-colm-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-colm-radius);\n border: 1px solid var(--soi-colm-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-colm-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-colm-shadow-md);\n}\n\n.soi-colm-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-colm-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-colm-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-colm-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-colm-benefit:hover .soi-colm-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-colm-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-colm-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-colm-benefit p {\n font-size: 13px;\n color: var(--soi-colm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-colm-compo {\n background: var(--soi-colm-off-white);\n border-radius: var(--soi-colm-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-colm-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-colm-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-colm-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-colm-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-colm-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-colm-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-colm-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-colm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-colm-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-colm-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-colm-radius);\n border: 1px solid var(--soi-colm-line);\n align-items: flex-start;\n}\n\n.soi-colm-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-colm-marine);\n color: var(--soi-colm-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-colm-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-colm-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-colm-step-content p {\n font-size: 14px;\n color: var(--soi-colm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-colm-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-colm-pomme-light);\n border-left: 4px solid var(--soi-colm-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-colm-radius) var(--soi-colm-radius) 0;\n align-items: flex-start;\n}\n\n.soi-colm-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-colm-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-colm-marine);\n margin-bottom: 4px;\n}\n\n.soi-colm-tip p {\n font-size: 14px;\n color: var(--soi-colm-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-colm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-colm-card {\n background: var(--soi-colm-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-colm-radius);\n border-left: 3px solid var(--soi-colm-pomme);\n}\n\n.soi-colm-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-colm-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-colm-card p {\n font-size: 14px;\n color: var(--soi-colm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-colm-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1rem;\n}\n\n.soi-colm-accordion-item {\n background: var(--soi-colm-off-white);\n border-radius: var(--soi-colm-radius-sm);\n border: 1px solid var(--soi-colm-line);\n overflow: hidden;\n}\n\n.soi-colm-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-colm-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-colm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-colm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-colm-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-colm-accordion-item[open] .soi-colm-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-colm-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-colm-accordion-content p {\n font-size: 14px;\n color: var(--soi-colm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-colm-cta-box {\n background: var(--soi-colm-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-colm-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-colm-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-colm-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-colm-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-colm-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-colm-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-colm-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-colm-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-colm-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-colm-compo-value {\n text-align: left;\n }\n\n .soi-colm-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-colm-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-colm-fiche {\n --soi-colm-text-soft: #2C3E50;\n --soi-colm-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Meralia","offers":[{"title":"Default Title","offer_id":61602936815946,"sku":"ME4004","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/collagene-marin-en-gelules-packshot_11zon.webp?v=1780156106"},{"product_id":"levure-biere-bio","title":"Levure de Bière Bio et Vegan en gélules","description":"\n\u003cdiv class=\"soi-levb-fiche\"\u003e\n\n \u003csection class=\"soi-levb-hero\"\u003e\n \u003cdiv class=\"soi-levb-hero-tag\"\u003e\n \u003cspan class=\"soi-levb-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Graine Sauvage\n \u003c\/div\u003e\n \u003cspan class=\"soi-levb-hero-title\"\u003eBeauté et vitalité, de la racine à la surface\u003c\/span\u003e\n \u003cp class=\"soi-levb-hero-subtitle\"\u003eCheveux, ongles, peau, digestion : la levure de bière bio en gélules végétales vous apporte un concentré de vitamines B et de minéraux essentiels, pour un bien-être visible semaine après semaine.\u003c\/p\u003e\n \u003cdiv class=\"soi-levb-hero-labels\"\u003e\n \u003cspan class=\"soi-levb-label soi-levb-label-accent\"\u003eBIO · ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-levb-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-levb-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-levb-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-levb-section\"\u003e\n \u003ch2\u003eQu'est-ce que la levure de bière et pourquoi en prendre ?\u003c\/h2\u003e\n \u003cp\u003eLa levure de bière (\u003cem\u003eSaccharomyces cerevisiae\u003c\/em\u003e) est un champignon microscopique naturellement riche en \u003cstrong\u003evitamines du groupe B, acides aminés, zinc, sélénium, cuivre et magnésium\u003c\/strong\u003e. Ce profil nutritionnel exceptionnel en fait l'un des compléments alimentaires les plus plébiscités en France, aussi bien pour la beauté que pour le bien-être quotidien.\u003c\/p\u003e\n \u003cp\u003eLa version bio de Graine Sauvage va encore plus loin, avec une culture sans pesticides, certifiée Agriculture Biologique par Ecocert (FR-BIO-01).\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-levb-section\"\u003e\n \u003ch2\u003eLes bienfaits de la levure de bière : ce que dit vraiment la science\u003c\/h2\u003e\n \u003cdiv class=\"soi-levb-benefits\"\u003e\n \u003cdiv class=\"soi-levb-benefit\"\u003e\n \u003cdiv class=\"soi-levb-benefit-icon\"\u003e\u003cspan\u003e💇\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux renforcés\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa richesse en vitamines B (notamment B8\/biotine) et en acides aminés soufrés, la levure de bière contribue à renforcer la fibre capillaire, limiter la chute et redonner brillance aux cheveux ternes ou fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-benefit\"\u003e\n \u003cdiv class=\"soi-levb-benefit-icon\"\u003e\u003cspan\u003e💅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eOngles plus solides\u003c\/h3\u003e\n \u003cp\u003eLes mêmes nutriments agissent sur la kératine des ongles, souvent cassants par carence en vitamines B ou en zinc.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-benefit\"\u003e\n \u003cdiv class=\"soi-levb-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉclat de la peau\u003c\/h3\u003e\n \u003cp\u003eLes vitamines B2, B3 et B6 participent au renouvellement cellulaire et peuvent aider à atténuer les imperfections et le teint terne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-benefit\"\u003e\n \u003cdiv class=\"soi-levb-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoutien digestif\u003c\/h3\u003e\n \u003cp\u003eLa levure de bière est réputée pour soutenir la flore intestinale, notamment en période de déséquilibre (après une antibiothérapie, stress, alimentation irrégulière).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-benefit\"\u003e\n \u003cdiv class=\"soi-levb-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉnergie et métabolisme\u003c\/h3\u003e\n \u003cp\u003eLes vitamines B jouent un rôle clé dans la transformation des nutriments en énergie, contribuant à réduire la fatigue au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-levb-section\"\u003e\n \u003ch2\u003eComposition et posologie : ce qu'il y a vraiment dans votre gélule\u003c\/h2\u003e\n \u003cdiv class=\"soi-levb-compo\"\u003e\n \u003cdiv class=\"soi-levb-compo-row\"\u003e\n \u003cspan class=\"soi-levb-compo-label\"\u003eIngrédient actif\u003c\/span\u003e\n \u003cspan class=\"soi-levb-compo-value\"\u003eLevure de bière (\u003cem\u003eSaccharomyces cerevisiae\u003c\/em\u003e) désactivée, issue de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-compo-row\"\u003e\n \u003cspan class=\"soi-levb-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"soi-levb-compo-value\"\u003eGélule végétale (HPMC), sans gélatine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-compo-row\"\u003e\n \u003cspan class=\"soi-levb-compo-label\"\u003eDosage par gélule\u003c\/span\u003e\n \u003cspan class=\"soi-levb-compo-value\"\u003e500 mg de levure de bière bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-compo-row\"\u003e\n \u003cspan class=\"soi-levb-compo-label\"\u003eDose journalière\u003c\/span\u003e\n \u003cspan class=\"soi-levb-compo-value\"\u003e6 gélules par jour (soit 3 000 mg)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-compo-row\"\u003e\n \u003cspan class=\"soi-levb-compo-label\"\u003eContenu du flacon\u003c\/span\u003e\n \u003cspan class=\"soi-levb-compo-value\"\u003e60 gélules (10 jours)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-compo-row\"\u003e\n \u003cspan class=\"soi-levb-compo-label\"\u003eCure recommandée\u003c\/span\u003e\n \u003cspan class=\"soi-levb-compo-value\"\u003e4 à 6 semaines minimum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-compo-row\"\u003e\n \u003cspan class=\"soi-levb-compo-label\"\u003eRésultats visibles\u003c\/span\u003e\n \u003cspan class=\"soi-levb-compo-value\"\u003e6 à 8 semaines de prise régulière\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-compo-row\"\u003e\n \u003cspan class=\"soi-levb-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-levb-compo-value\"\u003eAgriculture Biologique, FR-BIO-01 (Ecocert)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-tip\"\u003e\n \u003cdiv class=\"soi-levb-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour des résultats visibles sur les cheveux et les ongles, comptez 6 à 8 semaines de prise régulière. La levure de bière agit en profondeur : la patience est votre meilleure alliée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-levb-section\"\u003e\n \u003ch2\u003ePourquoi choisir la levure de bière Bio en gélule de Graine Sauvage ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-levb-grid\"\u003e\n \u003cdiv class=\"soi-levb-card\"\u003e\n \u003ch3\u003e🌱 Certifiée Agriculture Biologique\u003c\/h3\u003e\n \u003cp\u003eCertifiée par Ecocert (FR-BIO-01), sans pesticides ni produits chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité complète de la matière première à la gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-card\"\u003e\n \u003ch3\u003e🌿 100 % vegan\u003c\/h3\u003e\n \u003cp\u003eGélules végétales, sans alcool, sans excipients inutiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-card\"\u003e\n \u003ch3\u003e🔬 Formulation pure\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient actif, sans additifs ni arômes artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-levb-section\"\u003e\n \u003ch2\u003eComment bien utiliser la levure de bière en gélules ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-levb-timeline\"\u003e\n \u003cdiv class=\"soi-levb-step\"\u003e\n \u003cdiv class=\"soi-levb-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-levb-step-content\"\u003e\n \u003ch3\u003ePendant les repas\u003c\/h3\u003e\n \u003cp\u003ePrenez vos 6 gélules réparties au cours des repas avec un grand verre d'eau pour favoriser leur assimilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-step\"\u003e\n \u003cdiv class=\"soi-levb-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-levb-step-content\"\u003e\n \u003ch3\u003eProtégez votre estomac\u003c\/h3\u003e\n \u003cp\u003eÉvitez de les avaler à jeun si vous avez un estomac sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-levb-step\"\u003e\n \u003cdiv class=\"soi-levb-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-levb-step-content\"\u003e\n \u003ch3\u003eConsultez si nécessaire\u003c\/h3\u003e\n \u003cp\u003eCe complément ne remplace pas une alimentation équilibrée ni un suivi médical. En cas de traitement en cours ou de pathologie digestive, consultez votre médecin avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-levb-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur la levure de bière\u003c\/h2\u003e\n \u003cdiv class=\"soi-levb-accordion\"\u003e\n \u003cdetails class=\"soi-levb-accordion-item\"\u003e\n \u003csummary class=\"soi-levb-accordion-header\"\u003e⚖️ La levure de bière fait-elle grossir ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-levb-accordion-content\"\u003e\n \u003cp\u003eNon, elle est très peu calorique en complément alimentaire aux doses recommandées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-levb-accordion-item\"\u003e\n \u003csummary class=\"soi-levb-accordion-header\"\u003e🔬 Levure de bière vivante ou désactivée ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-levb-accordion-content\"\u003e\n \u003cp\u003eLa version désactivée (comme celle de Graine Sauvage) est plus digeste et mieux tolérée, sans risque de fermentation dans l'intestin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-levb-accordion-item\"\u003e\n \u003csummary class=\"soi-levb-accordion-header\"\u003e📅 Peut-on en prendre toute l'année ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-levb-accordion-content\"\u003e\n \u003cp\u003eOui, par cures de 4 à 8 semaines, renouvelables après une pause de quelques semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-levb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-levb-cta-box\"\u003e\n \u003cp class=\"soi-levb-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, un geste à la fois\u003c\/p\u003e\n \u003cp class=\"soi-levb-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux, vos ongles et votre peau ce dont ils ont vraiment besoin : une formule pure, vegan et certifiée bio. Des résultats qui se voient et se ressentent, semaine après semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-levb-marine: #1A2D3D;\n --soi-levb-marine-dark: #0F1E2B;\n --soi-levb-marine-light: #2C4458;\n --soi-levb-pomme: #A1C544;\n --soi-levb-pomme-dark: #84A636;\n --soi-levb-pomme-light: rgba(161,197,68,0.10);\n --soi-levb-white: #FFFFFF;\n --soi-levb-off-white: #F8FAF6;\n --soi-levb-stone: #F1F3EE;\n --soi-levb-line: #E5E8E0;\n --soi-levb-primary: #D4A52A;\n --soi-levb-primary-soft: #F5EDD4;\n --soi-levb-accent: #D88542;\n --soi-levb-text: #1A2D3D;\n --soi-levb-text-soft: #4A5B6B;\n --soi-levb-text-muted: #7B8693;\n --soi-levb-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-levb-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-levb-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-levb-radius: 12px;\n --soi-levb-radius-sm: 8px;\n --soi-levb-radius-pill: 999px;\n}\n\n.soi-levb-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-levb-fiche img { max-width: 100%; height: auto; }\n\n.soi-levb-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-levb-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-levb-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-levb-hero {\n position: relative;\n background: var(--soi-levb-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-levb-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-levb-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-levb-pomme);\n}\n\n.soi-levb-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-levb-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-levb-pomme);\n border-radius: 50%;\n}\n\n.soi-levb-hero-title {\n display: block;\n color: var(--soi-levb-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-levb-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-levb-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-levb-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-levb-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-levb-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-levb-label-accent {\n background: var(--soi-levb-pomme);\n border-color: var(--soi-levb-pomme);\n color: var(--soi-levb-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-levb-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-levb-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-levb-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-levb-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-levb-pomme);\n border-radius: 2px;\n}\n\n.soi-levb-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-levb-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-levb-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-levb-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-levb-benefit {\n background: var(--soi-levb-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-levb-radius);\n border: 1px solid var(--soi-levb-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-levb-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-levb-shadow-md);\n}\n\n.soi-levb-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-levb-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-levb-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-levb-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-levb-benefit:hover .soi-levb-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-levb-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-levb-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-levb-benefit p {\n font-size: 13px;\n color: var(--soi-levb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-levb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-levb-card {\n background: var(--soi-levb-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-levb-radius);\n border-left: 3px solid var(--soi-levb-pomme);\n}\n\n.soi-levb-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-levb-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-levb-card p {\n font-size: 14px;\n color: var(--soi-levb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-levb-compo {\n background: var(--soi-levb-off-white);\n border-radius: var(--soi-levb-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-levb-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-levb-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-levb-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-levb-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-levb-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-levb-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-levb-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-levb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-levb-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-levb-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-levb-radius);\n border: 1px solid var(--soi-levb-line);\n align-items: flex-start;\n}\n\n.soi-levb-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-levb-marine);\n color: var(--soi-levb-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-levb-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-levb-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-levb-step-content p {\n font-size: 14px;\n color: var(--soi-levb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-levb-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-levb-pomme-light);\n border-left: 4px solid var(--soi-levb-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-levb-radius) var(--soi-levb-radius) 0;\n align-items: flex-start;\n}\n\n.soi-levb-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-levb-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-levb-marine);\n margin-bottom: 4px;\n}\n\n.soi-levb-tip p {\n font-size: 14px;\n color: var(--soi-levb-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-levb-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-levb-accordion-item {\n background: var(--soi-levb-off-white);\n border-radius: var(--soi-levb-radius-sm);\n border: 1px solid var(--soi-levb-line);\n overflow: hidden;\n}\n\n.soi-levb-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-levb-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-levb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-levb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-levb-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-levb-accordion-item[open] .soi-levb-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-levb-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-levb-accordion-content p {\n font-size: 14px;\n color: var(--soi-levb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-levb-cta-box {\n background: var(--soi-levb-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-levb-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-levb-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-levb-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-levb-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-levb-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-levb-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-levb-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-levb-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-levb-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-levb-compo-value {\n text-align: left;\n }\n\n .soi-levb-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-levb-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-levb-fiche {\n --soi-levb-text-soft: #2C3E50;\n --soi-levb-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Graine sauvage","offers":[{"title":"Default Title","offer_id":61602946154826,"sku":"GS9103","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/levure-de-biere-bio-et-vegan-en-gelules-packshot_11zon.webp?v=1780041238"},{"product_id":"complexe7-ansil","title":"Complexe bio n°7 de Lapis-Lazuli, Noyer, Orme et Cèdre","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003e\u003cstrong\u003eDécouvrez le Complexe Bio n°7 d’Ansil\u003c\/strong\u003e, une fusion harmonieuse de la\u003cstrong\u003e lithothérapie et de la gemmothérapie\u003c\/strong\u003e, offrant une synergie exceptionnelle pour rétablir l’équilibre ionique et favoriser votre bien-être.\u003c\/p\u003e\n\u003cp\u003eCe complexe unique \u003cstrong\u003ecombine les vertus des cristaux et des bourgeons\u003c\/strong\u003e certifiés bio, créant ainsi une solution naturelle pour apaiser le corps et l’esprit.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AL4007_b5175271-dda9-4d2e-9c23-5e32af7fb3ec.jpg?v=1776180267\" alt=\"Photo d'une femme qui médite dans la nature\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003ePrincipes de la Lithothérapie et de la Gemmothérapie\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eLithothérapie :\u003c\/strong\u003e utilisation des cristaux pour influencer positivement la santé par leurs vibrations uniques. Chaque cristal émet des ondes et des couleurs spécifiques, favorisant l’équilibre physique et mental.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eGemmothérapie :\u003c\/strong\u003e méthode de phytothérapie axée sur les bourgeons et les jeunes pousses, riches en principes actifs et en énergie vitale, pour renforcer l'organisme et stimuler sa régénération.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eComposition du Complexe n°7 d'Ansil\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eLapis-Lazuli :\u003c\/strong\u003e réputé pour ses vertus apaisantes et son efficacité dans la réduction du stress, ce cristal est l'élément central du complexe.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eBourgeons d'Orme :\u003c\/strong\u003e connu pour ses propriétés bénéfiques pour la peau, les ongles et les tissus, aidant à maintenir leur santé et leur élasticité.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eBourgeons de Cèdre :\u003c\/strong\u003e contribuent à une bonne circulation lymphatique, favorisant le drainage et l'élimination des toxines.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eBourgeons de Noyer :\u003c\/strong\u003e protègent contre les radicaux libres induits par le stress, les UV et la pollution, renforçant ainsi les défenses naturelles de la peau.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits clés du Complexe n°7 Ansil \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eRéduction du stress :\u003c\/strong\u003e grâce aux propriétés apaisantes du Lapis-Lazuli.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eProtection de la peau :\u003c\/strong\u003e les bourgeons de Noyer et d'Orme agissent en synergie pour renforcer la barrière cutanée.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAmélioration de la circulation :\u003c\/strong\u003e le Cèdre soutient le système lymphatique, favorisant une meilleure circulation des fluides corporels.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ansil","offers":[{"title":"Default Title","offer_id":61602975809866,"sku":"AL4007","price":21.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_ansil_al4007_complexe-7.jpg?v=1776155689"},{"product_id":"mate-vert-bio-gelules","title":"Maté Vert bio en gélules","description":"\n\u003cdiv class=\"soi-mate-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-mate-hero\"\u003e\n \u003cdiv class=\"soi-mate-hero-tag\"\u003e\n \u003cspan class=\"soi-mate-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Graine Sauvage\n \u003c\/div\u003e\n \u003cspan class=\"soi-mate-hero-title\"\u003eL'énergie ancestrale du Brésil en gélules\u003c\/span\u003e\n \u003cp class=\"soi-mate-hero-subtitle\"\u003eTonique, drainant et antioxydant, le maté vert bio vous accompagne au quotidien avec la force tranquille d'une plante traditionnelle d'Amérique du Sud.\u003c\/p\u003e\n \u003cdiv class=\"soi-mate-hero-labels\"\u003e\n \u003cspan class=\"soi-mate-label soi-mate-label-accent\"\u003eBIO · FR-BIO-01\u003c\/span\u003e\n \u003cspan class=\"soi-mate-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-mate-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-mate-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Pourquoi choisir le maté vert --\u003e\n \u003csection class=\"soi-mate-section\"\u003e\n \u003ch2\u003ePourquoi choisir le maté vert plutôt qu'un autre stimulant naturel ?\u003c\/h2\u003e\n \u003cp\u003eLe maté vert bio se distingue du maté traditionnel par une transformation plus douce qui préserve la chlorophylle, les polyphénols et les vitamines naturellement présents dans la plante. Sa teneur en matéine (un alcaloïde de la famille des xanthines, proche de la caféine) offre un effet tonique progressif, sans le pic d'excitation ni la nervosité que peut provoquer un café serré.\u003c\/p\u003e\n \u003cp\u003eC'est l'une des raisons pour lesquelles le maté vert séduit de plus en plus ceux qui souhaitent rester alertes et dynamiques tout au long de la journée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Les vertus --\u003e\n \u003csection class=\"soi-mate-section\"\u003e\n \u003ch2\u003eLes vertus du maté vert bio : ce que dit la tradition, ce que montre la science\u003c\/h2\u003e\n \u003cdiv class=\"soi-mate-benefits\"\u003e\n \u003cdiv class=\"soi-mate-benefit\"\u003e\n \u003cdiv class=\"soi-mate-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTonus et réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLa matéine agit en douceur sur le système nerveux central, soutenant la vigilance et l'endurance physique sans créer de dépendance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mate-benefit\"\u003e\n \u003cdiv class=\"soi-mate-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDrainage et action minceur\u003c\/h3\u003e\n \u003cp\u003eLe maté vert favorise l'élimination et stimule le métabolisme des graisses, allié naturel dans une démarche de contrôle du poids ou de lutte contre la cellulite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mate-benefit\"\u003e\n \u003cdiv class=\"soi-mate-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAntioxydants puissants\u003c\/h3\u003e\n \u003cp\u003eRiche en polyphénols et en chlorophylle, le maté vert contribue à protéger les cellules du stress oxydatif, avec des effets positifs sur l'éclat de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mate-benefit\"\u003e\n \u003cdiv class=\"soi-mate-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoutien digestif\u003c\/h3\u003e\n \u003cp\u003eUtilisé traditionnellement pour faciliter la digestion et améliorer le confort intestinal après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mate-benefit\"\u003e\n \u003cdiv class=\"soi-mate-benefit-icon\"\u003e\u003cspan\u003e🫀\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCirculation et vitalité globale\u003c\/h3\u003e\n \u003cp\u003eLe maté vert est réputé pour favoriser une bonne circulation sanguine, contribuant à un sentiment de légèreté dans les jambes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Composition et dosage --\u003e\n \u003csection class=\"soi-mate-section\"\u003e\n \u003ch2\u003eComposition et dosage\u003c\/h2\u003e\n \u003cdiv class=\"soi-mate-compo\"\u003e\n \u003cdiv class=\"soi-mate-compo-row\"\u003e\n \u003cspan class=\"soi-mate-compo-label\"\u003eIngrédient actif\u003c\/span\u003e\n \u003cspan class=\"soi-mate-compo-value\"\u003ePoudre de feuilles de maté vert bio (\u003cem\u003eIlex paraguariensis\u003c\/em\u003e)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mate-compo-row\"\u003e\n \u003cspan class=\"soi-mate-compo-label\"\u003eDosage par prise (4 gélules)\u003c\/span\u003e\n \u003cspan class=\"soi-mate-compo-value\"\u003e1 600 mg de poudre de maté vert bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mate-compo-row\"\u003e\n \u003cspan class=\"soi-mate-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"soi-mate-compo-value\"\u003eGélule végétale (HPMC), convient aux végétariens et végétaliens\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mate-compo-row\"\u003e\n \u003cspan class=\"soi-mate-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-mate-compo-value\"\u003e60 gélules végétales (15 jours de cure)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mate-compo-row\"\u003e\n \u003cspan class=\"soi-mate-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-mate-compo-value\"\u003eFeuilles cultivées au Brésil, certifié FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mate-compo-row\"\u003e\n \u003cspan class=\"soi-mate-compo-label\"\u003eGaranties\u003c\/span\u003e\n \u003cspan class=\"soi-mate-compo-value\"\u003eSans additifs, sans conservateurs, sans gluten\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-mate-tip\"\u003e\n \u003cdiv class=\"soi-mate-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eMode d'emploi\u003c\/strong\u003e\n \u003cp\u003ePrenez 4 gélules par jour, de préférence le matin ou avant une activité physique, avec un grand verre d'eau. Évitez la prise en soirée en raison de l'effet tonique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Comment prendre le maté vert --\u003e\n \u003csection class=\"soi-mate-section\"\u003e\n \u003ch2\u003eComment prendre le maté vert en gélules : nos conseils pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-mate-timeline\"\u003e\n \u003cdiv class=\"soi-mate-step\"\u003e\n \u003cdiv class=\"soi-mate-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-mate-step-content\"\u003e\n \u003ch3\u003eEn cure de 15 jours\u003c\/h3\u003e\n \u003cp\u003eIdéalement en accompagnement d'une alimentation équilibrée et d'une activité physique régulière, pour un effet visible sur la silhouette et l'énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mate-step\"\u003e\n \u003cdiv class=\"soi-mate-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-mate-step-content\"\u003e\n \u003ch3\u003eRenouvelable\u003c\/h3\u003e\n \u003cp\u003eVous pouvez enchaîner plusieurs cures avec une semaine de pause entre chacune, selon votre ressenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mate-step\"\u003e\n \u003cdiv class=\"soi-mate-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-mate-step-content\"\u003e\n \u003ch3\u003ePrécautions\u003c\/h3\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux personnes sensibles à la caféine et aux enfants. Ne se substitue 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!-- H2 5 : Un produit bio, vegan, fabriqué en France --\u003e\n \u003csection class=\"soi-mate-section\"\u003e\n \u003ch2\u003eUn produit bio, vegan, fabriqué en France\u003c\/h2\u003e\n \u003cp\u003eLe maté vert bio Graine Sauvage est certifié Agriculture Biologique par Ecocert (FR-BIO-01), issu de feuilles cultivées au Brésil sans pesticides ni intrants chimiques. Les gélules sont fabriquées en France, dans le respect des normes de qualité les plus strictes.\u003c\/p\u003e\n \u003cp\u003eUn choix cohérent pour ceux qui souhaitent allier performance naturelle et consommation responsable.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-mate-grid-compact\"\u003e\n \u003cdiv class=\"soi-mate-card-mini\"\u003e\n \u003cspan class=\"soi-mate-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-mate-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-mate-card-mini-value\"\u003eAB · Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mate-card-mini\"\u003e\n \u003cspan class=\"soi-mate-card-mini-icon\"\u003e🇧🇷\u003c\/span\u003e\n \u003cspan class=\"soi-mate-card-mini-label\"\u003eOrigine feuilles\u003c\/span\u003e\n \u003cspan class=\"soi-mate-card-mini-value\"\u003eBrésil\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mate-card-mini\"\u003e\n \u003cspan class=\"soi-mate-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-mate-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-mate-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mate-card-mini\"\u003e\n \u003cspan class=\"soi-mate-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-mate-card-mini-label\"\u003eRégime\u003c\/span\u003e\n \u003cspan class=\"soi-mate-card-mini-value\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-mate-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-mate-cta-box\"\u003e\n \u003cp class=\"soi-mate-cta-tag\" style=\"color: white;\"\u003eLa force tranquille d'une plante ancestrale\u003c\/p\u003e\n \u003cp class=\"soi-mate-cta-text\" style=\"color: white;\"\u003eTonique sans nervosité, drainant sans contrainte : faites confiance au maté vert bio pour vous accompagner au quotidien avec énergie et légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-mate-marine: #1A2D3D;\n --soi-mate-marine-dark: #0F1E2B;\n --soi-mate-marine-light: #2C4458;\n --soi-mate-pomme: #A1C544;\n --soi-mate-pomme-dark: #84A636;\n --soi-mate-pomme-light: rgba(161,197,68,0.10);\n\n --soi-mate-white: #FFFFFF;\n --soi-mate-off-white: #F8FAF6;\n --soi-mate-stone: #F1F3EE;\n --soi-mate-line: #E5E8E0;\n\n --soi-mate-primary: #7CA86E;\n --soi-mate-primary-soft: rgba(124,168,110,0.12);\n --soi-mate-accent: #C8D929;\n\n --soi-mate-text: #1A2D3D;\n --soi-mate-text-soft: #4A5B6B;\n --soi-mate-text-muted: #7B8693;\n\n --soi-mate-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-mate-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-mate-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-mate-radius: 12px;\n --soi-mate-radius-sm: 8px;\n --soi-mate-radius-pill: 999px;\n}\n\n.soi-mate-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mate-fiche img { max-width: 100%; height: auto; }\n\n.soi-mate-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-mate-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-mate-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-mate-hero {\n position: relative;\n background: var(--soi-mate-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-mate-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-mate-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-mate-pomme);\n}\n\n.soi-mate-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-mate-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-mate-pomme);\n border-radius: 50%;\n}\n\n.soi-mate-hero-title {\n display: block;\n color: var(--soi-mate-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-mate-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-mate-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-mate-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-mate-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-mate-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-mate-label-accent {\n background: var(--soi-mate-pomme);\n border-color: var(--soi-mate-pomme);\n color: var(--soi-mate-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-mate-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mate-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-mate-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-mate-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-mate-pomme);\n border-radius: 2px;\n}\n\n.soi-mate-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-mate-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-mate-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-mate-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-mate-benefit {\n background: var(--soi-mate-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-mate-radius);\n border: 1px solid var(--soi-mate-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mate-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-mate-shadow-md);\n}\n\n.soi-mate-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-mate-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-mate-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-mate-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-mate-benefit:hover .soi-mate-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-mate-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mate-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mate-benefit p {\n font-size: 13px;\n color: var(--soi-mate-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-mate-compo {\n background: var(--soi-mate-off-white);\n border-radius: var(--soi-mate-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-mate-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-mate-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-mate-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-mate-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-mate-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-mate-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-mate-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-mate-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-mate-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-mate-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mate-radius);\n border: 1px solid var(--soi-mate-line);\n align-items: flex-start;\n}\n\n.soi-mate-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-mate-marine);\n color: var(--soi-mate-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-mate-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-mate-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-mate-step-content p {\n font-size: 14px;\n color: var(--soi-mate-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-mate-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-mate-pomme-light);\n border-left: 4px solid var(--soi-mate-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-mate-radius) var(--soi-mate-radius) 0;\n align-items: flex-start;\n}\n\n.soi-mate-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-mate-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-mate-marine);\n margin-bottom: 4px;\n}\n\n.soi-mate-tip p {\n font-size: 14px;\n color: var(--soi-mate-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-mate-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-mate-card-mini {\n background: var(--soi-mate-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-mate-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-mate-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-mate-card-mini-label {\n font-size: 11px;\n color: var(--soi-mate-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-mate-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-mate-marine);\n}\n\n\/* === CTA BOX === *\/\n.soi-mate-cta-box {\n background: var(--soi-mate-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-mate-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-mate-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-mate-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-mate-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-mate-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-mate-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-mate-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-mate-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-mate-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-mate-compo-value {\n text-align: left;\n }\n\n .soi-mate-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-mate-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-mate-fiche {\n --soi-mate-text-soft: #2C3E50;\n --soi-mate-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Graine sauvage","offers":[{"title":"Default Title","offer_id":61603040264522,"sku":"GS0022","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/mate_vert_gelules_grainesauvage_11zon.webp?v=1782033162"},{"product_id":"teinture-mere-propolis","title":"Teinture Mère de Propolis brune Bio - 30 ml - Propolia","description":"\u003cdiv class=\"soi-prop-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-prop-hero\"\u003e\n \u003cdiv class=\"soi-prop-hero-tag\"\u003e\n \u003cspan class=\"soi-prop-tag-dot\"\u003e\u003c\/span\u003e\n Apithérapie · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-prop-hero-title\"\u003eTeinture Mère de Propolis Brune Bio\u003c\/span\u003e\n \u003cp class=\"soi-prop-hero-subtitle\"\u003eUne concentration exceptionnelle de 21% minimum en propolis, une biodisponibilité maximale et une fabrication française en Occitanie pour soutenir votre immunité, apaiser votre gorge et prendre soin de votre peau au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-prop-hero-labels\"\u003e\n \u003cspan class=\"soi-prop-label soi-prop-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-prop-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-prop-label\"\u003eBIO OCCITANIE\u003c\/span\u003e\n \u003cspan class=\"soi-prop-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-prop-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2: Pourquoi choisir une teinture mère de propolis plutôt qu'une gélule ? --\u003e\n \u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003ePourquoi choisir une teinture mère de propolis plutôt qu'une gélule ?\u003c\/h2\u003e\n \u003cp\u003eLa teinture mère est la forme la plus concentrée et la plus rapidement assimilée par l'organisme. Contrairement aux gélules, les actifs de la propolis sont déjà dissous dans le solvant hydroalcoolique : ils passent directement dans la muqueuse buccale. Vous bénéficiez ainsi d'une biodisponibilité maximale, idéale lorsque vous souhaitez agir vite, notamment au premier signe de fatigue ou d'irritation de la gorge.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2: Les vertus de la teinture mère de propolis --\u003e\n \u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eLes vertus de la teinture mère de propolis\u003c\/h2\u003e\n \u003cdiv class=\"soi-prop-benefits\"\u003e\n \u003cdiv class=\"soi-prop-benefit\"\u003e\n \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eRiche en flavonoïdes et en acides phénoliques, la propolis contribue à renforcer vos défenses naturelles, surtout en période hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-benefit\"\u003e\n \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e🗣️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMaux de gorge et troubles ORL\u003c\/h3\u003e\n \u003cp\u003eUtilisée en gargarisme, elle aide à apaiser les gorges irritées, les angines légères et les pharyngites.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-benefit\"\u003e\n \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e🩹\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUsage cutané\u003c\/h3\u003e\n \u003cp\u003eAppliquée localement, elle favorise la cicatrisation des petites plaies, aphtes, gerçures et irritations cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-benefit\"\u003e\n \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e🍇\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEffet antioxydant\u003c\/h3\u003e\n \u003cp\u003eLa propolis protège les cellules du stress oxydatif grâce à sa richesse naturelle en polyphénols.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2: Composition de la teinture mère de propolis Propolia --\u003e\n \u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eComposition de la teinture mère de propolis Propolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-prop-compo\"\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eExtrait de propolis brune purifiée bio\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003e21% minimum par flacon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eSolvant\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003eAlcool éthylique bio à 55% vol.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eDosage par pipette\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003eEnviron 75 mg de propolis brute\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eCaractéristiques\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003eSans gluten, sans actifs de synthèse, sans impuretés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2: Posologie et utilisation de la teinture mère de propolis --\u003e\n \u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003ePosologie et utilisation de la teinture mère de propolis\u003c\/h2\u003e\n \u003cdiv class=\"soi-prop-timeline\"\u003e\n \u003cdiv class=\"soi-prop-step\"\u003e\n \u003cdiv class=\"soi-prop-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step-content\"\u003e\n \u003ch3\u003eEn complément alimentaire (voie orale)\u003c\/h3\u003e\n \u003cp\u003eDiluez 20 à 30 gouttes (soit 1 à 1,5 pipette) dans un verre d'eau, de jus ou de miel, 1 à 3 fois par jour selon vos besoins. À consommer de préférence avant les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step\"\u003e\n \u003cdiv class=\"soi-prop-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step-content\"\u003e\n \u003ch3\u003eEn gargarisme (gorge irritée)\u003c\/h3\u003e\n \u003cp\u003eDiluez 20 à 30 gouttes dans un peu d'eau tiède. Gargarisez pendant 30 secondes puis crachez. À répéter 2 à 3 fois par jour en cas d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step\"\u003e\n \u003cdiv class=\"soi-prop-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step-content\"\u003e\n \u003ch3\u003eEn usage cutané\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes pures ou légèrement diluées sur la zone à traiter (aphte, petite plaie, irritation) à l'aide d'un coton-tige.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-tip\"\u003e\n \u003cdiv class=\"soi-prop-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCure recommandée : 3 semaines minimum, renouvelable après une pause d'une semaine. Ce produit ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2: Garanties qualité Propolia --\u003e\n \u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eGaranties qualité Propolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-prop-grid-compact\"\u003e\n \u003cdiv class=\"soi-prop-card-mini\"\u003e\n \u003cspan class=\"soi-prop-card-mini-icon\"\u003e🏆\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-label\"\u003eDistinction\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-value\"\u003eMeilleur Produit Bio 2020\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card-mini\"\u003e\n \u003cspan class=\"soi-prop-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card-mini\"\u003e\n \u003cspan class=\"soi-prop-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-value\"\u003eAB, Ecocert, Bio Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card-mini\"\u003e\n \u003cspan class=\"soi-prop-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-value\"\u003eFlacon verre ambré 30 ml, pipette graduée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-prop-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur de synthèse\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur de synthèse n'est ajouté à cette formule. Seuls l'alcool éthylique bio et la propolis purifiée composent le produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card\"\u003e\n \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n \u003cp\u003eCette teinture mère convient aux personnes suivant un régime sans gluten, avec un contrôle rigoureux à chaque étape de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2: À qui s'adresse cette teinture mère de propolis ? --\u003e\n \u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette teinture mère de propolis ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-prop-grid\"\u003e\n \u003cdiv class=\"soi-prop-card\"\u003e\n \u003ch3\u003e❄️ Soutien hivernal\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez soutenir votre immunité en hiver ? Cette teinture mère concentrée vous accompagne naturellement pendant les périodes exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card\"\u003e\n \u003ch3\u003e🗣️ Gorge sensible\u003c\/h3\u003e\n \u003cp\u003eVous souffrez régulièrement de maux de gorge ? La propolis en teinture mère agit rapidement grâce à sa biodisponibilité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card\"\u003e\n \u003ch3\u003e🩹 Petits bobos cutanés\u003c\/h3\u003e\n \u003cp\u003eAphtes, gerçures, irritations : appliquée localement, elle favorise la cicatrisation et apaise les zones sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"soi-prop-accordion-item\"\u003e\n \u003csummary class=\"soi-prop-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-prop-accordion-content\"\u003e\n \u003cp\u003eDéconseillée aux personnes allergiques aux produits de la ruche, aux femmes enceintes ou allaitantes 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 \u003c!-- CTA final --\u003e\n \u003csection class=\"soi-prop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-prop-cta-box\"\u003e\n \u003cp class=\"soi-prop-cta-tag\" style=\"color: white;\"\u003eLe meilleur de la ruche occitane, certifié bio\u003c\/p\u003e\n \u003cp class=\"soi-prop-cta-text\" style=\"color: white;\"\u003eChaque goutte de cette teinture mère de propolis bio Propolia renferme une propolis pure, concentrée à 21% minimum et biodisponible en quelques instants. Que vous souhaitiez renforcer vos défenses, apaiser votre gorge ou prendre soin d'une peau irritée, elle s'intègre en quelques secondes dans votre 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-prop-marine: #1A2D3D;\n --soi-prop-marine-dark: #0F1E2B;\n --soi-prop-marine-light: #2C4458;\n --soi-prop-pomme: #A1C544;\n --soi-prop-pomme-dark: #84A636;\n --soi-prop-pomme-light: rgba(161,197,68,0.10);\n --soi-prop-white: #FFFFFF;\n --soi-prop-off-white: #F8FAF6;\n --soi-prop-stone: #F1F3EE;\n --soi-prop-line: #E5E8E0;\n --soi-prop-primary: #D4A82A;\n --soi-prop-primary-soft: #F5ECD4;\n --soi-prop-accent: #7A3B2E;\n --soi-prop-text: #1A2D3D;\n --soi-prop-text-soft: #4A5B6B;\n --soi-prop-text-muted: #7B8693;\n --soi-prop-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-prop-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-prop-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-prop-radius: 12px;\n --soi-prop-radius-sm: 8px;\n --soi-prop-radius-pill: 999px;\n}\n\n.soi-prop-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-prop-fiche img { max-width: 100%; height: auto; }\n\n.soi-prop-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-prop-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-prop-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-prop-hero {\n position: relative;\n background: var(--soi-prop-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-prop-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-prop-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-prop-pomme);\n}\n\n.soi-prop-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-prop-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-prop-pomme);\n border-radius: 50%;\n}\n\n.soi-prop-hero-title {\n display: block;\n color: var(--soi-prop-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-prop-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-prop-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-prop-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-prop-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-prop-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-prop-label-accent {\n background: var(--soi-prop-pomme);\n border-color: var(--soi-prop-pomme);\n color: var(--soi-prop-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-prop-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-prop-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-prop-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-prop-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-prop-pomme);\n border-radius: 2px;\n}\n\n.soi-prop-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-prop-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-prop-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-prop-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-prop-benefit {\n background: var(--soi-prop-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-prop-radius);\n border: 1px solid var(--soi-prop-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-prop-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-prop-shadow-md);\n}\n\n.soi-prop-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-prop-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-prop-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-prop-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-prop-benefit:hover .soi-prop-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-prop-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-prop-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-prop-benefit p {\n font-size: 13px;\n color: var(--soi-prop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-prop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-prop-card {\n background: var(--soi-prop-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-prop-radius);\n border-left: 3px solid var(--soi-prop-pomme);\n}\n\n.soi-prop-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-prop-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-prop-card p {\n font-size: 14px;\n color: var(--soi-prop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-prop-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-prop-card-mini {\n background: var(--soi-prop-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-prop-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-prop-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-prop-card-mini-label {\n font-size: 11px;\n color: var(--soi-prop-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-prop-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-prop-marine);\n}\n\n\/* COMPO *\/\n.soi-prop-compo {\n background: var(--soi-prop-off-white);\n border-radius: var(--soi-prop-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-prop-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-prop-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-prop-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-prop-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-prop-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-prop-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-prop-marine);\n text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-prop-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-prop-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-prop-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-prop-radius);\n border: 1px solid var(--soi-prop-line);\n align-items: flex-start;\n}\n\n.soi-prop-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-prop-marine);\n color: var(--soi-prop-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-prop-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-prop-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-prop-step-content p {\n font-size: 14px;\n color: var(--soi-prop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIP *\/\n.soi-prop-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-prop-pomme-light);\n border-left: 4px solid var(--soi-prop-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-prop-radius) var(--soi-prop-radius) 0;\n align-items: flex-start;\n}\n\n.soi-prop-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-prop-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-prop-marine);\n margin-bottom: 4px;\n}\n\n.soi-prop-tip p {\n font-size: 14px;\n color: var(--soi-prop-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-prop-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-prop-accordion-item {\n background: var(--soi-prop-off-white);\n border-radius: var(--soi-prop-radius-sm);\n border: 1px solid var(--soi-prop-line);\n overflow: hidden;\n}\n\n.soi-prop-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-prop-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-prop-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-prop-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-prop-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-prop-accordion-item[open] .soi-prop-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-prop-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-prop-accordion-content p {\n font-size: 14px;\n color: var(--soi-prop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-prop-cta-box {\n background: var(--soi-prop-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-prop-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-prop-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-prop-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-prop-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-prop-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-prop-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-prop-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-prop-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-prop-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-prop-compo-value {\n text-align: left;\n }\n\n .soi-prop-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-prop-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-prop-fiche {\n --soi-prop-text-soft: #2C3E50;\n --soi-prop-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603177759050,"sku":"AP0100","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/teinture-mere-de-propolis-brune-bio-propolia-packshot.webp?v=1779199503"},{"product_id":"huile-bourrache-bio","title":"Huile de Bourrache Bio en gélules","description":"\u003cdiv class=\"soi-bour-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-bour-hero\"\u003e\n \u003cdiv class=\"soi-bour-hero-tag\"\u003e\n \u003cspan class=\"soi-bour-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Graine Sauvage\n \u003c\/div\u003e\n \u003cspan class=\"soi-bour-hero-title\"\u003eLa cure anti-âge naturelle pour votre peau\u003c\/span\u003e\n \u003cp class=\"soi-bour-hero-subtitle\"\u003eL'huile de bourrache bio en capsules molles, concentrée en acide gamma-linolénique, nourrit votre peau de l'intérieur pour retrouver souplesse, hydratation et éclat.\u003c\/p\u003e\n \u003cdiv class=\"soi-bour-hero-labels\"\u003e\n \u003cspan class=\"soi-bour-label soi-bour-label-accent\"\u003eBIO AB\u003c\/span\u003e\n \u003cspan class=\"soi-bour-label\"\u003eFR-BIO-01\u003c\/span\u003e\n \u003cspan class=\"soi-bour-label\"\u003ePREMIÈRE PRESSION À FROID\u003c\/span\u003e\n \u003cspan class=\"soi-bour-label\"\u003e60 CAPSULES MOLLES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi l'huile de bourrache ? Ce que disent les actifs --\u003e\n \u003csection class=\"soi-bour-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de bourrache ? Ce que disent les actifs\u003c\/h2\u003e\n \u003cdiv class=\"soi-bour-benefits\"\u003e\n \u003cdiv class=\"soi-bour-benefit\"\u003e\n \u003cdiv class=\"soi-bour-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAcide gamma-linolénique (AGL)\u003c\/h3\u003e\n \u003cp\u003eComposant clé des membranes cellulaires, cet oméga-6 rare contribue à l'hydratation, à la souplesse et à l'élasticité de la peau. L'huile de bourrache en est l'une des sources végétales les plus riches (18 à 26 % de la composition).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bour-benefit\"\u003e\n \u003cdiv class=\"soi-bour-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAcide linoléique (oméga-6)\u003c\/h3\u003e\n \u003cp\u003ePrésent en grande quantité, il renforce la barrière cutanée et aide à limiter la perte en eau, particulièrement utile pour les peaux sèches ou sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bour-benefit\"\u003e\n \u003cdiv class=\"soi-bour-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVitamine E naturelle (tocophérol)\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant, elle aide à protéger les cellules contre le stress oxydatif, contribuant à ralentir le vieillissement cutané prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1.25rem;\"\u003ePrise en complément alimentaire, l'huile de bourrache agit de l'intérieur, là où les crèmes ne peuvent pas toujours atteindre. Elle est aussi appréciée pour ses effets potentiels sur la qualité des cheveux et des ongles, souvent fragilisés par les carences en acides gras essentiels.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition et posologie --\u003e\n \u003csection class=\"soi-bour-section\"\u003e\n \u003ch2\u003eComposition et posologie : ce que contient chaque capsule\u003c\/h2\u003e\n \u003cdiv class=\"soi-bour-compo\"\u003e\n \u003cdiv class=\"soi-bour-compo-row\"\u003e\n \u003cspan class=\"soi-bour-compo-label\"\u003eHuile de bourrache bio (Borago officinalis)\u003c\/span\u003e\n \u003cspan class=\"soi-bour-compo-value\"\u003e500 mg par capsule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bour-compo-row\"\u003e\n \u003cspan class=\"soi-bour-compo-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-bour-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bour-compo-row\"\u003e\n \u003cspan class=\"soi-bour-compo-label\"\u003eVitamine E naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-bour-compo-value\"\u003eD-alpha-tocophérol (antioxydant)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bour-compo-row\"\u003e\n \u003cspan class=\"soi-bour-compo-label\"\u003eEnveloppe de la capsule\u003c\/span\u003e\n \u003cspan class=\"soi-bour-compo-value\"\u003eGélatine bovine, glycérol, eau purifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bour-compo-row\"\u003e\n \u003cspan class=\"soi-bour-compo-label\"\u003eContenu du flacon\u003c\/span\u003e\n \u003cspan class=\"soi-bour-compo-value\"\u003e60 capsules molles (cure de 20 jours)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-bour-timeline\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"soi-bour-step\"\u003e\n \u003cdiv class=\"soi-bour-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-bour-step-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003e3 capsules molles par jour, à avaler avec un grand verre d'eau, de préférence au moment des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bour-step\"\u003e\n \u003cdiv class=\"soi-bour-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-bour-step-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003ePour des résultats visibles sur la peau, une cure de 6 à 8 semaines est généralement conseillé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 faite cette cure --\u003e\n \u003csection class=\"soi-bour-section\"\u003e\n \u003ch2\u003ePour qui est faite cette cure d'huile de bourrache bio en gélules ?\u003c\/h2\u003e\n \u003cp class=\"soi-bour-section-intro\"\u003eCe complément convient particulièrement si vous présentez l'un des profils suivants :\u003c\/p\u003e\n \u003cdiv class=\"soi-bour-grid\"\u003e\n \u003cdiv class=\"soi-bour-card\"\u003e\n \u003ch3\u003e🌾 Peau sèche, terne ou inconfortable\u003c\/h3\u003e\n \u003cp\u003eSurtout en hiver ou après 40 ans, lorsque la production naturelle d'acides gras essentiels ralentit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bour-card\"\u003e\n \u003ch3\u003e✨ Signes de vieillissement cutané\u003c\/h3\u003e\n \u003cp\u003eRides précoces, manque de fermeté : l'AGL soutient la régénération cellulaire de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bour-card\"\u003e\n \u003ch3\u003e🌸 Peau sensible sujette aux rougeurs\u003c\/h3\u003e\n \u003cp\u003eLes oméga-6 contribuent à apaiser les peaux réactives, sujettes aux démangeaisons ou aux inconforts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bour-card\"\u003e\n \u003ch3\u003e💅 Ongles cassants ou cheveux fragilisés\u003c\/h3\u003e\n \u003cp\u003eLes acides gras essentiels nourrissent également les phanères pour des ongles et cheveux plus résistants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-bour-accordion\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdetails class=\"soi-bour-accordion-item\"\u003e\n \u003csummary class=\"soi-bour-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-bour-accordion-content\"\u003e\n \u003cp\u003eCe complément est déconseillé aux femmes enceintes ou allaitantes sans avis médical préalable. Il ne remplace pas un traitement médical ni un suivi dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les engagements Graine Sauvage --\u003e\n \u003csection class=\"soi-bour-section\"\u003e\n \u003ch2\u003eLes engagements Graine Sauvage\u003c\/h2\u003e\n \u003cdiv class=\"soi-bour-grid-compact\"\u003e\n \u003cdiv class=\"soi-bour-card-mini\"\u003e\n \u003cspan class=\"soi-bour-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-bour-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-bour-card-mini-value\"\u003eBio AB \/ FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bour-card-mini\"\u003e\n \u003cspan class=\"soi-bour-card-mini-icon\"\u003e❄️\u003c\/span\u003e\n \u003cspan class=\"soi-bour-card-mini-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-bour-card-mini-value\"\u003e1ère pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bour-card-mini\"\u003e\n \u003cspan class=\"soi-bour-card-mini-icon\"\u003e🧪\u003c\/span\u003e\n \u003cspan class=\"soi-bour-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-bour-card-mini-value\"\u003eSans additifs inutiles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bour-card-mini\"\u003e\n \u003cspan class=\"soi-bour-card-mini-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"soi-bour-card-mini-label\"\u003eDosage\u003c\/span\u003e\n \u003cspan class=\"soi-bour-card-mini-value\"\u003e500 mg par capsule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment associer l'huile de bourrache --\u003e\n \u003csection class=\"soi-bour-section\"\u003e\n \u003ch2\u003eComment associer vos capsules d'huile de bourrache pour de meilleurs résultats ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-bour-tip\"\u003e\n \u003cdiv class=\"soi-bour-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eL'huile d'onagre et l'huile de bourrache forment un duo complémentaire très apprécié : l'onagre apporte également de l'AGL et des phyto-estrogènes intéressants pour les femmes en période de ménopause. Associées, leurs bienfaits pour la peau se potentialisent. Vous pouvez alterner les cures ou les combiner selon les conseils d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-bour-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-bour-cta-box\"\u003e\n \u003cp class=\"soi-bour-cta-tag\" style=\"color: white;\"\u003eNourrissez votre peau de l'intérieur\u003c\/p\u003e\n \u003cp class=\"soi-bour-cta-text\" style=\"color: white;\"\u003eRiche en acides gras rares et en vitamine E, chaque capsule d'huile de bourrache bio Graine Sauvage nourrit vos cellules en profondeur pour révéler une peau plus souple, plus hydratée et plus lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-bour-marine: #1A2D3D;\n --soi-bour-marine-dark: #0F1E2B;\n --soi-bour-marine-light: #2C4458;\n --soi-bour-pomme: #A1C544;\n --soi-bour-pomme-dark: #84A636;\n --soi-bour-pomme-light: rgba(161,197,68,0.10);\n --soi-bour-white: #FFFFFF;\n --soi-bour-off-white: #F8FAF6;\n --soi-bour-stone: #F1F3EE;\n --soi-bour-line: #E5E8E0;\n --soi-bour-primary: #C6D44A;\n --soi-bour-primary-soft: #E8EDC4;\n --soi-bour-accent: #D4A82A;\n --soi-bour-text: #1A2D3D;\n --soi-bour-text-soft: #4A5B6B;\n --soi-bour-text-muted: #7B8693;\n --soi-bour-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-bour-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-bour-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-bour-radius: 12px;\n --soi-bour-radius-sm: 8px;\n --soi-bour-radius-pill: 999px;\n}\n\n.soi-bour-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bour-fiche img { max-width: 100%; height: auto; }\n\n.soi-bour-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-bour-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-bour-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-bour-hero {\n position: relative;\n background: var(--soi-bour-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-bour-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-bour-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-bour-pomme);\n}\n\n.soi-bour-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-bour-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-bour-pomme);\n border-radius: 50%;\n}\n\n.soi-bour-hero-title {\n display: block;\n color: var(--soi-bour-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-bour-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-bour-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-bour-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-bour-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-bour-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-bour-label-accent {\n background: var(--soi-bour-pomme);\n border-color: var(--soi-bour-pomme);\n color: var(--soi-bour-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-bour-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bour-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-bour-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-bour-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-bour-pomme);\n border-radius: 2px;\n}\n\n.soi-bour-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-bour-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-bour-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-bour-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-bour-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-bour-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-bour-benefit {\n background: var(--soi-bour-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-bour-radius);\n border: 1px solid var(--soi-bour-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bour-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-bour-shadow-md);\n}\n\n.soi-bour-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-bour-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-bour-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-bour-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-bour-benefit:hover .soi-bour-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-bour-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bour-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bour-benefit p {\n font-size: 13px;\n color: var(--soi-bour-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-bour-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-bour-card {\n background: var(--soi-bour-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bour-radius);\n border-left: 3px solid var(--soi-bour-pomme);\n}\n\n.soi-bour-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bour-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bour-card p {\n font-size: 14px;\n color: var(--soi-bour-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-bour-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-bour-card-mini {\n background: var(--soi-bour-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-bour-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-bour-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-bour-card-mini-label {\n font-size: 11px;\n color: var(--soi-bour-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-bour-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bour-marine);\n}\n\n\/* TIMELINE *\/\n.soi-bour-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-bour-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-bour-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bour-radius);\n border: 1px solid var(--soi-bour-line);\n align-items: flex-start;\n}\n\n.soi-bour-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-bour-marine);\n color: var(--soi-bour-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-bour-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bour-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-bour-step-content p {\n font-size: 14px;\n color: var(--soi-bour-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-bour-compo {\n background: var(--soi-bour-off-white);\n border-radius: var(--soi-bour-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-bour-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-bour-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-bour-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-bour-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-bour-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-bour-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-bour-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-bour-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-bour-pomme-light);\n border-left: 4px solid var(--soi-bour-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-bour-radius) var(--soi-bour-radius) 0;\n align-items: flex-start;\n}\n\n.soi-bour-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-bour-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-bour-marine);\n margin-bottom: 4px;\n}\n\n.soi-bour-tip p {\n font-size: 14px;\n color: var(--soi-bour-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-bour-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-bour-accordion-item {\n background: var(--soi-bour-off-white);\n border-radius: var(--soi-bour-radius-sm);\n border: 1px solid var(--soi-bour-line);\n overflow: hidden;\n}\n\n.soi-bour-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-bour-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-bour-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-bour-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-bour-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-bour-accordion-item[open] .soi-bour-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-bour-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-bour-accordion-content p {\n font-size: 14px;\n color: var(--soi-bour-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-bour-cta-box {\n background: var(--soi-bour-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-bour-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-bour-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-bour-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-bour-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-bour-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-bour-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-bour-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-bour-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-bour-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-bour-compo-value {\n text-align: left;\n }\n\n .soi-bour-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-bour-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-bour-fiche {\n --soi-bour-text-soft: #2C3E50;\n --soi-bour-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Graine sauvage","offers":[{"title":"Default Title","offer_id":61603271180618,"sku":"GS9096","price":21.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-bourrache-bio-en-gelules-packshot.webp?v=1780055853"},{"product_id":"dermoline-solaire-bio-en-gelules","title":"Dermoline Solaire Bio - 60 gélules - LT Labo","description":"\u003cdiv class=\"soi-derm-fiche\"\u003e\n\n\u003csection class=\"soi-derm-hero\"\u003e\n \u003cdiv class=\"soi-derm-hero-tag\"\u003e\n \u003cspan class=\"soi-derm-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire solaire · LT Labo\n \u003c\/div\u003e\n \u003cspan class=\"soi-derm-hero-title\"\u003eGélules Bronzage bio\u003c\/span\u003e\n \u003cp class=\"soi-derm-hero-subtitle\"\u003ePréparez votre peau de l'intérieur, soutenez votre protection cellulaire et favorisez un bronzage naturel et uniforme, été après été.\u003c\/p\u003e\n \u003cdiv class=\"soi-derm-hero-labels\"\u003e\n \u003cspan class=\"soi-derm-label soi-derm-label-accent\"\u003eBIO (AB)\u003c\/span\u003e\n \u003cspan class=\"soi-derm-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-derm-label\"\u003ePROTECTION CELLULAIRE\u003c\/span\u003e\n \u003cspan class=\"soi-derm-label\"\u003e60 GÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n \u003ch2\u003ePourquoi choisir un complément alimentaire en préparation solaire ?\u003c\/h2\u003e\n \u003cp\u003eUne bonne protection solaire ne se limite pas à appliquer une crème sur le visage ou les cheveux. Votre peau a besoin d'être nourrie en profondeur pour mieux résister au stress oxydatif généré par les UV.\u003c\/p\u003e\n \u003cp\u003eC'est exactement ce que fait Dermoline Solaire Bio : il agit de l'intérieur, en complément de votre protection solaire visage et corps habituelle, pour renforcer les défenses naturelles de votre peau avant et pendant l'exposition.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n \u003ch2\u003eLes actifs clés de Dermoline Solaire Bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-derm-benefits\"\u003e\n \u003cdiv class=\"soi-derm-benefit\"\u003e\n \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🌺\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUrucum (poudre)\u003c\/h3\u003e\n \u003cp\u003eExceptionnellement riche en bixine, un caroténoïde puissant, l'urucum est l'un des végétaux les plus concentrés en antioxydants naturels. Il aide à neutraliser les radicaux libres induits par les UV et soutient l'éclat du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-benefit\"\u003e\n \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🥕\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExtrait de carotte\u003c\/h3\u003e\n \u003cp\u003eSource de bêta-carotène, précurseur naturel de la vitamine A, il contribue à préparer la peau au bronzage et à homogénéiser le hâle pour un résultat plus uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-benefit\"\u003e\n \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🍅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExtrait de tomate\u003c\/h3\u003e\n \u003cp\u003eRiche en lycopène, un antioxydant reconnu pour sa capacité à protéger les cellules cutanées contre les dommages photo-induits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-benefit\"\u003e\n \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🍒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVitamine C issue d'acérola\u003c\/h3\u003e\n \u003cp\u003eL'une des sources naturelles les plus concentrées en vitamine C. Elle soutient la synthèse de collagène, favorise le renouvellement cellulaire et protège les cellules du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n \u003ch2\u003eComposition complète et posologie\u003c\/h2\u003e\n \u003cdiv class=\"soi-derm-compo\"\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003ePosologie recommandée\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003e2 gélules par jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003ePoudre d'urucum\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003e\u003cem\u003eBixa orellana\u003c\/em\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003eExtrait de carotte\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003e\u003cem\u003eDaucus carota\u003c\/em\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003eExtrait de tomate\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003e\u003cem\u003eSolanum lycopersicum\u003c\/em\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003eVitamine C naturelle d'acérola\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003e\u003cem\u003eMalpighia emarginata\u003c\/em\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003eGélule végétale\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003eHPMC (convient aux végans)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003e60 gélules (30 jours de cure)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003eAgriculture Biologique (AB), formule vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n \u003ch2\u003eComment utiliser Dermoline Solaire Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-derm-timeline\"\u003e\n \u003cdiv class=\"soi-derm-step\"\u003e\n \u003cdiv class=\"soi-derm-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-derm-step-content\"\u003e\n \u003ch3\u003eCommencez la cure en amont\u003c\/h3\u003e\n \u003cp\u003eDébutez la prise 4 semaines avant l'exposition pour préparer votre peau et maximiser les bénéfices dès les premiers rayons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-step\"\u003e\n \u003cdiv class=\"soi-derm-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-derm-step-content\"\u003e\n \u003ch3\u003e2 gélules par jour\u003c\/h3\u003e\n \u003cp\u003ePrenez 2 gélules par jour avec un grand verre d'eau, de préférence au cours d'un repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-step\"\u003e\n \u003cdiv class=\"soi-derm-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-derm-step-content\"\u003e\n \u003ch3\u003eContinuez pendant et après les vacances\u003c\/h3\u003e\n \u003cp\u003eProlongez votre bronzage et maintenez la protection cellulaire de votre peau en poursuivant la cure au retour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-tip\"\u003e\n \u003cdiv class=\"soi-derm-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eRappel important\u003c\/strong\u003e\n \u003cp\u003eDermoline Solaire Bio ne remplace pas l'application d'une crème de protection solaire pour le visage et le corps. Il agit en complément pour renforcer les défenses naturelles de votre peau de l'intérieur. Ce complément alimentaire ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse Dermoline Solaire Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-derm-grid\"\u003e\n \u003cdiv class=\"soi-derm-card\"\u003e\n \u003ch3\u003e☀️ Peaux sensibles aux UV\u003c\/h3\u003e\n \u003cp\u003eSi votre peau réagit vite aux rayons (rougeurs, coups de soleil fréquents), ce complément vous aide à renforcer ses défenses naturelles de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-card\"\u003e\n \u003ch3\u003e✨ Bronzage uniforme et durable\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui souhaitent un hâle plus homogène et prolongé, sans excès d'exposition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-card\"\u003e\n \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003ePour les personnes soucieuses de prévenir le vieillissement cutané lié aux UV et de protéger leurs cellules du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-card\"\u003e\n \u003ch3\u003e🌿 Formule bio et vegan\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les végans et toutes les personnes qui privilégient des formules certifiées biologiques, sans compromis sur la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-derm-cta-box\"\u003e\n \u003cp class=\"soi-derm-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement, même sous le soleil\u003c\/p\u003e\n \u003cp class=\"soi-derm-cta-text\" style=\"color: white;\"\u003eDermoline Solaire Bio, c'est la promesse d'aborder chaque exposition au soleil avec plus de sérénité. Ses actifs biologiques, riches en antioxydants naturels, soutiennent votre peau de l'intérieur pour un bronzage plus homogène, une meilleure protection cellulaire et un éclat qui dure bien au-delà de l'été.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-derm-marine: #1A2D3D;\n --soi-derm-marine-dark: #0F1E2B;\n --soi-derm-marine-light: #2C4458;\n --soi-derm-pomme: #A1C544;\n --soi-derm-pomme-dark: #84A636;\n --soi-derm-pomme-light: rgba(161,197,68,0.10);\n --soi-derm-white: #FFFFFF;\n --soi-derm-off-white: #F8FAF6;\n --soi-derm-stone: #F1F3EE;\n --soi-derm-line: #E5E8E0;\n --soi-derm-primary: #D88542;\n --soi-derm-primary-soft: #F5E6D3;\n --soi-derm-accent: #C45A2A;\n --soi-derm-text: #1A2D3D;\n --soi-derm-text-soft: #4A5B6B;\n --soi-derm-text-muted: #7B8693;\n --soi-derm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-derm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-derm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-derm-radius: 12px;\n --soi-derm-radius-sm: 8px;\n --soi-derm-radius-pill: 999px;\n}\n\n.soi-derm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-derm-fiche img { max-width: 100%; height: auto; }\n\n.soi-derm-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-derm-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-derm-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-derm-hero {\n position: relative;\n background: var(--soi-derm-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-derm-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-derm-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--soi-derm-pomme), var(--soi-derm-primary));\n}\n\n.soi-derm-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-derm-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-derm-pomme);\n border-radius: 50%;\n}\n\n.soi-derm-hero-title {\n display: block;\n color: var(--soi-derm-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-derm-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-derm-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-derm-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-derm-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-derm-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-derm-label-accent {\n background: var(--soi-derm-pomme);\n border-color: var(--soi-derm-pomme);\n color: var(--soi-derm-marine);\n font-weight: 600;\n}\n\n.soi-derm-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-derm-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-derm-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-derm-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-derm-pomme);\n border-radius: 2px;\n}\n\n.soi-derm-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-derm-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-derm-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-derm-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-derm-benefit {\n background: var(--soi-derm-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-derm-radius);\n border: 1px solid var(--soi-derm-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-derm-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-derm-shadow-md);\n}\n\n.soi-derm-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-derm-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-derm-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-derm-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-derm-benefit:hover .soi-derm-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-derm-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-derm-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-derm-benefit p {\n font-size: 13px;\n color: var(--soi-derm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-derm-compo {\n background: var(--soi-derm-off-white);\n border-radius: var(--soi-derm-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-derm-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-derm-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-derm-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-derm-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-derm-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-derm-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-derm-marine);\n text-align: right;\n}\n\n.soi-derm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-derm-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-derm-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-derm-radius);\n border: 1px solid var(--soi-derm-line);\n align-items: flex-start;\n}\n\n.soi-derm-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-derm-marine);\n color: var(--soi-derm-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-derm-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-derm-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-derm-step-content p {\n font-size: 14px;\n color: var(--soi-derm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-derm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-derm-card {\n background: var(--soi-derm-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-derm-radius);\n border-left: 3px solid var(--soi-derm-pomme);\n}\n\n.soi-derm-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-derm-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-derm-card p {\n font-size: 14px;\n color: var(--soi-derm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-derm-tip {\n display: flex;\n gap: 1rem;\n background: rgba(216,133,66,0.08);\n border-left: 4px solid var(--soi-derm-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-derm-radius) var(--soi-derm-radius) 0;\n align-items: flex-start;\n}\n\n.soi-derm-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-derm-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-derm-marine);\n margin-bottom: 4px;\n}\n\n.soi-derm-tip p {\n font-size: 14px;\n color: var(--soi-derm-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-derm-cta-box {\n background: var(--soi-derm-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-derm-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-derm-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-derm-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-derm-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-derm-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-derm-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-derm-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-derm-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-derm-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-derm-compo-value {\n text-align: left;\n }\n\n .soi-derm-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-derm-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-derm-grid {\n grid-template-columns: 1fr;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-derm-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-derm-fiche {\n --soi-derm-text-soft: #2C3E50;\n --soi-derm-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"LT Labo","offers":[{"title":"Default Title","offer_id":61603337732426,"sku":"LT0370","price":14.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dermoline-solaire-bio-en-gelules-packshot.webp?v=1779718546"},{"product_id":"caraline-vegan-bio-60-gelules","title":"Ceraline - Complément Cheveux, Ongles \u0026 Peau - LT Labo","description":"\u003cdiv class=\"soi-cera-fiche\"\u003e\n\n\u003csection class=\"soi-cera-hero\"\u003e\n \u003cdiv class=\"soi-cera-hero-tag\"\u003e\n \u003cspan class=\"soi-cera-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · LT Labo\n \u003c\/div\u003e\n \u003cspan class=\"soi-cera-hero-title\"\u003eCéraline Bio\u003c\/span\u003e\n \u003cp class=\"soi-cera-hero-subtitle\"\u003eRoquette, prêle et levure de bière : trois actifs bio et vegan réunis pour redonner vitalité, éclat et résistance à vos cheveux, ongles et peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-cera-hero-labels\"\u003e\n \u003cspan class=\"soi-cera-label soi-cera-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-cera-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-cera-label\"\u003e60 GÉLULES\u003c\/span\u003e\n \u003cspan class=\"soi-cera-label\"\u003eSANS OGM\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cera-section\"\u003e\n \u003ch2\u003ePourquoi vos cheveux et ongles ont besoin d'un soutien nutritionnel ?\u003c\/h2\u003e\n \u003cp\u003eLe stress, les changements hormonaux, la fatigue chronique ou encore une alimentation déséquilibrée affectent en premier lieu la qualité des phanères. Cheveux qui tombent, ongles qui cassent, peau terne : ces signaux sont souvent le reflet d'un manque de micronutriments essentiels.\u003c\/p\u003e\n \u003cp\u003eCéraline Bio répond précisément à ces besoins grâce à une combinaison de plantes et de levure riches en nutriments ciblés.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cera-section\"\u003e\n \u003ch2\u003eLes 3 actifs clés de Céraline Bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-cera-benefits\"\u003e\n \u003cdiv class=\"soi-cera-benefit\"\u003e\n \u003cdiv class=\"soi-cera-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRoquette bio\u003c\/h3\u003e\n \u003cp\u003eRiche en flavonoïdes, en vitamines A, B, C et K, ainsi qu'en minéraux et oligo-éléments, la roquette (\u003cem\u003eEruca sativa\u003c\/em\u003e) stimule le bulbe pileux et favorise une croissance saine des cheveux. Elle apporte également des antioxydants utiles à l'éclat de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cera-benefit\"\u003e\n \u003cdiv class=\"soi-cera-benefit-icon\"\u003e\u003cspan\u003e🌾\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePrêle des champs bio\u003c\/h3\u003e\n \u003cp\u003eExceptionnellement concentrée en silice organique, la prêle contribue à la reminéralisation des tissus. Elle soutient la structure du cheveu, renforce la solidité des ongles, améliore l'élasticité de la peau et favorise la microcirculation du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cera-benefit\"\u003e\n \u003cdiv class=\"soi-cera-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eLevure de bière bio\u003c\/h3\u003e\n \u003cp\u003eVéritable concentré de vitamines du groupe B, de protéines et de minéraux, la levure de bière (\u003cem\u003eSaccharomyces cerevisiae\u003c\/em\u003e) stimule la synthèse de kératine, la protéine structurelle des cheveux et des ongles. Elle contribue à leur brillance, leur robustesse et leur souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cera-section\"\u003e\n \u003ch2\u003eComposition et posologie de Céraline Bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-cera-compo\"\u003e\n \u003cdiv class=\"soi-cera-compo-row\"\u003e\n \u003cspan class=\"soi-cera-compo-label\"\u003eIngrédient 1\u003c\/span\u003e\n \u003cspan class=\"soi-cera-compo-value\"\u003ePoudre de roquette bio (\u003cem\u003eEruca sativa\u003c\/em\u003e)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cera-compo-row\"\u003e\n \u003cspan class=\"soi-cera-compo-label\"\u003eIngrédient 2\u003c\/span\u003e\n \u003cspan class=\"soi-cera-compo-value\"\u003ePoudre de prêle des champs bio (\u003cem\u003eEquisetum arvense\u003c\/em\u003e)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cera-compo-row\"\u003e\n \u003cspan class=\"soi-cera-compo-label\"\u003eIngrédient 3\u003c\/span\u003e\n \u003cspan class=\"soi-cera-compo-value\"\u003eLevure de bière bio (\u003cem\u003eSaccharomyces cerevisiae\u003c\/em\u003e)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cera-compo-row\"\u003e\n \u003cspan class=\"soi-cera-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"soi-cera-compo-value\"\u003eGélule végétale (HPMC)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cera-compo-row\"\u003e\n \u003cspan class=\"soi-cera-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-cera-compo-value\"\u003e60 gélules (1 mois de cure)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cera-tip\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-cera-tip-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePosologie recommandée\u003c\/strong\u003e\n \u003cp\u003e2 gélules par jour, de préférence au cours d'un repas, avec un grand verre d'eau. Une cure de 6 à 8 semaines minimum est conseillée pour observer des résultats visibles sur la qualité des cheveux et des ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cera-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse Céraline Bio ?\u003c\/h2\u003e\n \u003cp\u003eCe complément convient particulièrement aux personnes qui traversent :\u003c\/p\u003e\n \u003cdiv class=\"soi-cera-grid\"\u003e\n \u003cdiv class=\"soi-cera-card\"\u003e\n \u003ch3\u003e😓 Stress et fatigue\u003c\/h3\u003e\n \u003cp\u003eVous traversez une période de stress intense ou de fatigue prolongée qui affecte la vitalité de vos cheveux et de vos ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cera-card\"\u003e\n \u003ch3\u003e🔄 Changement hormonal\u003c\/h3\u003e\n \u003cp\u003ePost-accouchement, ménopause, puberté : les fluctuations hormonales fragilisent les phanères et nécessitent un soutien ciblé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cera-card\"\u003e\n \u003ch3\u003e🍂 Chute saisonnière\u003c\/h3\u003e\n \u003cp\u003eVous constatez une perte de cheveux saisonnière ou diffuse qui vous préoccupe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cera-card\"\u003e\n \u003ch3\u003e💅 Ongles fragilisés\u003c\/h3\u003e\n \u003cp\u003eVos ongles sont cassants, striés ou à croissance lente et méritent un apport nutritionnel adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cera-card\"\u003e\n \u003ch3\u003e🌸 Peau terne\u003c\/h3\u003e\n \u003cp\u003eVotre peau manque d'éclat et de souplesse, et vous souhaitez retrouver un teint lumineux de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1rem;\"\u003eCéraline Bio convient aux régimes végétaliens et végétariens. Il est certifié Agriculture Biologique et formulé sans OGM.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cera-section\"\u003e\n \u003ch2\u003eComment prendre Céraline Bio pour de meilleurs résultats ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-cera-timeline\"\u003e\n \u003cdiv class=\"soi-cera-step\"\u003e\n \u003cdiv class=\"soi-cera-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cera-step-content\"\u003e\n \u003ch3\u003eRégularité avant tout\u003c\/h3\u003e\n \u003cp\u003eLes actifs des plantes agissent progressivement. Prenez vos 2 gélules chaque jour, sans interruption, pendant au moins 6 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cera-step\"\u003e\n \u003cdiv class=\"soi-cera-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cera-step-content\"\u003e\n \u003ch3\u003eAssociez une alimentation équilibrée\u003c\/h3\u003e\n \u003cp\u003eProtéines, fer et zinc sont également essentiels à la santé des cheveux. Céraline Bio vient en complément, pas en remplacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cera-step\"\u003e\n \u003cdiv class=\"soi-cera-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cera-step-content\"\u003e\n \u003ch3\u003eHydratez-vous suffisamment\u003c\/h3\u003e\n \u003cp\u003eLa silice de la prêle agit mieux lorsque l'organisme est bien hydraté. Visez 1,5 litre d'eau par jour minimum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cera-section\"\u003e\n \u003cdiv class=\"soi-cera-accordion\"\u003e\n \u003cdetails class=\"soi-cera-accordion-item\"\u003e\n \u003csummary class=\"soi-cera-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-cera-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. En cas de doute, consultez un professionnel de santé. Déconseillé aux femmes enceintes et aux enfants de moins de 12 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cera-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cera-cta-box\"\u003e\n \u003cp class=\"soi-cera-cta-tag\" style=\"color: white;\"\u003eVitalité cheveux, ongles et peau\u003c\/p\u003e\n \u003cp class=\"soi-cera-cta-text\" style=\"color: white;\"\u003ePrenez soin de vos phanères avec une formule vraiment naturelle. Roquette, prêle et levure de bière réunies dans une synergie bio et vegan, pour des cheveux et des ongles visiblement plus forts, plus brillants et plus résistants.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-cera-marine: #1A2D3D;\n --soi-cera-marine-dark: #0F1E2B;\n --soi-cera-marine-light: #2C4458;\n --soi-cera-pomme: #A1C544;\n --soi-cera-pomme-dark: #84A636;\n --soi-cera-pomme-light: rgba(161,197,68,0.10);\n --soi-cera-white: #FFFFFF;\n --soi-cera-off-white: #F8FAF6;\n --soi-cera-stone: #F1F3EE;\n --soi-cera-line: #E5E8E0;\n --soi-cera-primary: #6B3FA0;\n --soi-cera-primary-soft: #F3EEF8;\n --soi-cera-accent: #8B5EBF;\n --soi-cera-text: #1A2D3D;\n --soi-cera-text-soft: #4A5B6B;\n --soi-cera-text-muted: #7B8693;\n --soi-cera-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cera-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cera-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cera-radius: 12px;\n --soi-cera-radius-sm: 8px;\n --soi-cera-radius-pill: 999px;\n}\n\n.soi-cera-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cera-fiche img { max-width: 100%; height: auto; }\n\n.soi-cera-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cera-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cera-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-cera-hero {\n position: relative;\n background: var(--soi-cera-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-cera-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-cera-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cera-pomme);\n}\n\n.soi-cera-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-cera-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cera-pomme);\n border-radius: 50%;\n}\n\n.soi-cera-hero-title {\n display: block;\n color: var(--soi-cera-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-cera-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-cera-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-cera-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-cera-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cera-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-cera-label-accent {\n background: var(--soi-cera-pomme);\n border-color: var(--soi-cera-pomme);\n color: var(--soi-cera-marine);\n font-weight: 600;\n}\n\n.soi-cera-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cera-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cera-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-cera-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cera-pomme);\n border-radius: 2px;\n}\n\n.soi-cera-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cera-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-cera-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-cera-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-cera-benefit {\n background: var(--soi-cera-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cera-radius);\n border: 1px solid var(--soi-cera-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cera-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cera-shadow-md);\n}\n\n.soi-cera-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cera-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-cera-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cera-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-cera-benefit:hover .soi-cera-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-cera-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cera-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cera-benefit p {\n font-size: 13px;\n color: var(--soi-cera-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cera-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-cera-card {\n background: var(--soi-cera-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cera-radius);\n border-left: 3px solid var(--soi-cera-pomme);\n}\n\n.soi-cera-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cera-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cera-card p {\n font-size: 14px;\n color: var(--soi-cera-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cera-compo {\n background: var(--soi-cera-off-white);\n border-radius: var(--soi-cera-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-cera-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-cera-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-cera-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-cera-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cera-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-cera-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cera-marine);\n text-align: right;\n}\n\n.soi-cera-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cera-pomme-light);\n border-left: 4px solid var(--soi-cera-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cera-radius) var(--soi-cera-radius) 0;\n align-items: flex-start;\n}\n\n.soi-cera-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-cera-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cera-marine);\n margin-bottom: 4px;\n}\n\n.soi-cera-tip p {\n font-size: 14px;\n color: var(--soi-cera-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cera-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-cera-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cera-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cera-radius);\n border: 1px solid var(--soi-cera-line);\n align-items: flex-start;\n}\n\n.soi-cera-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cera-marine);\n color: var(--soi-cera-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-cera-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cera-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-cera-step-content p {\n font-size: 14px;\n color: var(--soi-cera-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cera-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-cera-accordion-item {\n background: var(--soi-cera-off-white);\n border-radius: var(--soi-cera-radius-sm);\n border: 1px solid var(--soi-cera-line);\n overflow: hidden;\n}\n\n.soi-cera-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cera-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-cera-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-cera-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cera-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-cera-accordion-item[open] .soi-cera-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-cera-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-cera-accordion-content p {\n font-size: 14px;\n color: var(--soi-cera-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cera-cta-box {\n background: var(--soi-cera-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cera-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-cera-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-cera-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-cera-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-cera-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-cera-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cera-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-cera-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-cera-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-cera-compo-value {\n text-align: left;\n }\n\n .soi-cera-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-cera-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-cera-fiche {\n --soi-cera-text-soft: #2C3E50;\n --soi-cera-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"LT Labo","offers":[{"title":"Default Title","offer_id":61603370139978,"sku":"LT0385","price":22.47,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ceraline-bio-et-vegan-en-gelules-packshot.webp?v=1779719737"},{"product_id":"huile-onagre-bourrache-bio-en-capsules","title":"Huile Onagre-Bourrache Bio en capsules","description":"\u003cdiv class=\"soi-onbr-fiche\"\u003e\n\n \u003csection class=\"soi-onbr-hero\"\u003e\n \u003cdiv class=\"soi-onbr-hero-tag\"\u003e\n \u003cspan class=\"soi-onbr-tag-dot\"\u003e\u003c\/span\u003e\n Bien-être féminin · Graine Sauvage\n \u003c\/div\u003e\n \u003cspan class=\"soi-onbr-hero-title\"\u003eLa synergie végétale au service de votre féminité\u003c\/span\u003e\n \u003cp class=\"soi-onbr-hero-subtitle\"\u003eDeux huiles bio complémentaires, riches en acide gamma-linolénique (GLA), réunies dans une seule capsule pour soutenir votre équilibre hormonal, votre confort de cycle et l'éclat de votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-onbr-hero-labels\"\u003e\n \u003cspan class=\"soi-onbr-label soi-onbr-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-onbr-label\"\u003eAB AGRICULTURE BIOLOGIQUE\u003c\/span\u003e\n \u003cspan class=\"soi-onbr-label\"\u003eFR-BIO-01\u003c\/span\u003e\n \u003cspan class=\"soi-onbr-label\"\u003ePREMIÈRE PRESSION À FROID\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-onbr-section\"\u003e\n \u003ch2\u003ePourquoi associer l'huile d'onagre et l'huile de bourrache ?\u003c\/h2\u003e\n \u003cp class=\"soi-onbr-section-intro\"\u003eCes deux huiles partagent un point commun précieux : une richesse naturelle en acide gamma-linolénique (GLA), un oméga-6 essentiel que le corps ne sait pas toujours synthétiser en quantité suffisante, notamment lors des variations hormonales (cycle menstruel, péri-ménopause, ménopause).\u003c\/p\u003e\n \u003cdiv class=\"soi-onbr-grid\"\u003e\n \u003cdiv class=\"soi-onbr-card\"\u003e\n \u003ch3\u003e🌿 Huile de bourrache\u003c\/h3\u003e\n \u003cp\u003eElle affiche l'une des concentrations en GLA les plus élevées du règne végétal (jusqu'à 20 à 25 %). Naturellement riche en vitamine E, reconnue pour protéger les cellules contre le stress oxydatif, elle forme un duo idéal pour soutenir l'éclat, l'hydratation et l'élasticité de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-card\"\u003e\n \u003ch3\u003e🌸 Huile d'onagre\u003c\/h3\u003e\n \u003cp\u003eElle contient environ 8 à 10 % de GLA et est particulièrement appréciée pour son rôle dans le confort du syndrome prémenstruel ainsi que les inconforts liés à la ménopause : sensibilité des seins, bouffées de chaleur, irritabilité, sécheresse cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-tip\"\u003e\n \u003cdiv class=\"soi-onbr-tip-icon\"\u003e🤝\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLa synergie en action\u003c\/strong\u003e\n \u003cp\u003eAssociées, ces deux huiles forment une synergie complète pour le bien-être féminin, agissant à la fois sur la peau et sur l'équilibre général du cycle hormonal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-onbr-section\"\u003e\n \u003ch2\u003eComposition et dosage par gélule\u003c\/h2\u003e\n \u003cp class=\"soi-onbr-section-intro\"\u003eChaque capsule molle réunit deux huiles bio extraites par première pression à froid, sans solvant, sans décoloration ni désodorisation.\u003c\/p\u003e\n \u003cdiv class=\"soi-onbr-compo\"\u003e\n \u003cdiv class=\"soi-onbr-compo-row\"\u003e\n \u003cspan class=\"soi-onbr-compo-label\"\u003eHuile de bourrache bio (Borago officinalis)\u003c\/span\u003e\n \u003cspan class=\"soi-onbr-compo-value\"\u003e500 mg dont GLA ≈ 100 à 125 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-compo-row\"\u003e\n \u003cspan class=\"soi-onbr-compo-label\"\u003eHuile d'onagre bio (Oenothera biennis)\u003c\/span\u003e\n \u003cspan class=\"soi-onbr-compo-value\"\u003e500 mg dont GLA ≈ 40 à 50 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-compo-row\"\u003e\n \u003cspan class=\"soi-onbr-compo-label\"\u003eVitamine E naturelle (tocophérols)\u003c\/span\u003e\n \u003cspan class=\"soi-onbr-compo-value\"\u003eAntioxydant de conservation, source végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-compo-row\"\u003e\n \u003cspan class=\"soi-onbr-compo-label\"\u003eEnveloppe de la capsule\u003c\/span\u003e\n \u003cspan class=\"soi-onbr-compo-value\"\u003eGélatine bovine (ou alternative végétale selon lot)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-compo-row\"\u003e\n \u003cspan class=\"soi-onbr-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-onbr-compo-value\"\u003eAB Agriculture Biologique · FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-onbr-section\"\u003e\n \u003ch2\u003eComment prendre ces gélules d'huile d'onagre et bourrache ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-onbr-timeline\"\u003e\n \u003cdiv class=\"soi-onbr-step\"\u003e\n \u003cdiv class=\"soi-onbr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-step-content\"\u003e\n \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n \u003cp\u003e6 capsules par jour, à répartir sur les repas (matin, midi, soir).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-step\"\u003e\n \u003cdiv class=\"soi-onbr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-step-content\"\u003e\n \u003ch3\u003eDurée d'utilisation\u003c\/h3\u003e\n \u003cp\u003e1 flacon contient 120 capsules, soit 20 jours de cure. Renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-step\"\u003e\n \u003cdiv class=\"soi-onbr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-step-content\"\u003e\n \u003ch3\u003eRésultats visibles\u003c\/h3\u003e\n \u003cp\u003eLes effets sur la peau et le confort hormonal se ressentent généralement après 6 à 8 semaines de prise régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-onbr-section\"\u003e\n \u003ch2\u003ePour qui est ce complément fait à base d'huile de bourrache et d'onagre ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-onbr-grid\"\u003e\n \u003cdiv class=\"soi-onbr-card\"\u003e\n \u003ch3\u003e🌙 Syndrome prémenstruel\u003c\/h3\u003e\n \u003cp\u003ePour les femmes qui souhaitent soulager les symptômes du SPM : crampes, sautes d'humeur, rétention d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-card\"\u003e\n \u003ch3\u003e🔥 Péri-ménopause et ménopause\u003c\/h3\u003e\n \u003cp\u003ePour celles qui traversent cette étape et cherchent un accompagnement naturel face aux bouffées de chaleur et à la sécheresse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-card\"\u003e\n \u003ch3\u003e✨ Beauté de la peau\u003c\/h3\u003e\n \u003cp\u003ePour toute personne souhaitant prendre soin de sa peau de l'intérieur, en luttant contre le vieillissement cutané et la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-accordion\"\u003e\n \u003cdetails class=\"soi-onbr-accordion-item\"\u003e\n \u003csummary class=\"soi-onbr-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-onbr-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable. Ce complément alimentaire ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-onbr-section\"\u003e\n \u003ch2\u003eCe qui distingue Graine Sauvage\u003c\/h2\u003e\n \u003cdiv class=\"soi-onbr-benefits\"\u003e\n \u003cdiv class=\"soi-onbr-benefit\"\u003e\n \u003cdiv class=\"soi-onbr-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e100 % bio et pure\u003c\/h3\u003e\n \u003cp\u003eHuiles sans additifs ni conservateurs synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-benefit\"\u003e\n \u003cdiv class=\"soi-onbr-benefit-icon\"\u003e\u003cspan\u003e❄️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExtraction à froid\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid pour préserver l'intégralité des acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-benefit\"\u003e\n \u003cdiv class=\"soi-onbr-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans compromis\u003c\/h3\u003e\n \u003cp\u003eFormule sans solvant, sans décoloration, sans désodorisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onbr-benefit\"\u003e\n \u003cdiv class=\"soi-onbr-benefit-icon\"\u003e\u003cspan\u003e🔍\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié FR-BIO-01\u003c\/h3\u003e\n \u003cp\u003eAgriculture UE et non-UE contrôlée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-onbr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-onbr-cta-box\"\u003e\n \u003cp class=\"soi-onbr-cta-tag\" style=\"color: white;\"\u003eVotre rituel bien-être féminin au naturel\u003c\/p\u003e\n \u003cp class=\"soi-onbr-cta-text\" style=\"color: white;\"\u003ePrenez soin de vous avec une formule aussi pure que naturelle. L'huile d'onagre et bourrache bio de Graine Sauvage accompagne chaque femme, à chaque étape de sa vie, avec douceur et efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-onbr-marine: #1A2D3D;\n --soi-onbr-marine-dark: #0F1E2B;\n --soi-onbr-marine-light: #2C4458;\n --soi-onbr-pomme: #A1C544;\n --soi-onbr-pomme-dark: #84A636;\n --soi-onbr-pomme-light: rgba(161,197,68,0.10);\n --soi-onbr-white: #FFFFFF;\n --soi-onbr-off-white: #F8FAF6;\n --soi-onbr-stone: #F1F3EE;\n --soi-onbr-line: #E5E8E0;\n --soi-onbr-primary: #D4A8A4;\n --soi-onbr-primary-soft: #EDD5D2;\n --soi-onbr-accent: #C8B84D;\n --soi-onbr-text: #1A2D3D;\n --soi-onbr-text-soft: #4A5B6B;\n --soi-onbr-text-muted: #7B8693;\n --soi-onbr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-onbr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-onbr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-onbr-radius: 12px;\n --soi-onbr-radius-sm: 8px;\n --soi-onbr-radius-pill: 999px;\n}\n\n.soi-onbr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-onbr-fiche img { max-width: 100%; height: auto; }\n\n.soi-onbr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-onbr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-onbr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-onbr-hero {\n position: relative;\n background: var(--soi-onbr-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-onbr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-onbr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-onbr-pomme);\n}\n\n.soi-onbr-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-onbr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-onbr-pomme);\n border-radius: 50%;\n}\n\n.soi-onbr-hero-title {\n display: block;\n color: var(--soi-onbr-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-onbr-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-onbr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-onbr-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-onbr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-onbr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-onbr-label-accent {\n background: var(--soi-onbr-pomme);\n border-color: var(--soi-onbr-pomme);\n color: var(--soi-onbr-marine);\n font-weight: 600;\n}\n\n.soi-onbr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-onbr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-onbr-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-onbr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-onbr-pomme);\n border-radius: 2px;\n}\n\n.soi-onbr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-onbr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-onbr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-onbr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-onbr-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-onbr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-onbr-benefit {\n background: var(--soi-onbr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-onbr-radius);\n border: 1px solid var(--soi-onbr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-onbr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-onbr-shadow-md);\n}\n\n.soi-onbr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-onbr-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-onbr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-onbr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-onbr-benefit:hover .soi-onbr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-onbr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-onbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-onbr-benefit p {\n font-size: 13px;\n color: var(--soi-onbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-onbr-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-onbr-card {\n background: var(--soi-onbr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-onbr-radius);\n border-left: 3px solid var(--soi-onbr-pomme);\n}\n\n.soi-onbr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-onbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-onbr-card p {\n font-size: 14px;\n color: var(--soi-onbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-onbr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-onbr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-onbr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-onbr-radius);\n border: 1px solid var(--soi-onbr-line);\n align-items: flex-start;\n}\n\n.soi-onbr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-onbr-marine);\n color: var(--soi-onbr-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-onbr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-onbr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-onbr-step-content p {\n font-size: 14px;\n color: var(--soi-onbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-onbr-compo {\n background: var(--soi-onbr-off-white);\n border-radius: var(--soi-onbr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-onbr-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-onbr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-onbr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-onbr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-onbr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-onbr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-onbr-marine);\n text-align: right;\n}\n\n.soi-onbr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-onbr-pomme-light);\n border-left: 4px solid var(--soi-onbr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-onbr-radius) var(--soi-onbr-radius) 0;\n align-items: flex-start;\n}\n\n.soi-onbr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-onbr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-onbr-marine);\n margin-bottom: 4px;\n}\n\n.soi-onbr-tip p {\n font-size: 14px;\n color: var(--soi-onbr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-onbr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.soi-onbr-accordion-item {\n background: var(--soi-onbr-off-white);\n border-radius: var(--soi-onbr-radius-sm);\n border: 1px solid var(--soi-onbr-line);\n overflow: hidden;\n}\n\n.soi-onbr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-onbr-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-onbr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-onbr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-onbr-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-onbr-accordion-item[open] .soi-onbr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-onbr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-onbr-accordion-content p {\n font-size: 14px;\n color: var(--soi-onbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-onbr-cta-box {\n background: var(--soi-onbr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-onbr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-onbr-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-onbr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-onbr-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-onbr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-onbr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-onbr-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-onbr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-onbr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-onbr-compo-value {\n text-align: left;\n }\n\n .soi-onbr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-onbr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-onbr-fiche {\n --soi-onbr-text-soft: #2C3E50;\n --soi-onbr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Graine sauvage","offers":[{"title":"Default Title","offer_id":61603574743370,"sku":"GS0017","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-onagre-bourrache-bio-en-capsules-packshot.webp?v=1780040379"},{"product_id":"vitamine-b8-biotine-en-comprimes-vital-osmose","title":"Vitamine B8 Biotine en comprimés – Vital Osmose","description":"\u003c!--\n=== ANALYSE SOINATURE ===\nProduit: Vitamine B8 Biotine en comprimés\nMarque: Vital Osmose\nCatégorie Soinat: Compléments alimentaires – Beauté (cheveux, peau, ongles)\n\n=== INVENTAIRE DES DONNÉES SOURCE (preuve anti-invention) ===\nLabels\/certifications mentionnés : aucun (pas de bio, vegan, made in France, etc.)\nChiffres précis mentionnés : 60 comprimés, 10 mg (10 000 µg) de biotine par comprimé, 20 000 % des VNR, 2 mois de cure, cure de 2 à 3 mois recommandée\nOrigine mentionnée : non précisée\nForme galénique : comprimés\nActifs\/plantes nommés : biotine (vitamine B8), cellulose microcristalline, stéarate de magnésium\nPosologie mentionnée : 1 comprimé par jour, de préférence le matin au cours d'un repas, avec un grand verre d'eau. Ne pas dépasser la dose journalière conseillée.\nPrécautions mentionnées : ne se substitue pas à un traitement médical, consulter un médecin en cas de doute ou pathologie, en l'absence de carence la biotine seule ne stoppe pas une chute pathologique\n\n=== PALETTE CSS ===\nMarine Soinat: #1A2D3D (fixe)\nPomme Soinat: #A1C544 (fixe)\nPrimaire produit: #2B5EA7 (bleu du packaging \"VITAMINE B8 BIOTINE\")\nAccent produit: #D4A52A (jaune\/or du logo Vital Osmose et du texte \"60 comprimés dosés à 10 mg\")\nPréfixe CSS: soi-biotv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés :\n 1. \"Vitamine B8 Biotine – Beauté des cheveux, de la peau et des ongles\"\n 2. \"Biotine et cheveux : ce que dit vraiment la science\"\n 3. \"Les bienfaits de la vitamine B8 au-delà de la beauté\"\n 4. \"Composition et posologie de la Vitamine B8 Vital Osmose\"\n 5. \"Pour qui est conseillée cette cure de biotine ?\"\n 6. \"Comment utiliser la vitamine B8 pour de meilleurs résultats ?\"\n\n=== COMPOSANTS RETENUS POUR CHAQUE SECTION ===\nHero : labels affichés = aucun (aucun label\/certification dans la source)\nH2 #1 → hero-subtitle + paragraphe d'introduction (texte continu narratif)\nH2 #2 → cards classiques (plusieurs points scientifiques distincts avec titre+desc) + tip (avertissement \"Important\")\nH2 #3 → benefits (4 bénéfices distincts avec titre + description)\nH2 #4 → compo (données structurées: dosage, excipients) + timeline (posologie en étapes) + card-mini (specs chiffrées)\nH2 #5 → grid cards (4 profils cibles distincts)\nH2 #6 → paragraphes + tip (conseil de cure) + accordéon (précautions)\nCTA final → cta-box (paragraphe de clôture présent dans la source)\nComposants OMIS faute de données : hero-labels (aucun label\/certification mentionné)\n--\u003e\n\n\u003cdiv class=\"soi-biotv-fiche\"\u003e\n\n \u003csection class=\"soi-biotv-hero\"\u003e\n \u003cdiv class=\"soi-biotv-hero-tag\"\u003e\n \u003cspan class=\"soi-biotv-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Vital Osmose\n \u003c\/div\u003e\n \u003cspan class=\"soi-biotv-hero-title\"\u003eVitamine B8 Biotine en comprimés\u003c\/span\u003e\n \u003cp class=\"soi-biotv-hero-subtitle\"\u003eLa vitamine essentielle au renouvellement cellulaire, pour des cheveux plus forts, des ongles résistants et une peau éclatante. 60 comprimés dosés à 10 mg de biotine pour une cure ciblée de 2 mois.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-biotv-section\"\u003e\n \u003ch2\u003eVitamine B8 Biotine – Beauté des cheveux, de la peau et des ongles\u003c\/h2\u003e\n \u003cp\u003eVous remarquez des cheveux plus fragiles, une pousse ralentie ou des ongles qui cassent facilement ? La \u003cstrong\u003evitamine B8\u003c\/strong\u003e, mieux connue sous le nom de \u003cstrong\u003ebiotine\u003c\/strong\u003e, est souvent la première piste à explorer. Essentielle au renouvellement cellulaire, elle agit en profondeur sur la fibre capillaire, la structure des ongles et l'éclat de la peau.\u003c\/p\u003e\n \u003cp\u003eLa formule \u003cstrong\u003eVital Osmose\u003c\/strong\u003e vous propose 60 comprimés dosés à \u003cstrong\u003e10 mg de biotine\u003c\/strong\u003e, pour une cure ciblée et pratique au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-biotv-section\"\u003e\n \u003ch2\u003eBiotine et cheveux : ce que dit vraiment la science\u003c\/h2\u003e\n \u003cp class=\"soi-biotv-section-intro\"\u003eLa biotine intervient dans la synthèse de la \u003cstrong\u003ekératine\u003c\/strong\u003e, la protéine structurelle principale de vos cheveux et de vos ongles. Sans elle, le métabolisme des acides aminés nécessaires à la production de kératine se dérègle, ce qui peut se traduire par une fragilisation progressive des tiges capillaires.\u003c\/p\u003e\n \u003cdiv class=\"soi-biotv-grid\"\u003e\n \u003cdiv class=\"soi-biotv-card\"\u003e\n \u003ch3\u003e🔬 Cheveux normaux\u003c\/h3\u003e\n \u003cp\u003eLa biotine contribue au maintien de cheveux normaux, une allégation reconnue par l'EFSA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-card\"\u003e\n \u003ch3\u003e🧴 Santé du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eElle soutient la santé du cuir chevelu en régulant le métabolisme lipidique local.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-card\"\u003e\n \u003ch3\u003e💇 Chute diffuse et ongles cassants\u003c\/h3\u003e\n \u003cp\u003eDes carences en vitamine B8 sont parfois associées à une chute de cheveux diffuse et à des ongles striés ou cassants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-card\"\u003e\n \u003ch3\u003e📅 Résultats après 2 à 3 mois\u003c\/h3\u003e\n \u003cp\u003eEn cas de déficit avéré, une supplémentation peut apporter des résultats visibles après 2 à 3 mois de cure régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-tip\"\u003e\n \u003cdiv class=\"soi-biotv-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eImportant\u003c\/strong\u003e\n \u003cp\u003eEn l'absence de carence, la biotine seule ne stoppe pas une chute pathologique. Si vous observez une perte de cheveux importante et persistante, consultez un médecin avant de démarrer une supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-biotv-section\"\u003e\n \u003ch2\u003eLes bienfaits de la vitamine B8 au-delà de la beauté\u003c\/h2\u003e\n \u003cdiv class=\"soi-biotv-benefits\"\u003e\n \u003cdiv class=\"soi-biotv-benefit\"\u003e\n \u003cdiv class=\"soi-biotv-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMétabolisme énergétique\u003c\/h3\u003e\n \u003cp\u003eLa biotine participe à la transformation des glucides, lipides et protéines en énergie utilisable, limitant la sensation de fatigue chronique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-benefit\"\u003e\n \u003cdiv class=\"soi-biotv-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSystème nerveux\u003c\/h3\u003e\n \u003cp\u003eElle intervient dans la transmission des influx nerveux et contribue à un fonctionnement psychologique équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-benefit\"\u003e\n \u003cdiv class=\"soi-biotv-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMuqueuses et peau\u003c\/h3\u003e\n \u003cp\u003eReconnue pour le maintien de muqueuses normales, elle agit en soutien du renouvellement cellulaire cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-benefit\"\u003e\n \u003cdiv class=\"soi-biotv-benefit-icon\"\u003e\u003cspan\u003e💅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eOngles résistants\u003c\/h3\u003e\n \u003cp\u003eTout comme pour les cheveux, la biotine aide à maintenir des ongles normaux, moins sujets aux cassures et dédoublements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-biotv-section\"\u003e\n \u003ch2\u003eComposition et posologie de la Vitamine B8 Vital Osmose\u003c\/h2\u003e\n \u003cdiv class=\"soi-biotv-grid-compact\"\u003e\n \u003cdiv class=\"soi-biotv-card-mini\"\u003e\n \u003cspan class=\"soi-biotv-card-mini-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"soi-biotv-card-mini-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"soi-biotv-card-mini-value\"\u003eComprimés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-card-mini\"\u003e\n \u003cspan class=\"soi-biotv-card-mini-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"soi-biotv-card-mini-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-biotv-card-mini-value\"\u003e60 comprimés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-card-mini\"\u003e\n \u003cspan class=\"soi-biotv-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-biotv-card-mini-label\"\u003eDosage par comprimé\u003c\/span\u003e\n \u003cspan class=\"soi-biotv-card-mini-value\"\u003e10 mg (10 000 µg)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-card-mini\"\u003e\n \u003cspan class=\"soi-biotv-card-mini-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan class=\"soi-biotv-card-mini-label\"\u003eDurée de cure\u003c\/span\u003e\n \u003cspan class=\"soi-biotv-card-mini-value\"\u003e2 mois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-compo\"\u003e\n \u003cdiv class=\"soi-biotv-compo-row\"\u003e\n \u003cspan class=\"soi-biotv-compo-label\"\u003eBiotine (vitamine B8)\u003c\/span\u003e\n \u003cspan class=\"soi-biotv-compo-value\"\u003e10 000 µg (10 mg) – 20 000 % des VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-compo-row\"\u003e\n \u003cspan class=\"soi-biotv-compo-label\"\u003eExcipients\u003c\/span\u003e\n \u003cspan class=\"soi-biotv-compo-value\"\u003eCellulose microcristalline, stéarate de magnésium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-timeline\"\u003e\n \u003cdiv class=\"soi-biotv-step\"\u003e\n \u003cdiv class=\"soi-biotv-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-step-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrendre 1 comprimé par jour, de préférence le matin au cours d'un repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-step\"\u003e\n \u003cdiv class=\"soi-biotv-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-step-content\"\u003e\n \u003ch3\u003eMode de prise\u003c\/h3\u003e\n \u003cp\u003eAccompagnez votre comprimé d'un grand verre d'eau. Ne pas dépasser la dose journalière conseillé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-biotv-section\"\u003e\n \u003ch2\u003ePour qui est conseillée cette cure de biotine ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-biotv-grid\"\u003e\n \u003cdiv class=\"soi-biotv-card\"\u003e\n \u003ch3\u003e💇 Cheveux et ongles fragilisés\u003c\/h3\u003e\n \u003cp\u003ePersonnes observant une fragilisation des cheveux ou des ongles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-card\"\u003e\n \u003ch3\u003e🤱 Post-partum et changements hormonaux\u003c\/h3\u003e\n \u003cp\u003eFemmes en période post-partum ou lors de changements hormonaux pouvant affecter la beauté des phanères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-card\"\u003e\n \u003ch3\u003e🥗 Régimes restrictifs\u003c\/h3\u003e\n \u003cp\u003ePersonnes suivant un régime restrictif pauvre en protéines animales, source naturelle de biotine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-card\"\u003e\n \u003ch3\u003e🌿 Vitalité au quotidien\u003c\/h3\u003e\n \u003cp\u003ePersonnes souhaitant soutenir leur vitalité et leur métabolisme au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-biotv-section\"\u003e\n \u003ch2\u003eComment utiliser la vitamine B8 pour de meilleurs résultats ?\u003c\/h2\u003e\n \u003cp\u003ePour observer une différence visible sur vos cheveux et vos ongles, une \u003cstrong\u003ecure de minimum 2 à 3 mois\u003c\/strong\u003e est recommandée. La biotine agissant sur le cycle de croissance capillaire, les effets ne sont pas immédiats.\u003c\/p\u003e\n \u003cdiv class=\"soi-biotv-tip\"\u003e\n \u003cdiv class=\"soi-biotv-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eAssociez votre cure de biotine à une alimentation équilibrée, riche en protéines et en bons lipides, pour maximiser son efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-biotv-accordion\"\u003e\n \u003cdetails class=\"soi-biotv-accordion-item\"\u003e\n \u003csummary class=\"soi-biotv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-biotv-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de doute ou de pathologie sous-jacente, demandez l'avis de 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-biotv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-biotv-cta-box\"\u003e\n \u003cp class=\"soi-biotv-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-biotv-cta-text\" style=\"color: white;\"\u003eCheveux qui reprennent de la densité, ongles qui résistent, peau plus nette : la Vitamine B8 Biotine Vital Osmose vous accompagne jour après jour. Deux mois de cure, un geste simple chaque matin, parce que la beauté commence 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-biotv-marine: #1A2D3D;\n --soi-biotv-marine-dark: #0F1E2B;\n --soi-biotv-marine-light: #2C4458;\n --soi-biotv-pomme: #A1C544;\n --soi-biotv-pomme-dark: #84A636;\n --soi-biotv-pomme-light: rgba(161,197,68,0.10);\n --soi-biotv-white: #FFFFFF;\n --soi-biotv-off-white: #F8FAF6;\n --soi-biotv-stone: #F1F3EE;\n --soi-biotv-line: #E5E8E0;\n --soi-biotv-primary: #2B5EA7;\n --soi-biotv-primary-soft: rgba(43,94,167,0.08);\n --soi-biotv-accent: #D4A52A;\n --soi-biotv-text: #1A2D3D;\n --soi-biotv-text-soft: #4A5B6B;\n --soi-biotv-text-muted: #7B8693;\n --soi-biotv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-biotv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-biotv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-biotv-radius: 12px;\n --soi-biotv-radius-sm: 8px;\n --soi-biotv-radius-pill: 999px;\n}\n\n.soi-biotv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-biotv-fiche img { max-width: 100%; height: auto; }\n\n.soi-biotv-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-biotv-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-biotv-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-biotv-hero {\n position: relative;\n background: var(--soi-biotv-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-biotv-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-biotv-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-biotv-pomme);\n}\n\n.soi-biotv-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-biotv-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-biotv-pomme);\n border-radius: 50%;\n}\n\n.soi-biotv-hero-title {\n display: block;\n color: var(--soi-biotv-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-biotv-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-biotv-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-biotv-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-biotv-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-biotv-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-biotv-pomme);\n border-radius: 2px;\n}\n\n.soi-biotv-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-biotv-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-biotv-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-biotv-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-biotv-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-biotv-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-biotv-benefit {\n background: var(--soi-biotv-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-biotv-radius);\n border: 1px solid var(--soi-biotv-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-biotv-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-biotv-shadow-md);\n}\n\n.soi-biotv-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-biotv-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-biotv-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-biotv-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-biotv-benefit:hover .soi-biotv-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-biotv-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-biotv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-biotv-benefit p {\n font-size: 13px;\n color: var(--soi-biotv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-biotv-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-biotv-card {\n background: var(--soi-biotv-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-biotv-radius);\n border-left: 3px solid var(--soi-biotv-pomme);\n}\n\n.soi-biotv-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-biotv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-biotv-card p {\n font-size: 14px;\n color: var(--soi-biotv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-biotv-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.5rem;\n}\n\n.soi-biotv-card-mini {\n background: var(--soi-biotv-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-biotv-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-biotv-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-biotv-card-mini-label {\n font-size: 11px;\n color: var(--soi-biotv-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-biotv-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-biotv-marine);\n}\n\n\/* === COMPOSITION === *\/\n.soi-biotv-compo {\n background: var(--soi-biotv-off-white);\n border-radius: var(--soi-biotv-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-biotv-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-biotv-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-biotv-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-biotv-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-biotv-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-biotv-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-biotv-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-biotv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-biotv-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-biotv-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-biotv-radius);\n border: 1px solid var(--soi-biotv-line);\n align-items: flex-start;\n}\n\n.soi-biotv-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-biotv-marine);\n color: var(--soi-biotv-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-biotv-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-biotv-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-biotv-step-content p {\n font-size: 14px;\n color: var(--soi-biotv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-biotv-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-biotv-pomme-light);\n border-left: 4px solid var(--soi-biotv-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-biotv-radius) var(--soi-biotv-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-biotv-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-biotv-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-biotv-marine);\n margin-bottom: 4px;\n}\n\n.soi-biotv-tip p {\n font-size: 14px;\n color: var(--soi-biotv-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-biotv-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.5rem;\n}\n\n.soi-biotv-accordion-item {\n background: var(--soi-biotv-off-white);\n border-radius: var(--soi-biotv-radius-sm);\n border: 1px solid var(--soi-biotv-line);\n overflow: hidden;\n}\n\n.soi-biotv-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-biotv-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-biotv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-biotv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-biotv-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-biotv-accordion-item[open] .soi-biotv-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-biotv-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-biotv-accordion-content p {\n font-size: 14px;\n color: var(--soi-biotv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-biotv-cta-box {\n background: var(--soi-biotv-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-biotv-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-biotv-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-biotv-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-biotv-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-biotv-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-biotv-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-biotv-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-biotv-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-biotv-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-biotv-compo-value {\n text-align: left;\n }\n\n .soi-biotv-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-biotv-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-biotv-fiche {\n --soi-biotv-text-soft: #2C3E50;\n --soi-biotv-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Vital Osmose","offers":[{"title":"Default Title","offer_id":61603670819146,"sku":"VO4835","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/vitamine-b8-biotine-en-comprimes-vital-osmose-packshot.webp?v=1779033024"},{"product_id":"ortie-piquante-feuille-en-gelules-vital-osmose","title":"Ortie piquante 210 mg Bio - 100 gélules - Neodiet","description":"\n\n\u003cdiv class=\"soi-ortie-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-ortie-hero\"\u003e\n \u003cdiv class=\"soi-ortie-hero-tag\"\u003e\n \u003cspan class=\"soi-ortie-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · Vital Osmose\n \u003c\/div\u003e\n \u003cspan class=\"soi-ortie-hero-title\"\u003eLa générosité minérale d'une plante ancestrale\u003c\/span\u003e\n \u003cp class=\"soi-ortie-hero-subtitle\"\u003eRiche en minéraux, en vitamines et en chlorophylle, l'ortie piquante vous accompagne au quotidien pour des cheveux plus forts, des ongles résistants et une vitalité retrouvée.\u003c\/p\u003e\n \u003cdiv class=\"soi-ortie-hero-labels\"\u003e\n \u003cspan class=\"soi-ortie-label soi-ortie-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-ortie-section\"\u003e\n \u003cp class=\"soi-ortie-section-intro\"\u003eOn la croise partout au bord des chemins, souvent maudite pour ses piqûres… et pourtant, l'ortie piquante est l'une des plantes les plus généreuses de la nature. Ce complément alimentaire Ortie piquante feuille Bio de Vital Osmose vous propose de la redécouvrir sous forme de gélules pratiques, certifiées Ecocert, pour profiter de tous ses bienfaits au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Pourquoi l'ortie piquante est-elle si précieuse pour votre santé ? --\u003e\n \u003csection class=\"soi-ortie-section\"\u003e\n \u003ch2\u003ePourquoi l'ortie piquante est-elle si précieuse pour votre santé ?\u003c\/h2\u003e\n \u003cp\u003eLes bienfaits de l'ortie piquante sont documentés depuis des siècles en phytothérapie. Cette plante exceptionnelle concentre dans ses feuilles une densité nutritionnelle rare.\u003c\/p\u003e\n \u003cdiv class=\"soi-ortie-benefits\"\u003e\n \u003cdiv class=\"soi-ortie-benefit\"\u003e\n \u003cdiv class=\"soi-ortie-benefit-icon\"\u003e\u003cspan\u003e⛏️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMinéraux essentiels\u003c\/h3\u003e\n \u003cp\u003eFer, calcium, magnésium et silice pour l'énergie, les os et la beauté des phanères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-benefit\"\u003e\n \u003cdiv class=\"soi-ortie-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVitamines C, K et B\u003c\/h3\u003e\n \u003cp\u003eSoutiennent l'immunité, la coagulation et le métabolisme cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-benefit\"\u003e\n \u003cdiv class=\"soi-ortie-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eChlorophylle\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés détoxifiantes et drainantes naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-benefit\"\u003e\n \u003cdiv class=\"soi-ortie-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFlavonoïdes et acides phénoliques\u003c\/h3\u003e\n \u003cp\u003eDes antioxydants qui contribuent à protéger les cellules du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-tip\"\u003e\n \u003cdiv class=\"soi-ortie-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eGrâce à cette composition, l'ortie est particulièrement appréciée pour renforcer les cheveux et les ongles cassants, soutenir la vitalité en cas de fatigue, favoriser le drainage naturel de l'organisme et accompagner les peaux sujettes aux imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Ortie piquante vs tisane d'ortie : quelle forme choisir ? --\u003e\n \u003csection class=\"soi-ortie-section\"\u003e\n \u003ch2\u003eOrtie piquante en gélule vs tisane d'ortie : quelle forme choisir ?\u003c\/h2\u003e\n \u003cp\u003eLa tisane d'ortie piquante est une tradition bien ancrée, et ses bienfaits sont réels. Mais elle demande du temps, une préparation rigoureuse et une teneur en actifs variable selon l'infusion.\u003c\/p\u003e\n \u003cp\u003eLes gélules Ortie piquante Bio Vital Osmose vous offrent une alternative précise et pratique : un dosage identique à chaque prise, sans amertume, à emporter partout. Idéal si vous êtes en déplacement ou si vous souhaitez une routine simple et régulière.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Composition et posologie --\u003e\n \u003csection class=\"soi-ortie-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n \u003cdiv class=\"soi-ortie-compo\"\u003e\n \u003cdiv class=\"soi-ortie-compo-row\"\u003e\n \u003cspan class=\"soi-ortie-compo-label\"\u003ePoudre de feuille d'ortie piquante Bio (\u003cem\u003eUrtica dioica\u003c\/em\u003e)\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-compo-value\"\u003e210 mg \/ gélule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-compo-row\"\u003e\n \u003cspan class=\"soi-ortie-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-compo-value\"\u003eGélule végétale (HPMC)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-compo-row\"\u003e\n \u003cspan class=\"soi-ortie-compo-label\"\u003eIngrédients d'origine biologique\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-compo-value\"\u003e76 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-compo-row\"\u003e\n \u003cspan class=\"soi-ortie-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-compo-value\"\u003eEcocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-compo-row\"\u003e\n \u003cspan class=\"soi-ortie-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-compo-value\"\u003e100 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-ortie-timeline\"\u003e\n \u003cdiv class=\"soi-ortie-step\"\u003e\n \u003cdiv class=\"soi-ortie-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-step-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez 2 à 3 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-ortie-step\"\u003e\n \u003cdiv class=\"soi-ortie-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de 4 à 6 semaines est généralement conseillée pour observer des résultats visibles sur la qualité des cheveux et des ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cem\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un suivi médical.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Ortie piquante : y a-t-il des dangers ou contre-indications ? --\u003e\n \u003csection class=\"soi-ortie-section\"\u003e\n \u003ch2\u003eOrtie piquante : y a-t-il des dangers ou contre-indications ?\u003c\/h2\u003e\n \u003cp\u003eL'ortie piquante est généralement bien tolérée. Quelques précautions restent toutefois importantes à connaître.\u003c\/p\u003e\n \u003cdiv class=\"soi-ortie-accordion\"\u003e\n \u003cdetails class=\"soi-ortie-accordion-item\"\u003e\n \u003csummary class=\"soi-ortie-accordion-header\"\u003e💊 Personnes sous anticoagulants\u003c\/summary\u003e\n \u003cdiv class=\"soi-ortie-accordion-content\"\u003e\n \u003cp\u003eDéconseillée aux personnes sous anticoagulants en raison de la teneur en vitamine K de l'ortie piquante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ortie-accordion-item\"\u003e\n \u003csummary class=\"soi-ortie-accordion-header\"\u003e🌱 Allergie aux Urticacées\u003c\/summary\u003e\n \u003cdiv class=\"soi-ortie-accordion-content\"\u003e\n \u003cp\u003eÀ éviter en cas d'allergie connue aux plantes de la famille des Urticacées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ortie-accordion-item\"\u003e\n \u003csummary class=\"soi-ortie-accordion-header\"\u003e🤰 Grossesse\u003c\/summary\u003e\n \u003cdiv class=\"soi-ortie-accordion-content\"\u003e\n \u003cp\u003eNon recommandée pendant la grossesse sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ortie-accordion-item\"\u003e\n \u003csummary class=\"soi-ortie-accordion-header\"\u003e⚕️ Traitement médical en cours\u003c\/summary\u003e\n \u003cdiv class=\"soi-ortie-accordion-content\"\u003e\n \u003cp\u003eEn cas de traitement médical en cours, consultez votre médecin avant toute cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Pour qui est ce complément ? --\u003e\n \u003csection class=\"soi-ortie-section\"\u003e\n \u003ch2\u003ePour qui est ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-ortie-grid\"\u003e\n \u003cdiv class=\"soi-ortie-card\"\u003e\n \u003ch3\u003e💇 Cheveux et ongles fragilisés\u003c\/h3\u003e\n \u003cp\u003eVous ressentez une chute de cheveux saisonnière ou des ongles qui se cassent facilement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-card\"\u003e\n \u003ch3\u003e⚡ Fatigue et récupération\u003c\/h3\u003e\n \u003cp\u003eVous êtes en période de fatigue et souhaitez un apport en minéraux naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-card\"\u003e\n \u003ch3\u003e🌿 Exigence bio\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un complément bio certifié, sans additifs superflus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-card\"\u003e\n \u003ch3\u003e☕ Praticité au quotidien\u003c\/h3\u003e\n \u003cp\u003eVous appréciez les vertus de la tisane d'ortie mais préférez la praticité d'une gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SPECS --\u003e\n \u003csection class=\"soi-ortie-section\"\u003e\n \u003cdiv class=\"soi-ortie-grid-compact\"\u003e\n \u003cdiv class=\"soi-ortie-card-mini\"\u003e\n \u003cspan class=\"soi-ortie-card-mini-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-card-mini-label\"\u003eContenu\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-card-mini-value\"\u003e100 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-card-mini\"\u003e\n \u003cspan class=\"soi-ortie-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-card-mini-label\"\u003eDosage \/ gélule\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-card-mini-value\"\u003e210 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-card-mini\"\u003e\n \u003cspan class=\"soi-ortie-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ortie-card-mini\"\u003e\n \u003cspan class=\"soi-ortie-card-mini-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-ortie-card-mini-value\"\u003eEcocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-ortie-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-ortie-cta-box\"\u003e\n \u003cp class=\"soi-ortie-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement avec l'ortie\u003c\/p\u003e\n \u003cp class=\"soi-ortie-cta-text\" style=\"color: white;\"\u003eLa puissance d'une plante ancestrale dans une gélule simple et certifiée. Pour des cheveux plus forts, des ongles résistants et une vitalité retrouvée, elle accompagne votre quotidien 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-ortie-marine: #1A2D3D;\n --soi-ortie-marine-dark: #0F1E2B;\n --soi-ortie-marine-light: #2C4458;\n --soi-ortie-pomme: #A1C544;\n --soi-ortie-pomme-dark: #84A636;\n --soi-ortie-pomme-light: rgba(161,197,68,0.10);\n\n --soi-ortie-white: #FFFFFF;\n --soi-ortie-off-white: #F8FAF6;\n --soi-ortie-stone: #F1F3EE;\n --soi-ortie-line: #E5E8E0;\n\n --soi-ortie-primary: #5A9E3C;\n --soi-ortie-primary-soft: rgba(90,158,60,0.08);\n --soi-ortie-accent: #4A8A30;\n\n --soi-ortie-text: #1A2D3D;\n --soi-ortie-text-soft: #4A5B6B;\n --soi-ortie-text-muted: #7B8693;\n\n --soi-ortie-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-ortie-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-ortie-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-ortie-radius: 12px;\n --soi-ortie-radius-sm: 8px;\n --soi-ortie-radius-pill: 999px;\n}\n\n.soi-ortie-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ortie-fiche img { max-width: 100%; height: auto; }\n\n.soi-ortie-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-ortie-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-ortie-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-ortie-hero {\n position: relative;\n background: var(--soi-ortie-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-ortie-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-ortie-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-ortie-pomme);\n}\n\n.soi-ortie-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-ortie-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-ortie-pomme);\n border-radius: 50%;\n}\n\n.soi-ortie-hero-title {\n display: block;\n color: var(--soi-ortie-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-ortie-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-ortie-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-ortie-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-ortie-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-ortie-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-ortie-label-accent {\n background: var(--soi-ortie-pomme);\n border-color: var(--soi-ortie-pomme);\n color: var(--soi-ortie-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-ortie-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ortie-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-ortie-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-ortie-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-ortie-pomme);\n border-radius: 2px;\n}\n\n.soi-ortie-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-ortie-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-ortie-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ortie-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-ortie-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-ortie-section p em {\n color: var(--soi-ortie-text-soft);\n font-size: 13px;\n}\n\n\/* BENEFITS *\/\n.soi-ortie-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-ortie-benefit {\n background: var(--soi-ortie-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-ortie-radius);\n border: 1px solid var(--soi-ortie-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ortie-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-ortie-shadow-md);\n}\n\n.soi-ortie-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-ortie-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-ortie-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-ortie-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-ortie-benefit:hover .soi-ortie-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-ortie-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-ortie-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-ortie-benefit p {\n font-size: 13px;\n color: var(--soi-ortie-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-ortie-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-ortie-card {\n background: var(--soi-ortie-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ortie-radius);\n border-left: 3px solid var(--soi-ortie-pomme);\n}\n\n.soi-ortie-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-ortie-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-ortie-card p {\n font-size: 14px;\n color: var(--soi-ortie-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-ortie-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-ortie-card-mini {\n background: var(--soi-ortie-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-ortie-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-ortie-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-ortie-card-mini-label {\n font-size: 11px;\n color: var(--soi-ortie-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-ortie-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-ortie-marine);\n}\n\n\/* TIMELINE *\/\n.soi-ortie-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 1.5rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-ortie-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-ortie-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ortie-radius);\n border: 1px solid var(--soi-ortie-line);\n align-items: flex-start;\n}\n\n.soi-ortie-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-ortie-marine);\n color: var(--soi-ortie-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-ortie-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-ortie-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-ortie-step-content p {\n font-size: 14px;\n color: var(--soi-ortie-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-ortie-compo {\n background: var(--soi-ortie-off-white);\n border-radius: var(--soi-ortie-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-ortie-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-ortie-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-ortie-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-ortie-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-ortie-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-ortie-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-ortie-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-ortie-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-ortie-pomme-light);\n border-left: 4px solid var(--soi-ortie-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-ortie-radius) var(--soi-ortie-radius) 0;\n align-items: flex-start;\n}\n\n.soi-ortie-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-ortie-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-ortie-marine);\n margin-bottom: 4px;\n}\n\n.soi-ortie-tip p {\n font-size: 14px;\n color: var(--soi-ortie-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-ortie-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-ortie-accordion-item {\n background: var(--soi-ortie-off-white);\n border-radius: var(--soi-ortie-radius-sm);\n border: 1px solid var(--soi-ortie-line);\n overflow: hidden;\n}\n\n.soi-ortie-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-ortie-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-ortie-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-ortie-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-ortie-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-ortie-accordion-item[open] .soi-ortie-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-ortie-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-ortie-accordion-content p {\n font-size: 14px;\n color: var(--soi-ortie-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-ortie-cta-box {\n background: var(--soi-ortie-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-ortie-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-ortie-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-ortie-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-ortie-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-ortie-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-ortie-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-ortie-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-ortie-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-ortie-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-ortie-compo-value {\n text-align: left;\n }\n\n .soi-ortie-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-ortie-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-ortie-fiche {\n --soi-ortie-text-soft: #2C3E50;\n --soi-ortie-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Neodiet","offers":[{"title":"Default Title","offer_id":61603690348874,"sku":"VO4801","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ortie-piquante-feuille-gelules_11zon.jpg?v=1780043915"},{"product_id":"collagene-marin-en-gelules-sfb","title":"Collagène marin en gélules - SFB","description":"\u003cdiv class=\"soi-coll-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-coll-hero\"\u003e\n \u003cdiv class=\"soi-coll-hero-tag\"\u003e\n \u003cspan class=\"soi-coll-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · SFB Laboratoires\n \u003c\/div\u003e\n \u003cspan class=\"soi-coll-hero-title\"\u003eCollagène Marin en gélules\u003c\/span\u003e\n \u003cp class=\"soi-coll-hero-subtitle\"\u003eSoutenez naturellement la fermeté de votre peau, la souplesse de vos articulations et la solidité de vos ongles grâce à un hydrolysat de collagène marin hautement assimilable.\u003c\/p\u003e\n \u003cdiv class=\"soi-coll-hero-labels\"\u003e\n \u003cspan class=\"soi-coll-label soi-coll-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-coll-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n \u003cspan class=\"soi-coll-label\"\u003eSANS LACTOSE\u003c\/span\u003e\n \u003cspan class=\"soi-coll-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003cspan class=\"soi-coll-label\"\u003ePÊCHE DURABLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-coll-section\"\u003e\n \u003cp class=\"soi-coll-section-intro\"\u003eÀ partir de 30 ans, notre corps produit naturellement moins de collagène. Résultat : la peau perd en fermeté, les articulations deviennent moins souples et les ongles se fragilisent. Le collagène marin en gélules SFB Laboratoires a justement été conçu pour compenser ce déclin progressif, avec une formule complète, naturelle et hautement assimilable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir un collagène marin plutôt qu'un autre ? --\u003e\n \u003csection class=\"soi-coll-section\"\u003e\n \u003ch2\u003ePourquoi choisir un collagène marin plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eTous les collagènes ne se valent pas. Le collagène marin présente une structure très proche du collagène humain, ce qui lui confère une \u003cstrong\u003ebiodisponibilité supérieure\u003c\/strong\u003e par rapport au collagène bovin ou végétal. Ici, SFB utilise un \u003cstrong\u003ehydrolysat de collagène marin de type I et III\u003c\/strong\u003e, issu de la pêche durable et garanti sans requin. La fragmentation enzymatique des peptides les rend immédiatement utilisables par l'organisme, sans effort digestif particulier.\u003c\/p\u003e\n \u003cp\u003eCe collagène est également \u003cstrong\u003esans gluten, sans lactose et fabriqué en France\u003c\/strong\u003e, pour répondre aux exigences de qualité les plus strictes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les bienfaits du collagène marin --\u003e\n \u003csection class=\"soi-coll-section\"\u003e\n \u003ch2\u003eLes bienfaits du collagène marin : peau, articulations et bien plus\u003c\/h2\u003e\n \u003cdiv class=\"soi-coll-benefits\"\u003e\n \u003cdiv class=\"soi-coll-benefit\"\u003e\n \u003cdiv class=\"soi-coll-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau visiblement plus ferme\u003c\/h3\u003e\n \u003cp\u003eLes peptides de collagène stimulent la synthèse naturelle de collagène cutané, aidant à lisser les rides et à améliorer l'éclat et l'hydratation du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coll-benefit\"\u003e\n \u003cdiv class=\"soi-coll-benefit-icon\"\u003e\u003cspan\u003e🦴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSouplesse articulaire retrouvée\u003c\/h3\u003e\n \u003cp\u003eLe collagène de type I et III soutient les cartilages et les tissus conjonctifs, limitant les raideurs et favorisant une meilleure mobilité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coll-benefit\"\u003e\n \u003cdiv class=\"soi-coll-benefit-icon\"\u003e\u003cspan\u003e💅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux et ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eEn nourrissant les kératinocytes et les follicules pileux, le collagène marin contribue à des ongles moins cassants et des cheveux plus résistants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coll-benefit\"\u003e\n \u003cdiv class=\"soi-coll-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAntioxydant naturel\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C d'origine naturelle incluse dans la formule neutralise les radicaux libres responsables du vieillissement prématuré des cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition complète et dosage par gélule --\u003e\n \u003csection class=\"soi-coll-section\"\u003e\n \u003ch2\u003eComposition complète et dosage par gélule\u003c\/h2\u003e\n \u003cp\u003eChaque gélule végétale contient :\u003c\/p\u003e\n \u003cdiv class=\"soi-coll-compo\"\u003e\n \u003cdiv class=\"soi-coll-compo-row\"\u003e\n \u003cspan class=\"soi-coll-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-coll-compo-value\"\u003eHydrolysat de collagène marin (types I et III)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coll-compo-row\"\u003e\n \u003cspan class=\"soi-coll-compo-label\"\u003eVitamine C naturelle (acérola)\u003c\/span\u003e\n \u003cspan class=\"soi-coll-compo-value\"\u003e80 mg (VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coll-compo-row\"\u003e\n \u003cspan class=\"soi-coll-compo-label\"\u003eManganèse\u003c\/span\u003e\n \u003cspan class=\"soi-coll-compo-value\"\u003e2 mg (VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coll-compo-row\"\u003e\n \u003cspan class=\"soi-coll-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"soi-coll-compo-value\"\u003eGélule végétale (sans gélatine animale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coll-compo-row\"\u003e\n \u003cspan class=\"soi-coll-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-coll-compo-value\"\u003e90 gélules végétales (15 jours de cure)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coll-tip\"\u003e\n \u003cdiv class=\"soi-coll-tip-icon\"\u003eℹ️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eBon à savoir\u003c\/strong\u003e\n \u003cp\u003eLa vitamine C contribue à la synthèse normale du collagène pour assurer le fonctionnement normal de la peau. Le manganèse contribue à la formation normale des tissus conjonctifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment prendre le collagène marin SFB ? --\u003e\n \u003csection class=\"soi-coll-section\"\u003e\n \u003ch2\u003eComment prendre le collagène marin SFB ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-coll-timeline\"\u003e\n \u003cdiv class=\"soi-coll-step\"\u003e\n \u003cdiv class=\"soi-coll-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-coll-step-content\"\u003e\n \u003ch3\u003eDose recommandée\u003c\/h3\u003e\n \u003cp\u003e6 gélules par jour, à répartir sur la journée, de préférence en dehors des repas pour une meilleure absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coll-step\"\u003e\n \u003cdiv class=\"soi-coll-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-coll-step-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eLes premiers effets visibles apparaissent généralement après 6 à 8 semaines de prise régulière. Une cure de 3 mois est recommandée pour des résultats durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coll-step\"\u003e\n \u003cdiv class=\"soi-coll-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-coll-step-content\"\u003e\n \u003ch3\u003eConseil pratique\u003c\/h3\u003e\n \u003cp\u003eAssociez votre cure à une bonne hydratation (1,5 L d'eau par jour) et à une alimentation riche en protéines pour optimiser la synthèse du collagène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Le collagène marin est-il dangereux ? --\u003e\n \u003csection class=\"soi-coll-section\"\u003e\n \u003ch2\u003eLe collagène marin est-il dangereux ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-coll-accordion\"\u003e\n \u003cdetails class=\"soi-coll-accordion-item\" open\u003e\n \u003csummary class=\"soi-coll-accordion-header\"\u003e⚠️ Précautions d'emploi et tolérance\u003c\/summary\u003e\n \u003cdiv class=\"soi-coll-accordion-content\"\u003e\n \u003cp\u003eLe collagène marin est globalement très bien toléré. Aucun effet indésirable majeur n'a été répertorié aux doses recommandées. Toutefois, si vous êtes \u003cstrong\u003eallergique aux produits de la mer\u003c\/strong\u003e, consultez votre médecin avant toute utilisation.\u003c\/p\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical et n'est pas destiné à traiter, prévenir ou guérir une maladie. En cas de doute, demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Récapitulatif produit --\u003e\n \u003csection class=\"soi-coll-section\"\u003e\n \u003ch2\u003eL'essentiel à retenir\u003c\/h2\u003e\n \u003cdiv class=\"soi-coll-grid-compact\"\u003e\n \u003cdiv class=\"soi-coll-card-mini\"\u003e\n \u003cspan class=\"soi-coll-card-mini-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"soi-coll-card-mini-label\"\u003eContenu\u003c\/span\u003e\n \u003cspan class=\"soi-coll-card-mini-value\"\u003e90 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coll-card-mini\"\u003e\n \u003cspan class=\"soi-coll-card-mini-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan class=\"soi-coll-card-mini-label\"\u003eDurée\u003c\/span\u003e\n \u003cspan class=\"soi-coll-card-mini-value\"\u003e15 jours de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coll-card-mini\"\u003e\n \u003cspan class=\"soi-coll-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-coll-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-coll-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coll-card-mini\"\u003e\n \u003cspan class=\"soi-coll-card-mini-icon\"\u003e🌊\u003c\/span\u003e\n \u003cspan class=\"soi-coll-card-mini-label\"\u003eSourcing\u003c\/span\u003e\n \u003cspan class=\"soi-coll-card-mini-value\"\u003ePêche durable, sans requin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-coll-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-coll-cta-box\"\u003e\n \u003cp class=\"soi-coll-cta-tag\" style=\"color: white;\"\u003eVotre allié jeunesse au quotidien\u003c\/p\u003e\n \u003cp class=\"soi-coll-cta-text\" style=\"color: white;\"\u003ePrendre soin de votre peau, de vos articulations et de votre vitalité n'est pas un luxe. Le Collagène Marin SFB vous accompagne avec une formule pure, efficace et respectueuse, pour que vous vous sentiez bien dans votre corps, durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-coll-marine: #1A2D3D;\n --soi-coll-marine-dark: #0F1E2B;\n --soi-coll-marine-light: #2C4458;\n --soi-coll-pomme: #A1C544;\n --soi-coll-pomme-dark: #84A636;\n --soi-coll-pomme-light: rgba(161,197,68,0.10);\n --soi-coll-white: #FFFFFF;\n --soi-coll-off-white: #F8FAF6;\n --soi-coll-stone: #F1F3EE;\n --soi-coll-line: #E5E8E0;\n --soi-coll-primary: #5BA8A0;\n --soi-coll-primary-soft: #E8F4F2;\n --soi-coll-accent: #7FBFB8;\n --soi-coll-text: #1A2D3D;\n --soi-coll-text-soft: #4A5B6B;\n --soi-coll-text-muted: #7B8693;\n --soi-coll-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-coll-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-coll-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-coll-radius: 12px;\n --soi-coll-radius-sm: 8px;\n --soi-coll-radius-pill: 999px;\n}\n\n.soi-coll-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-coll-fiche img { max-width: 100%; height: auto; }\n\n.soi-coll-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-coll-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-coll-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-coll-hero {\n position: relative;\n background: var(--soi-coll-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-coll-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-coll-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-coll-pomme);\n}\n\n.soi-coll-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-coll-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-coll-pomme);\n border-radius: 50%;\n}\n\n.soi-coll-hero-title {\n display: block;\n color: var(--soi-coll-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-coll-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-coll-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-coll-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-coll-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-coll-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-coll-label-accent {\n background: var(--soi-coll-pomme);\n border-color: var(--soi-coll-pomme);\n color: var(--soi-coll-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-coll-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-coll-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-coll-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-coll-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-coll-pomme);\n border-radius: 2px;\n}\n\n.soi-coll-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-coll-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-coll-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-coll-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-coll-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-coll-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-coll-benefit {\n background: var(--soi-coll-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-coll-radius);\n border: 1px solid var(--soi-coll-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-coll-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-coll-shadow-md);\n}\n\n.soi-coll-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-coll-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-coll-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-coll-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-coll-benefit:hover .soi-coll-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-coll-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-coll-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-coll-benefit p {\n font-size: 13px;\n color: var(--soi-coll-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-coll-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-coll-card {\n background: var(--soi-coll-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-coll-radius);\n border-left: 3px solid var(--soi-coll-pomme);\n}\n\n.soi-coll-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-coll-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-coll-card p {\n font-size: 14px;\n color: var(--soi-coll-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-coll-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-coll-card-mini {\n background: var(--soi-coll-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-coll-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-coll-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-coll-card-mini-label {\n font-size: 11px;\n color: var(--soi-coll-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-coll-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-coll-marine);\n}\n\n\/* TIMELINE *\/\n.soi-coll-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-coll-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-coll-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-coll-radius);\n border: 1px solid var(--soi-coll-line);\n align-items: flex-start;\n}\n\n.soi-coll-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-coll-marine);\n color: var(--soi-coll-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-coll-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-coll-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-coll-step-content p {\n font-size: 14px;\n color: var(--soi-coll-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-coll-compo {\n background: var(--soi-coll-off-white);\n border-radius: var(--soi-coll-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-coll-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-coll-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-coll-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-coll-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-coll-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-coll-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-coll-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-coll-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-coll-pomme-light);\n border-left: 4px solid var(--soi-coll-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-coll-radius) var(--soi-coll-radius) 0;\n align-items: flex-start;\n}\n\n.soi-coll-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-coll-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-coll-marine);\n margin-bottom: 4px;\n}\n\n.soi-coll-tip p {\n font-size: 14px;\n color: var(--soi-coll-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-coll-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-coll-accordion-item {\n background: var(--soi-coll-off-white);\n border-radius: var(--soi-coll-radius-sm);\n border: 1px solid var(--soi-coll-line);\n overflow: hidden;\n}\n\n.soi-coll-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-coll-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-coll-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-coll-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-coll-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-coll-accordion-item[open] .soi-coll-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-coll-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-coll-accordion-content p {\n font-size: 14px;\n color: var(--soi-coll-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-coll-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* CTA BOX *\/\n.soi-coll-cta-box {\n background: var(--soi-coll-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-coll-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-coll-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-coll-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-coll-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-coll-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-coll-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-coll-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-coll-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-coll-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-coll-compo-value {\n text-align: left;\n }\n\n .soi-coll-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-coll-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-coll-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-coll-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-coll-fiche {\n --soi-coll-text-soft: #2C3E50;\n --soi-coll-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":61603763454282,"sku":"SF0090","price":11.92,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/collagene-marin-en-gelules-sfb-packshot.webp?v=1779719686"},{"product_id":"acide-hyaluronique-en-gelules-sfb","title":"Acide Hyaluronique en gélules - SFB","description":"\n\u003cdiv class=\"soi-ahya-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-ahya-hero\"\u003e\n \u003cdiv class=\"soi-ahya-hero-tag\"\u003e\n \u003cspan class=\"soi-ahya-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · SFB Laboratoires\n \u003c\/div\u003e\n \u003cspan class=\"soi-ahya-hero-title\"\u003eAcide Hyaluronique en gélules\u003c\/span\u003e\n \u003cp class=\"soi-ahya-hero-subtitle\"\u003e120 mg d'acide hyaluronique par gélule végétale pour soutenir votre hydratation cutanée et votre confort articulaire de l'intérieur.\u003c\/p\u003e\n \u003cdiv class=\"soi-ahya-hero-labels\"\u003e\n \u003cspan class=\"soi-ahya-label soi-ahya-label-accent\"\u003e120 MG PAR GÉLULE\u003c\/span\u003e\n \u003cspan class=\"soi-ahya-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003cspan class=\"soi-ahya-label\"\u003eSANS GÉLATINE ANIMALE\u003c\/span\u003e\n \u003cspan class=\"soi-ahya-label\"\u003e60 GÉLULES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-ahya-section\"\u003e\n \u003cp class=\"soi-ahya-section-intro\" style=\"width:100%;\"\u003eL'acide hyaluronique est l'une des molécules les plus précieuses que votre corps produit naturellement. Présente dans la peau, les articulations et les muqueuses, elle retient jusqu'à 1 000 fois son poids en eau. Avec l'âge, sa production diminue progressivement, et c'est là qu'une supplémentation orale de qualité prend tout son sens. L'acide hyaluronique en gélules SFB Laboratoires vous propose une formule végétale dosée à 120 mg par gélule, pensée pour soutenir votre peau et votre confort articulaire de l'intérieur.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir... --\u003e\n \u003csection class=\"soi-ahya-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'acide hyaluronique en gélules plutôt qu'un sérum ou une injection ?\u003c\/h2\u003e\n \u003cp\u003eLe sérum à l'acide hyaluronique agit en surface. Les injections, réalisées en médecine esthétique, ciblent des zones précises du visage. La voie orale, elle, diffuse l'actif dans tout l'organisme via la circulation sanguine : peau, cartilages, muqueuses bénéficient simultanément de l'apport. C'est une approche complémentaire, douce et accessible, à intégrer dans votre quotidien sans contrainte.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Ce que cet acide hyaluronique fait concrètement pour vous --\u003e\n \u003csection class=\"soi-ahya-section\"\u003e\n \u003ch2\u003eCe que cet acide hyaluronique fait concrètement pour vous\u003c\/h2\u003e\n \u003cdiv class=\"soi-ahya-benefits\"\u003e\n \u003cdiv class=\"soi-ahya-benefit\"\u003e\n \u003cdiv class=\"soi-ahya-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation cutanée durable\u003c\/h3\u003e\n \u003cp\u003eVéritable éponge moléculaire dans les couches profondes de la peau, il réduit la sensation de tiraillement et améliore l'éclat du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ahya-benefit\"\u003e\n \u003cdiv class=\"soi-ahya-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFermeté et élasticité\u003c\/h3\u003e\n \u003cp\u003eEn soutenant la structure des tissus, il contribue à atténuer les signes du relâchement cutané pour une peau visuellement plus lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ahya-benefit\"\u003e\n \u003cdiv class=\"soi-ahya-benefit-icon\"\u003e\u003cspan\u003e🦴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eConfort articulaire\u003c\/h3\u003e\n \u003cp\u003eConstituant clé du liquide synovial, il lubrifie les surfaces articulaires et amortit les chocs, soutenant la mobilité des genoux, hanches et épaules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ahya-benefit\"\u003e\n \u003cdiv class=\"soi-ahya-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection des muqueuses\u003c\/h3\u003e\n \u003cp\u003eGastrique, vésicale ou nasale, l'acide hyaluronique renforce les barrières naturelles de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ahya-benefit\"\u003e\n \u003cdiv class=\"soi-ahya-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction antioxydante\u003c\/h3\u003e\n \u003cp\u003eIl contribue à neutraliser le stress oxydatif qui accélère le vieillissement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition et dosage précis --\u003e\n \u003csection class=\"soi-ahya-section\"\u003e\n \u003ch2\u003eComposition et dosage précis\u003c\/h2\u003e\n \u003cp class=\"soi-ahya-section-intro\"\u003eChaque gélule végétale contient une formule épurée, sans additif superflu.\u003c\/p\u003e\n \u003cdiv class=\"soi-ahya-compo\"\u003e\n \u003cdiv class=\"soi-ahya-compo-row\"\u003e\n \u003cspan class=\"soi-ahya-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-ahya-compo-value\"\u003eAcide hyaluronique (sel de sodium) : 120 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ahya-compo-row\"\u003e\n \u003cspan class=\"soi-ahya-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"soi-ahya-compo-value\"\u003eGélule végétale (HPMC)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ahya-compo-row\"\u003e\n \u003cspan class=\"soi-ahya-compo-label\"\u003eFormulation\u003c\/span\u003e\n \u003cspan class=\"soi-ahya-compo-value\"\u003eSans additif superflu, sans gélatine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ahya-compo-row\"\u003e\n \u003cspan class=\"soi-ahya-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-ahya-compo-value\"\u003e60 gélules (2 mois de cure)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ahya-compo-row\"\u003e\n \u003cspan class=\"soi-ahya-compo-label\"\u003eDosage recommandé\u003c\/span\u003e\n \u003cspan class=\"soi-ahya-compo-value\"\u003e1 gélule par jour, le matin au repas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ahya-compo-row\"\u003e\n \u003cspan class=\"soi-ahya-compo-label\"\u003eDurée de cure conseillée\u003c\/span\u003e\n \u003cspan class=\"soi-ahya-compo-value\"\u003e6 à 8 semaines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment prendre... --\u003e\n \u003csection class=\"soi-ahya-section\"\u003e\n \u003ch2\u003eComment prendre l'acide hyaluronique pour de meilleurs résultats ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-ahya-timeline\"\u003e\n \u003cdiv class=\"soi-ahya-step\"\u003e\n \u003cdiv class=\"soi-ahya-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-ahya-step-content\"\u003e\n \u003ch3\u003ePrenez 1 gélule le matin\u003c\/h3\u003e\n \u003cp\u003eAu moment du repas, avec un grand verre d'eau, pour maximiser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ahya-step\"\u003e\n \u003cdiv class=\"soi-ahya-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-ahya-step-content\"\u003e\n \u003ch3\u003eHydratez-vous suffisamment\u003c\/h3\u003e\n \u003cp\u003eTout au long de la journée, l'acide hyaluronique a besoin d'eau pour agir pleinement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ahya-step\"\u003e\n \u003cdiv class=\"soi-ahya-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-ahya-step-content\"\u003e\n \u003ch3\u003eAssociez-le à de la vitamine C\u003c\/h3\u003e\n \u003cp\u003ePour amplifier la synthèse naturelle de collagène et potentialiser les effets sur votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ahya-tip\"\u003e\n \u003cdiv class=\"soi-ahya-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 recommandée pour observer des résultats visibles et durables. Pensez à bien vous hydrater pour permettre à l'acide hyaluronique de déployer tout son potentiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Précautions et informations importantes --\u003e\n \u003csection class=\"soi-ahya-section\"\u003e\n \u003ch2\u003ePrécautions et informations importantes\u003c\/h2\u003e\n \u003cdiv class=\"soi-ahya-accordion\"\u003e\n \u003cdetails class=\"soi-ahya-accordion-item\"\u003e\n \u003csummary class=\"soi-ahya-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-ahya-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace pas un traitement médical ni des soins prescrits par 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-ahya-accordion-item\"\u003e\n \u003csummary class=\"soi-ahya-accordion-header\"\u003e📦 Conservation et stockage\u003c\/summary\u003e\n \u003cdiv class=\"soi-ahya-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 \u003cdetails class=\"soi-ahya-accordion-item\"\u003e\n \u003csummary class=\"soi-ahya-accordion-header\"\u003e📋 Contenu du flacon\u003c\/summary\u003e\n \u003cdiv class=\"soi-ahya-accordion-content\"\u003e\n \u003cp\u003e60 gélules végétales par flacon, soit 2 mois de cure à raison d'une gélule par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-ahya-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-ahya-cta-box\"\u003e\n \u003cp class=\"soi-ahya-cta-tag\" style=\"color: white;\"\u003eVotre éclat naturel commence ici\u003c\/p\u003e\n \u003cp class=\"soi-ahya-cta-text\" style=\"color: white;\"\u003eParce que votre peau mérite d'être nourrie de l'intérieur, l'Acide Hyaluronique SFB Laboratoires vous accompagne chaque jour vers une hydratation profonde, une peau plus souple et des articulations plus confortables. Une gélule végétale, 120 mg d'actif pur, et une routine enfin simple à tenir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-ahya-marine: #1A2D3D;\n --soi-ahya-marine-dark: #0F1E2B;\n --soi-ahya-marine-light: #2C4458;\n --soi-ahya-pomme: #A1C544;\n --soi-ahya-pomme-dark: #84A636;\n --soi-ahya-pomme-light: rgba(161,197,68,0.10);\n --soi-ahya-white: #FFFFFF;\n --soi-ahya-off-white: #F8FAF6;\n --soi-ahya-stone: #F1F3EE;\n --soi-ahya-line: #E5E8E0;\n --soi-ahya-primary: #7ABFB5;\n --soi-ahya-primary-soft: #D4EFEB;\n --soi-ahya-accent: #5BA89D;\n --soi-ahya-text: #1A2D3D;\n --soi-ahya-text-soft: #4A5B6B;\n --soi-ahya-text-muted: #7B8693;\n --soi-ahya-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-ahya-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-ahya-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-ahya-radius: 12px;\n --soi-ahya-radius-sm: 8px;\n --soi-ahya-radius-pill: 999px;\n}\n\n.soi-ahya-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ahya-fiche img { max-width: 100%; height: auto; }\n\n.soi-ahya-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-ahya-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-ahya-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-ahya-hero {\n position: relative;\n background: var(--soi-ahya-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-ahya-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-ahya-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-ahya-pomme);\n}\n\n.soi-ahya-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-ahya-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-ahya-pomme);\n border-radius: 50%;\n}\n\n.soi-ahya-hero-title {\n display: block;\n color: var(--soi-ahya-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-ahya-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-ahya-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-ahya-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-ahya-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-ahya-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-ahya-label-accent {\n background: var(--soi-ahya-pomme);\n border-color: var(--soi-ahya-pomme);\n color: var(--soi-ahya-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-ahya-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ahya-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-ahya-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-ahya-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-ahya-pomme);\n border-radius: 2px;\n}\n\n.soi-ahya-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-ahya-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-ahya-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ahya-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-ahya-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-ahya-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-ahya-benefit {\n background: var(--soi-ahya-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-ahya-radius);\n border: 1px solid var(--soi-ahya-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ahya-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-ahya-shadow-md);\n}\n\n.soi-ahya-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-ahya-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-ahya-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-ahya-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-ahya-benefit:hover .soi-ahya-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-ahya-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-ahya-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-ahya-benefit p {\n font-size: 13px;\n color: var(--soi-ahya-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-ahya-compo {\n background: var(--soi-ahya-off-white);\n border-radius: var(--soi-ahya-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-ahya-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-ahya-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-ahya-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-ahya-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-ahya-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-ahya-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-ahya-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-ahya-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-ahya-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-ahya-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ahya-radius);\n border: 1px solid var(--soi-ahya-line);\n align-items: flex-start;\n}\n\n.soi-ahya-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-ahya-marine);\n color: var(--soi-ahya-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-ahya-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-ahya-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-ahya-step-content p {\n font-size: 14px;\n color: var(--soi-ahya-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-ahya-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-ahya-pomme-light);\n border-left: 4px solid var(--soi-ahya-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-ahya-radius) var(--soi-ahya-radius) 0;\n align-items: flex-start;\n}\n\n.soi-ahya-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-ahya-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-ahya-marine);\n margin-bottom: 4px;\n}\n\n.soi-ahya-tip p {\n font-size: 14px;\n color: var(--soi-ahya-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-ahya-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-ahya-accordion-item {\n background: var(--soi-ahya-off-white);\n border-radius: var(--soi-ahya-radius-sm);\n border: 1px solid var(--soi-ahya-line);\n overflow: hidden;\n}\n\n.soi-ahya-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-ahya-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-ahya-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-ahya-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-ahya-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-ahya-accordion-item[open] .soi-ahya-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-ahya-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-ahya-accordion-content p {\n font-size: 14px;\n color: var(--soi-ahya-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-ahya-cta-box {\n background: var(--soi-ahya-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-ahya-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-ahya-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-ahya-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-ahya-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-ahya-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-ahya-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-ahya-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-ahya-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-ahya-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-ahya-compo-value {\n text-align: left;\n }\n\n .soi-ahya-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-ahya-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-ahya-fiche {\n --soi-ahya-text-soft: #2C3E50;\n --soi-ahya-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":61603771220298,"sku":"SF0220","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/acide-hyaluronique-en-gelules-sfb-packshot.webp?v=1779634078"},{"product_id":"zeo-activee-en-poudre-sfb","title":"Zeo Activée en poudre - SFB","description":"\u003c!--\n=== ANALYSE SOINATURE ===\nProduit: Zeo Activée en poudre\nMarque: SFB Laboratoires\nCatégorie Soinat: Cosmétiques et soins beauté — soin minéral \/ détox cutanée\n\n=== INVENTAIRE DES DONNÉES SOURCE (preuve anti-invention) ===\nLabels\/certifications mentionnés : 100 % naturel, Qualité supérieure, Sans nanoparticules, Sans additif\/excipient\/conservateur\nChiffres précis mentionnés : Granulométrie 0–5 microns, peut retenir jusqu'à 30 % de son poids sec, SiO₂ ~65–70 %, Al₂O₃ ~11–13 %, 1 à 2 cuillères à café (3–6 g), 2 à 3 cuillères à soupe (15–20 g), 5 à 15 % dans préparations DIY, 10–15 minutes (masque), 15–20 minutes (cataplasme), 1 à 2 fois par semaine, 106 variétés de zéolites\nOrigine mentionnée : Balkans (régions volcaniques)\nForme galénique : Poudre ultrafine\nActifs\/plantes nommés : Zéolite clinoptilolite activée, SiO₂, Al₂O₃, K₂O, CaO, MgO, FeO₃\nPosologie mentionnée : Masque visage 1–2 cuillères à café, 10–15 min, 1–2 fois\/semaine ; Cataplasme 2–3 cuillères à soupe, 15–20 min ; DIY 5–15 %\nPrécautions mentionnées : Usage externe exclusivement, ne pas ingérer, tenir hors de portée des enfants, conserver à l'abri de l'humidité et de la chaleur, éviter contact yeux et muqueuses, ne remplace pas un traitement médical\n\n=== PALETTE CSS ===\nMarine Soinat: #1A2D3D (fixe)\nPomme Soinat: #A1C544 (fixe)\nPrimaire produit: #3A3A3A (noir charbon du pot)\nAccent produit: #C8A96E (doré\/or des liserés du packaging)\nPréfixe CSS: soi-zeoa\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés :\n 1. \"Zéolite clinoptilolite activée en poudre : la détox minérale venue des volcans\"\n 2. \"Qu'est-ce que la zéolite clinoptilolite, concrètement ?\"\n 3. \"Les bienfaits de la poudre de zéolite activée pour la peau\"\n 4. \"Comment utiliser la zéolite en poudre ? — Conseils pratiques\"\n 5. \"Composition de la Zeo Activée SFB\"\n 6. \"Posologie et quantités recommandées\"\n 7. \"Pourquoi choisir la Zeo Activée de SFB Laboratoires ?\"\n 8. \"Pour qui est faite la poudre de zéolite activée ?\"\n\n=== COMPOSANTS RETENUS POUR CHAQUE SECTION ===\nHero : labels affichés = 100 % NATUREL, SANS NANOPARTICULES, ORIGINE BALKANS, POUDRE ULTRAFINE (tous dans la source)\nH2 #1 → section-intro avec \u003cp\u003e (texte narratif continu)\nH2 #2 → grid 2 colonnes : \u003cp\u003e + tip box (contenu structuré avec liste de caractéristiques)\nH2 #3 → benefits (4 bénéfices distincts avec titre + description) + note disclaimer\nH2 #4 → timeline (3 étapes numérotées) + tip (conseil SFB)\nH2 #5 → compo data rows (données structurées en tableau)\nH2 #6 → grid-compact cards mini (3 posologies chiffrées)\nH2 #7 → cards classiques (6 arguments → grille de cards)\nH2 #8 → cards classiques (5 profils cibles) + CTA box final\nComposants OMIS faute de données : accordéon (pas de FAQ ni de données secondaires non couvertes)\n--\u003e\n\n\u003cdiv class=\"soi-zeoa-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-zeoa-hero\"\u003e\n \u003cdiv class=\"soi-zeoa-hero-tag\"\u003e\n \u003cspan class=\"soi-zeoa-tag-dot\"\u003e\u003c\/span\u003e\n Soin minéral · SFB Laboratoires\n \u003c\/div\u003e\n \u003cspan class=\"soi-zeoa-hero-title\"\u003eZeo Activée en poudre\u003c\/span\u003e\n \u003cp class=\"soi-zeoa-hero-subtitle\"\u003eZéolite clinoptilolite surfine d'origine volcanique — propriétés adsorbantes et absorbantes pour une peau purifiée en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"soi-zeoa-hero-labels\"\u003e\n \u003cspan class=\"soi-zeoa-label soi-zeoa-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-label\"\u003ePOUDRE ULTRAFINE 0–5 µm\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-label\"\u003eSANS NANOPARTICULES\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-label\"\u003eORIGINE BALKANS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"soi-zeoa-section\"\u003e\n \u003ch2\u003eZéolite clinoptilolite activée en poudre : la détox minérale venue des volcans\u003c\/h2\u003e\n \u003cp\u003eImaginez un minéral formé il y a des millions d'années, né de la rencontre entre la lave volcanique et l'eau de mer, dont la structure microscopique agit littéralement comme une \u003cstrong\u003eéponge moléculaire\u003c\/strong\u003e. C'est exactement ce qu'est la zéolite clinoptilolite activée.\u003c\/p\u003e\n \u003cp\u003eExtraite des régions volcaniques des Balkans, la \u003cstrong\u003eZeo Activée SFB\u003c\/strong\u003e vous propose ce trésor naturel sous forme de \u003cstrong\u003epoudre ultrafine (0–5 microns)\u003c\/strong\u003e, 100 % pure, sans additifs, sans nanoparticules — pour une utilisation externe aussi efficace que respectueuse de votre peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"soi-zeoa-section\"\u003e\n \u003ch2\u003eQu'est-ce que la zéolite clinoptilolite, concrètement ?\u003c\/h2\u003e\n \u003cp\u003eLa zéolite appartient à la famille des aluminosilicates hydratés — des minéraux à la structure en nid d'abeille percée de millions de micropores. Ce réseau de cavités lui confère une capacité d'\u003cstrong\u003eéchange cationique\u003c\/strong\u003e exceptionnelle : elle capte et retient des ions tels que le calcium, le magnésium, le sodium et le potassium tout en piégeant les impuretés présentes à la surface de la peau.\u003c\/p\u003e\n \u003cp\u003eParmi les 106 variétés de zéolites recensées dans la nature, la \u003cstrong\u003eclinoptilolite\u003c\/strong\u003e est celle qui présente la meilleure structure poreuse et la plus grande stabilité chimique. C'est donc la forme la plus valorisée en cosmétique naturelle et en usage topique.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-zeoa-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-zeoa-tip-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eCe qui rend la Zeo Activée SFB unique\u003c\/strong\u003e\n \u003cp\u003eGranulométrie ultrafine de \u003cstrong\u003e0 à 5 microns\u003c\/strong\u003e pour une surface d'adsorption maximisée. Elle peut retenir jusqu'à \u003cstrong\u003e30 % de son poids sec\u003c\/strong\u003e. Origine volcanique certifiée des Balkans. 100 % naturelle, sans nanoparticules, zéro additif, zéro excipient — qualité supérieure et traçabilité totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"soi-zeoa-section\"\u003e\n \u003ch2\u003eLes bienfaits de la poudre de zéolite activée pour la peau\u003c\/h2\u003e\n \u003cp class=\"soi-zeoa-section-intro\"\u003eLa poudre de zéolite activée agit selon trois mécanismes complémentaires lorsqu'elle est appliquée sur la peau :\u003c\/p\u003e\n \u003cdiv class=\"soi-zeoa-benefits\"\u003e\n \u003cdiv class=\"soi-zeoa-benefit\"\u003e\n \u003cdiv class=\"soi-zeoa-benefit-icon\"\u003e\u003cspan\u003e🧲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAdsorption des impuretés\u003c\/h3\u003e\n \u003cp\u003eSes micropores captent les toxines, résidus et impuretés présents à la surface cutanée, comme un aimant minéral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-benefit\"\u003e\n \u003cdiv class=\"soi-zeoa-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAbsorption du sébum\u003c\/h3\u003e\n \u003cp\u003eElle régule naturellement l'excès de sébum sur les peaux mixtes à grasses, sans agresser le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-benefit\"\u003e\n \u003cdiv class=\"soi-zeoa-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉquilibre du pH cutané\u003c\/h3\u003e\n \u003cp\u003eGrâce à son échange cationique, elle contribue à préserver le pH naturel de la peau, garant d'une barrière cutanée saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-benefit\"\u003e\n \u003cdiv class=\"soi-zeoa-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction apaisante\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les zones irritées ou rougies, la zéolite aide à apaiser et à calmer l'inconfort cutané de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-zeoa-disclaimer\"\u003e⚠️ Ces informations décrivent les propriétés naturelles du minéral et ne constituent pas des allégations médicales. La Zeo Activée est un produit cosmétique à usage externe et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"soi-zeoa-section\"\u003e\n \u003ch2\u003eComment utiliser la zéolite en poudre ? — Conseils pratiques\u003c\/h2\u003e\n \u003cp class=\"soi-zeoa-section-intro\"\u003eL'un des grands avantages de la zéolite poudre est sa polyvalence d'application. Voici les usages externes les plus courants :\u003c\/p\u003e\n \u003cdiv class=\"soi-zeoa-timeline\"\u003e\n \u003cdiv class=\"soi-zeoa-step\"\u003e\n \u003cdiv class=\"soi-zeoa-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-step-content\"\u003e\n \u003ch3\u003eMasque purifiant visage\u003c\/h3\u003e\n \u003cp\u003eMélangez \u003cstrong\u003e1 à 2 cuillères à café\u003c\/strong\u003e de poudre de zéolite avec un peu d'eau (ou d'hydrolat de votre choix) pour obtenir une pâte lisse. Appliquez sur le visage préalablement nettoyé, laissez poser \u003cstrong\u003e10 à 15 minutes\u003c\/strong\u003e puis rincez abondamment à l'eau tiède. Idéal 1 à 2 fois par semaine pour les peaux mixtes, grasses ou à tendance acnéique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-step\"\u003e\n \u003cdiv class=\"soi-zeoa-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-step-content\"\u003e\n \u003ch3\u003eSoin corporel apaisant\u003c\/h3\u003e\n \u003cp\u003eDiluez la poudre dans de l'eau pour créer un cataplasme doux à appliquer sur les zones irritées, les coups de soleil légers ou les inconforts locaux. Laissez agir \u003cstrong\u003e15 à 20 minutes\u003c\/strong\u003e avant de rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-step\"\u003e\n \u003cdiv class=\"soi-zeoa-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-step-content\"\u003e\n \u003ch3\u003eIntégration dans vos préparations cosmétiques maison\u003c\/h3\u003e\n \u003cp\u003eLa poudre de zéolite activée peut s'incorporer facilement dans vos recettes de savons solides, crèmes argile, soins scrubs ou shampoings secs DIY pour enrichir leur effet purifiant et régulateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-zeoa-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePrivilégiez un mélange dans un bol en céramique ou en verre plutôt qu'en métal, afin de préserver les propriétés d'échange ionique de la zéolite. Évitez tout contact avec les yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"soi-zeoa-section\"\u003e\n \u003ch2\u003eComposition de la Zeo Activée SFB\u003c\/h2\u003e\n \u003cp class=\"soi-zeoa-section-intro\"\u003eLa transparence est au cœur de la démarche SFB. Voici la composition complète de la Zeo Activée :\u003c\/p\u003e\n \u003cdiv class=\"soi-zeoa-compo\"\u003e\n \u003cdiv class=\"soi-zeoa-compo-row soi-zeoa-compo-header\"\u003e\n \u003cspan class=\"soi-zeoa-compo-label\"\u003eComposant\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-compo-value\"\u003eTeneur indicative\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-compo-role\"\u003eRôle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-compo-row\"\u003e\n \u003cspan class=\"soi-zeoa-compo-label\"\u003eZéolite clinoptilolite\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-compo-value\"\u003e100 %\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-compo-role\"\u003ePrincipe actif unique — adsorption, échange ionique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-compo-row\"\u003e\n \u003cspan class=\"soi-zeoa-compo-label\"\u003eSiO₂ (dioxyde de silicium)\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-compo-value\"\u003e~65–70 %\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-compo-role\"\u003eConstituant majeur de la structure microporeuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-compo-row\"\u003e\n \u003cspan class=\"soi-zeoa-compo-label\"\u003eAl₂O₃ (alumine)\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-compo-value\"\u003e~11–13 %\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-compo-role\"\u003eContribue à la charge ionique et aux échanges\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-compo-row\"\u003e\n \u003cspan class=\"soi-zeoa-compo-label\"\u003eK₂O, CaO, MgO, FeO₃\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-compo-value\"\u003eTraces naturelles\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-compo-role\"\u003eMinéraux naturellement présents dans la roche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-compo-row\"\u003e\n \u003cspan class=\"soi-zeoa-compo-label\"\u003eAdditifs \/ excipients\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-compo-value\"\u003eAucun\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-compo-role\"\u003eProduit 100 % pur et naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-zeoa-disclaimer\"\u003eLa zéolite clinoptilolite est un aluminosilicate d'origine naturelle. Sa composition exacte peut varier légèrement selon le gisement d'extraction. Ces valeurs sont données à titre indicatif.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"soi-zeoa-section\"\u003e\n \u003ch2\u003ePosologie et quantités recommandées\u003c\/h2\u003e\n \u003cdiv class=\"soi-zeoa-grid-compact\"\u003e\n \u003cdiv class=\"soi-zeoa-card-mini\"\u003e\n \u003cspan class=\"soi-zeoa-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-card-mini-label\"\u003eMasque visage\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-card-mini-value\"\u003e1 à 2 c. à café\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-card-mini-detail\"\u003eEnviron 3–6 g · 1 à 2 fois\/semaine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-card-mini\"\u003e\n \u003cspan class=\"soi-zeoa-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-card-mini-label\"\u003eCataplasme corporel\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-card-mini-value\"\u003e2 à 3 c. à soupe\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-card-mini-detail\"\u003eEnviron 15–20 g · Rincer après 15–20 min\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-card-mini\"\u003e\n \u003cspan class=\"soi-zeoa-card-mini-icon\"\u003e🧪\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-card-mini-label\"\u003eUsage cosmétique DIY\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-card-mini-value\"\u003e5 à 15 %\u003c\/span\u003e\n \u003cspan class=\"soi-zeoa-card-mini-detail\"\u003eÀ incorporer dans vos préparations maison\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-zeoa-accordion-item\"\u003e\n \u003csummary class=\"soi-zeoa-accordion-header\"\u003e⚠️ Précautions d'emploi et conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-zeoa-accordion-content\"\u003e\n \u003cp\u003eLa Zeo Activée SFB est exclusivement destinée à un \u003cstrong\u003eusage externe\u003c\/strong\u003e. Elle ne doit pas être ingérée. Tenir hors de portée des enfants. Conserver à l'abri de l'humidité et de la chaleur. Évitez tout contact avec les yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"soi-zeoa-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Zeo Activée de SFB Laboratoires ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-zeoa-grid\"\u003e\n \u003cdiv class=\"soi-zeoa-card\"\u003e\n \u003ch3\u003e🌋 Origine volcanique tracée\u003c\/h3\u003e\n \u003cp\u003eExtraite des Balkans, région reconnue pour la qualité de ses gisements de clinoptilolite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-card\"\u003e\n \u003ch3\u003e⚗️ Granulométrie 0–5 microns\u003c\/h3\u003e\n \u003cp\u003eSurface de contact maximisée pour une efficacité optimale sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-card\"\u003e\n \u003ch3\u003e✅ Activée mécaniquement\u003c\/h3\u003e\n \u003cp\u003eLe processus d'activation augmente la réactivité de la structure poreuse de la zéolite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-card\"\u003e\n \u003ch3\u003e🚫 Sans nanoparticules\u003c\/h3\u003e\n \u003cp\u003eSécurité et respect de l'intégrité cutanée garantis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-card\"\u003e\n \u003ch3\u003e🌿 100 % naturelle et pure\u003c\/h3\u003e\n \u003cp\u003eAucun additif, aucun excipient, aucun conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-card\"\u003e\n \u003ch3\u003e📦 Conditionnement protecteur\u003c\/h3\u003e\n \u003cp\u003ePot noir hermétique qui préserve les propriétés actives du produit dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"soi-zeoa-section\"\u003e\n \u003ch2\u003ePour qui est faite la poudre de zéolite activée ?\u003c\/h2\u003e\n \u003cp class=\"soi-zeoa-section-intro\"\u003eLa zéolite activée en poudre s'adresse à toutes les personnes souhaitant intégrer un soin minéral naturel dans leur routine beauté. Elle convient particulièrement :\u003c\/p\u003e\n \u003cdiv class=\"soi-zeoa-grid\"\u003e\n \u003cdiv class=\"soi-zeoa-card\"\u003e\n \u003ch3\u003e✨ Peaux mixtes à grasses\u003c\/h3\u003e\n \u003cp\u003eOu sujettes aux imperfections, pour un soin purifiant en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-card\"\u003e\n \u003ch3\u003e🍃 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003ePersonnes souhaitant une alternative naturelle aux soins purifiants conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-card\"\u003e\n \u003ch3\u003e🧴 Passionnés de cosmétique DIY\u003c\/h3\u003e\n \u003cp\u003ePour enrichir vos préparations maison avec un actif minéral purifiant et régulateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-card\"\u003e\n \u003ch3\u003e🔍 Transparence avant tout\u003c\/h3\u003e\n \u003cp\u003eToute personne attentive à la transparence des ingrédients et à la traçabilité des matières premières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-zeoa-card\"\u003e\n \u003ch3\u003e🏥 Professionnels de la beauté naturelle\u003c\/h3\u003e\n \u003cp\u003eNaturopathes et praticiens cherchant une zéolite activée de qualité supérieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-zeoa-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-zeoa-cta-box\"\u003e\n \u003cp class=\"soi-zeoa-cta-tag\" style=\"color: white;\"\u003eLa pureté minérale au service de votre peau\u003c\/p\u003e\n \u003cp class=\"soi-zeoa-cta-text\" style=\"color: white;\"\u003eNée dans les volcans des Balkans, affinée jusqu'à l'extrême finesse — la Zeo Activée SFB est un rituel de pureté, un geste naturel profondément efficace pour votre peau, sans compromis, sans artifices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-zeoa-marine: #1A2D3D;\n --soi-zeoa-marine-dark: #0F1E2B;\n --soi-zeoa-marine-light: #2C4458;\n --soi-zeoa-pomme: #A1C544;\n --soi-zeoa-pomme-dark: #84A636;\n --soi-zeoa-pomme-light: rgba(161,197,68,0.10);\n\n --soi-zeoa-white: #FFFFFF;\n --soi-zeoa-off-white: #F8FAF6;\n --soi-zeoa-stone: #F1F3EE;\n --soi-zeoa-line: #E5E8E0;\n\n --soi-zeoa-primary: #3A3A3A;\n --soi-zeoa-primary-soft: #5A5A5A;\n --soi-zeoa-accent: #C8A96E;\n\n --soi-zeoa-text: #1A2D3D;\n --soi-zeoa-text-soft: #4A5B6B;\n --soi-zeoa-text-muted: #7B8693;\n\n --soi-zeoa-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-zeoa-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-zeoa-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-zeoa-radius: 12px;\n --soi-zeoa-radius-sm: 8px;\n --soi-zeoa-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-zeoa-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-zeoa-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-zeoa-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-zeoa-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-zeoa-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-zeoa-hero {\n position: relative;\n background: var(--soi-zeoa-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-zeoa-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-zeoa-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--soi-zeoa-pomme), var(--soi-zeoa-accent));\n}\n\n.soi-zeoa-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-zeoa-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-zeoa-accent);\n border-radius: 50%;\n}\n\n.soi-zeoa-hero-title {\n display: block;\n color: var(--soi-zeoa-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-zeoa-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-zeoa-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-zeoa-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-zeoa-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-zeoa-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-zeoa-label-accent {\n background: var(--soi-zeoa-accent);\n border-color: var(--soi-zeoa-accent);\n color: var(--soi-zeoa-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-zeoa-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-zeoa-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-zeoa-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-zeoa-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-zeoa-pomme);\n border-radius: 2px;\n}\n\n.soi-zeoa-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-zeoa-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-zeoa-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-zeoa-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-zeoa-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.soi-zeoa-disclaimer {\n font-size: clamp(12px, 1.5vw, 13px);\n color: var(--soi-zeoa-text-muted);\n font-style: italic;\n margin-top: 1rem;\n line-height: 1.6;\n}\n\n\/* === BENEFITS === *\/\n.soi-zeoa-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-zeoa-benefit {\n background: var(--soi-zeoa-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-zeoa-radius);\n border: 1px solid var(--soi-zeoa-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-zeoa-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-zeoa-shadow-md);\n}\n\n.soi-zeoa-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-zeoa-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-zeoa-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-zeoa-accent);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-zeoa-benefit:hover .soi-zeoa-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-zeoa-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-zeoa-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-zeoa-benefit p {\n font-size: 13px;\n color: var(--soi-zeoa-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-zeoa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-zeoa-card {\n background: var(--soi-zeoa-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-zeoa-radius);\n border-left: 3px solid var(--soi-zeoa-pomme);\n}\n\n.soi-zeoa-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-zeoa-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-zeoa-card p {\n font-size: 14px;\n color: var(--soi-zeoa-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-zeoa-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n}\n\n.soi-zeoa-card-mini {\n background: var(--soi-zeoa-stone);\n padding: 1.25rem 1.25rem;\n border-radius: var(--soi-zeoa-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-zeoa-card-mini-icon {\n font-size: 24px;\n margin-bottom: 4px;\n}\n\n.soi-zeoa-card-mini-label {\n font-size: 11px;\n color: var(--soi-zeoa-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-zeoa-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-zeoa-marine);\n}\n\n.soi-zeoa-card-mini-detail {\n font-size: 12px;\n color: var(--soi-zeoa-text-soft);\n line-height: 1.5;\n margin-top: 2px;\n}\n\n\/* === TIMELINE === *\/\n.soi-zeoa-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-zeoa-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-zeoa-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-zeoa-radius);\n border: 1px solid var(--soi-zeoa-line);\n align-items: flex-start;\n}\n\n.soi-zeoa-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-zeoa-marine);\n color: var(--soi-zeoa-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-zeoa-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-zeoa-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-zeoa-step-content p {\n font-size: 14px;\n color: var(--soi-zeoa-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows — extended 3 cols) === *\/\n.soi-zeoa-compo {\n background: var(--soi-zeoa-off-white);\n border-radius: var(--soi-zeoa-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-zeoa-compo-row {\n display: grid;\n grid-template-columns: 1fr auto 1.5fr;\n align-items: center;\n padding: 0.9rem 1.5rem;\n border-bottom: 1px solid var(--soi-zeoa-line);\n gap: 1rem;\n}\n\n.soi-zeoa-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-zeoa-compo-header {\n background: var(--soi-zeoa-marine);\n border-radius: var(--soi-zeoa-radius-sm) var(--soi-zeoa-radius-sm) 0 0;\n border-bottom: none;\n}\n\n.soi-zeoa-compo-header .soi-zeoa-compo-label,\n.soi-zeoa-compo-header .soi-zeoa-compo-value,\n.soi-zeoa-compo-header .soi-zeoa-compo-role {\n color: var(--soi-zeoa-white);\n font-weight: 600;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n}\n\n.soi-zeoa-compo-label {\n font-size: 13px;\n font-weight: 500;\n color: var(--soi-zeoa-text);\n}\n\n.soi-zeoa-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 600;\n color: var(--soi-zeoa-marine);\n text-align: center;\n}\n\n.soi-zeoa-compo-role {\n font-size: 13px;\n color: var(--soi-zeoa-text-soft);\n}\n\n\/* === TIP === *\/\n.soi-zeoa-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-zeoa-pomme-light);\n border-left: 4px solid var(--soi-zeoa-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-zeoa-radius) var(--soi-zeoa-radius) 0;\n align-items: flex-start;\n}\n\n.soi-zeoa-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-zeoa-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-zeoa-marine);\n margin-bottom: 4px;\n}\n\n.soi-zeoa-tip p {\n font-size: 14px;\n color: var(--soi-zeoa-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-zeoa-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-zeoa-accordion-item {\n background: var(--soi-zeoa-off-white);\n border-radius: var(--soi-zeoa-radius-sm);\n border: 1px solid var(--soi-zeoa-line);\n overflow: hidden;\n}\n\n.soi-zeoa-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-zeoa-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-zeoa-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-zeoa-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-zeoa-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-zeoa-accordion-item[open] .soi-zeoa-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-zeoa-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-zeoa-accordion-content p {\n font-size: 14px;\n color: var(--soi-zeoa-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-zeoa-cta-box {\n background: var(--soi-zeoa-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-zeoa-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-zeoa-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-zeoa-accent);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-zeoa-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-zeoa-accent);\n margin-bottom: 0.75rem;\n}\n\n.soi-zeoa-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-zeoa-white);\n line-height: 1.5;\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-zeoa-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-zeoa-compo-row {\n grid-template-columns: 1fr;\n gap: 4px;\n }\n\n .soi-zeoa-compo-value {\n text-align: left;\n }\n\n .soi-zeoa-compo-header {\n display: none;\n }\n\n .soi-zeoa-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-zeoa-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-zeoa-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-zeoa-fiche {\n --soi-zeoa-text-soft: #2C3E50;\n --soi-zeoa-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":61603772498250,"sku":"SF0240","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/zeo-activee-en-poudre-sfb-packshot_d163f3f0-516a-4da7-881f-b30cea69caf5.webp?v=1778929895"},{"product_id":"selenium-ace-en-gelules-sfb","title":"Selenium + ACE en gélules - SFB","description":"\n\u003cdiv class=\"soi-sace-fiche\"\u003e\n\n \u003csection class=\"soi-sace-hero\"\u003e\n \u003cdiv class=\"soi-sace-hero-tag\"\u003e\n \u003cspan class=\"soi-sace-tag-dot\"\u003e\u003c\/span\u003e\n Complément alimentaire · SFB Laboratoires\n \u003c\/div\u003e\n \u003cspan class=\"soi-sace-hero-title\"\u003eSélénium + Vitamines en gélules\u003c\/span\u003e\n \u003cp class=\"soi-sace-hero-subtitle\"\u003eL'alliance synergique du sélénium et des vitamines A, C et E pour soutenir votre immunité, protéger vos cellules du stress oxydatif et préserver votre vitalité au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-sace-hero-labels\"\u003e\n \u003cspan class=\"soi-sace-label soi-sace-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-sace-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n \u003cspan class=\"soi-sace-label\"\u003e120 GÉLULES\u003c\/span\u003e\n \u003cspan class=\"soi-sace-label\"\u003eCURE 2 MOIS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sace-section\"\u003e\n \u003ch2\u003ePourquoi associer sélénium, vitamines A, C et E ?\u003c\/h2\u003e\n \u003cp class=\"soi-sace-section-intro\"\u003eLe sélénium est un oligo-élément que notre organisme ne fabrique pas seul. Associé aux vitamines A, C et E, il forme une synergie antioxydante complète, bien plus efficace que chaque actif pris séparément.\u003c\/p\u003e\n \u003cdiv class=\"soi-sace-benefits\"\u003e\n \u003cdiv class=\"soi-sace-benefit\"\u003e\n \u003cdiv class=\"soi-sace-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDéfense immunitaire\u003c\/h3\u003e\n \u003cp\u003eLe sélénium contribue au fonctionnement normal du système immunitaire, tout comme les vitamines A et C.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sace-benefit\"\u003e\n \u003cdiv class=\"soi-sace-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection cellulaire\u003c\/h3\u003e\n \u003cp\u003eEn association avec les vitamines C et E, il aide à protéger les cellules contre le stress oxydatif, impliqué dans le vieillissement cellulaire prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sace-benefit\"\u003e\n \u003cdiv class=\"soi-sace-benefit-icon\"\u003e\u003cspan\u003e⚙️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eThyroïde\u003c\/h3\u003e\n \u003cp\u003eLe sélénium participe à la synthèse et à la conversion des hormones thyroïdiennes, indispensables à un métabolisme équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sace-benefit\"\u003e\n \u003cdiv class=\"soi-sace-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau et tissus\u003c\/h3\u003e\n \u003cp\u003eLes vitamines A, C, E et le sélénium contribuent chacun à leur façon à l'éclat et à la qualité de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sace-benefit\"\u003e\n \u003cdiv class=\"soi-sace-benefit-icon\"\u003e\u003cspan\u003e🧬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSanté reproductive masculine\u003c\/h3\u003e\n \u003cp\u003eUn apport adéquat en sélénium soutient la qualité du sperme et la protection du matériel génétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sace-section\"\u003e\n \u003ch2\u003eComposition et dosage par gélule\u003c\/h2\u003e\n \u003cp class=\"soi-sace-section-intro\"\u003eChaque gélule de Sélénium + ACE SFB contient une association précise de quatre micronutriments essentiels. Enveloppe en hydroxypropylméthylcellulose (HPMC), 100 % végétale, sans additifs superflus ni colorants artificiels.\u003c\/p\u003e\n \u003cdiv class=\"soi-sace-compo\"\u003e\n \u003cdiv class=\"soi-sace-compo-row\"\u003e\n \u003cspan class=\"soi-sace-compo-label\"\u003eSélénium (sélénite de sodium)\u003c\/span\u003e\n \u003cspan class=\"soi-sace-compo-value\"\u003e27,5 µg · 50 % des VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sace-compo-row\"\u003e\n \u003cspan class=\"soi-sace-compo-label\"\u003eVitamine A (acétate de rétinol)\u003c\/span\u003e\n \u003cspan class=\"soi-sace-compo-value\"\u003e400 µg ER · 50 % des VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sace-compo-row\"\u003e\n \u003cspan class=\"soi-sace-compo-label\"\u003eVitamine C (acide ascorbique)\u003c\/span\u003e\n \u003cspan class=\"soi-sace-compo-value\"\u003e40 mg · 50 % des VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sace-compo-row\"\u003e\n \u003cspan class=\"soi-sace-compo-label\"\u003eVitamine E (acétate de DL-alpha-tocophérol)\u003c\/span\u003e\n \u003cspan class=\"soi-sace-compo-value\"\u003e6 mg · 50 % des VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sace-compo-row\"\u003e\n \u003cspan class=\"soi-sace-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"soi-sace-compo-value\"\u003eHPMC végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sace-section\"\u003e\n \u003ch2\u003eComment prendre le Sélénium + ACE SFB ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sace-timeline\"\u003e\n \u003cdiv class=\"soi-sace-step\"\u003e\n \u003cdiv class=\"soi-sace-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-sace-step-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003ePrenez 2 gélules par jour, à avaler avec un grand verre d'eau, de préférence au moment d'un repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sace-step\"\u003e\n \u003cdiv class=\"soi-sace-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-sace-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 120 gélules couvre 2 mois de cure, une durée idéale pour observer les bénéfices d'une supplémentation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sace-tip\"\u003e\n \u003cdiv class=\"soi-sace-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe complément convient particulièrement aux personnes exposées à une fatigue chronique ou un environnement stressant, à celles qui souhaitent renforcer leurs défenses naturelles à l'approche de l'hiver, aux personnes concernées par la santé thyroïdienne ou la qualité de leur peau, et à celles dont l'alimentation est pauvre en sources naturelles de sélénium (noix du Brésil, fruits de mer, céréales complètes).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sace-section\"\u003e\n \u003ch2\u003eCe qui distingue la formule SFB\u003c\/h2\u003e\n \u003cdiv class=\"soi-sace-grid\"\u003e\n \u003cdiv class=\"soi-sace-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France selon les standards de qualité pharmaceutique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sace-card\"\u003e\n \u003ch3\u003e🌱 Gélules végétales HPMC\u003c\/h3\u003e\n \u003cp\u003eConvient aux végétariens et végétaliens grâce à une enveloppe 100 % végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sace-card\"\u003e\n \u003ch3\u003e🎯 Biodisponibilité optimale\u003c\/h3\u003e\n \u003cp\u003eBonne biodisponibilité et haute tolérance digestive pour un confort d'utilisation au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sace-card\"\u003e\n \u003ch3\u003e📦 Cure complète de 2 mois\u003c\/h3\u003e\n \u003cp\u003e120 gélules pour une cure de 2 mois sans rupture, concentrée sur l'essentiel, sans excipients inutiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sace-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-sace-accordion\"\u003e\n \u003cdetails class=\"soi-sace-accordion-item\"\u003e\n \u003csummary class=\"soi-sace-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"soi-sace-accordion-content\"\u003e\n \u003cp\u003eCe produit est un complément alimentaire. Il ne se substitue pas à un traitement médical ni à une alimentation variée et équilibrée. Ne dépassez pas la dose journalière recommandée. Déconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-sace-accordion-item\"\u003e\n \u003csummary class=\"soi-sace-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-sace-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 \u003c\/section\u003e\n\n \u003csection class=\"soi-sace-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-sace-cta-box\"\u003e\n \u003cp class=\"soi-sace-cta-tag\" style=\"color: white;\"\u003ePrenez soin de vos cellules avec une formule pensée pour durer\u003c\/p\u003e\n \u003cp class=\"soi-sace-cta-text\" style=\"color: white;\"\u003eLe Sélénium + ACE de SFB Laboratoires : quatre micronutriments essentiels dans une seule gélule végétale, fabriquée en France, pour soutenir votre immunité et préserver votre vitalité jour après 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-sace-marine: #1A2D3D;\n --soi-sace-marine-dark: #0F1E2B;\n --soi-sace-marine-light: #2C4458;\n --soi-sace-pomme: #A1C544;\n --soi-sace-pomme-dark: #84A636;\n --soi-sace-pomme-light: rgba(161,197,68,0.10);\n --soi-sace-white: #FFFFFF;\n --soi-sace-off-white: #F8FAF6;\n --soi-sace-stone: #F1F3EE;\n --soi-sace-line: #E5E8E0;\n --soi-sace-primary: #4A7A8E;\n --soi-sace-primary-soft: rgba(74,122,142,0.10);\n --soi-sace-accent: #5BBFA0;\n --soi-sace-text: #1A2D3D;\n --soi-sace-text-soft: #4A5B6B;\n --soi-sace-text-muted: #7B8693;\n --soi-sace-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-sace-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-sace-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-sace-radius: 12px;\n --soi-sace-radius-sm: 8px;\n --soi-sace-radius-pill: 999px;\n}\n\n.soi-sace-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sace-fiche img { max-width: 100%; height: auto; }\n\n.soi-sace-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-sace-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-sace-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-sace-hero {\n position: relative;\n background: var(--soi-sace-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-sace-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-sace-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-sace-pomme);\n}\n\n.soi-sace-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-sace-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-sace-pomme);\n border-radius: 50%;\n}\n\n.soi-sace-hero-title {\n display: block;\n color: var(--soi-sace-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-sace-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-sace-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-sace-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-sace-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-sace-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-sace-label-accent {\n background: var(--soi-sace-pomme);\n border-color: var(--soi-sace-pomme);\n color: var(--soi-sace-marine);\n font-weight: 600;\n}\n\n.soi-sace-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sace-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-sace-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-sace-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-sace-pomme);\n border-radius: 2px;\n}\n\n.soi-sace-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-sace-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-sace-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-sace-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-sace-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-sace-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-sace-benefit {\n background: var(--soi-sace-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-sace-radius);\n border: 1px solid var(--soi-sace-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sace-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-sace-shadow-md);\n}\n\n.soi-sace-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-sace-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-sace-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-sace-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-sace-benefit:hover .soi-sace-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-sace-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sace-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sace-benefit p {\n font-size: 13px;\n color: var(--soi-sace-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sace-compo {\n background: var(--soi-sace-off-white);\n border-radius: var(--soi-sace-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-sace-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-sace-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-sace-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-sace-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-sace-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-sace-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-sace-marine);\n text-align: right;\n}\n\n.soi-sace-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-sace-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-sace-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sace-radius);\n border: 1px solid var(--soi-sace-line);\n align-items: flex-start;\n}\n\n.soi-sace-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-sace-marine);\n color: var(--soi-sace-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-sace-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sace-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-sace-step-content p {\n font-size: 14px;\n color: var(--soi-sace-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sace-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-sace-pomme-light);\n border-left: 4px solid var(--soi-sace-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-sace-radius) var(--soi-sace-radius) 0;\n align-items: flex-start;\n}\n\n.soi-sace-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-sace-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-sace-marine);\n margin-bottom: 4px;\n}\n\n.soi-sace-tip p {\n font-size: 14px;\n color: var(--soi-sace-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sace-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-sace-card {\n background: var(--soi-sace-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sace-radius);\n border-left: 3px solid var(--soi-sace-pomme);\n}\n\n.soi-sace-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sace-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sace-card p {\n font-size: 14px;\n color: var(--soi-sace-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sace-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-sace-accordion-item {\n background: var(--soi-sace-off-white);\n border-radius: var(--soi-sace-radius-sm);\n border: 1px solid var(--soi-sace-line);\n overflow: hidden;\n}\n\n.soi-sace-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-sace-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-sace-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-sace-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-sace-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-sace-accordion-item[open] .soi-sace-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-sace-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-sace-accordion-content p {\n font-size: 14px;\n color: var(--soi-sace-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sace-cta-box {\n background: var(--soi-sace-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-sace-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-sace-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-sace-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-sace-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-sace-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-sace-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-sace-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-sace-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-sace-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-sace-compo-value {\n text-align: left;\n }\n\n .soi-sace-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-sace-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-sace-fiche {\n --soi-sace-text-soft: #2C3E50;\n --soi-sace-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":61603775152458,"sku":"SF0255","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/selenium-ace-en-gelules-sfb-packshot.webp?v=1779453253"},{"product_id":"zinc-bisglycinate-b6-en-gelules-sfb","title":"Zinc Bisglycinate + B6 en gélules - SFB","description":"\u003cdiv class=\"soi-zb6-fiche\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"soi-zb6-hero\"\u003e\n\u003cdiv class=\"soi-zb6-hero-tag\"\u003e\n\u003cspan class=\"soi-zb6-tag-dot\"\u003e\u003c\/span\u003e Complément alimentaire · SFB Laboratoires\u003c\/div\u003e\n\u003cspan class=\"soi-zb6-hero-title\"\u003eZinc Bisglycinate + B6\u003c\/span\u003e\n\u003cp class=\"soi-zb6-hero-subtitle\"\u003eLe duo immunité \u0026amp; vitalité en zinc hautement assimilable, enrichi en vitamine B6. Forme chélatée pour une biodisponibilité optimale, en gélules végétales fabriquées en France.\u003c\/p\u003e\n\u003cdiv class=\"soi-zb6-hero-labels\"\u003e\n\u003cspan class=\"soi-zb6-label\"\u003eBISGLYCINATE CHÉLATÉ\u003c\/span\u003e \u003cspan class=\"soi-zb6-label\"\u003eVEGAN\u003c\/span\u003e \u003cspan class=\"soi-zb6-label\"\u003eSANS GLUTEN\u003c\/span\u003e \u003cspan class=\"soi-zb6-label soi-zb6-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- EN BREF — Bénéfices clés rapides --\u003e\n\u003csection class=\"soi-zb6-section\"\u003e\n\u003ch2\u003eLes bienfaits du Zinc Bisglycinate + B6 : ce que ce duo fait pour vous\u003c\/h2\u003e\n\u003cp class=\"soi-zb6-section-intro\"\u003eLe zinc intervient dans plus de 300 réactions enzymatiques dans le corps humain. Associé à la vitamine B6, ses effets sont démultipliés. Voici ce que vous pouvez attendre d'une prise régulière :\u003c\/p\u003e\n\u003cdiv class=\"soi-zb6-benefits\"\u003e\n\u003cdiv class=\"soi-zb6-benefit\"\u003e\n\u003cdiv class=\"soi-zb6-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eSystème immunitaire\u003c\/h3\u003e\n\u003cp\u003eLe zinc contribue au fonctionnement normal du système immunitaire. Associé à la B6, il aide votre corps à mieux se défendre, notamment en période hivernale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-benefit\"\u003e\n\u003cdiv class=\"soi-zb6-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003ePeau, cheveux et ongles\u003c\/h3\u003e\n\u003cp\u003eLe zinc bisglycinate régule la production de sébum, favorise la cicatrisation et participe au maintien d'ongles et de cheveux normaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-benefit\"\u003e\n\u003cdiv class=\"soi-zb6-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eRéduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eLa vitamine B6 contribue à réduire la fatigue et soutient le métabolisme énergétique normal. Un atout précieux en période de stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-benefit\"\u003e\n\u003cdiv class=\"soi-zb6-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eSystème nerveux et cognition\u003c\/h3\u003e\n\u003cp\u003eZinc et B6 contribuent au fonctionnement normal du système nerveux et à des fonctions psychologiques normales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-benefit\"\u003e\n\u003cdiv class=\"soi-zb6-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLe zinc contribue à la protection des cellules contre le stress oxydatif, préservant vos tissus des dommages causés par les radicaux libres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-benefit\"\u003e\n\u003cdiv class=\"soi-zb6-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eMétabolisme équilibré\u003c\/h3\u003e\n\u003cp\u003eZinc et B6 participent au métabolisme normal des protéines, glucides et lipides. Un duo utile pour les sportifs comme pour l'équilibre nutritionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POURQUOI BISGLYCINATE --\u003e\n\u003csection class=\"soi-zb6-section soi-zb6-pour-qui\"\u003e\n\u003ch2\u003ePourquoi choisir le bisglycinate de zinc plutôt qu'une autre forme ?\u003c\/h2\u003e\n\u003cp class=\"soi-zb6-section-intro\"\u003eToutes les formes de zinc ne se valent pas. Le marché regorge de compléments alimentaires en zinc dosés au sulfate, à l'oxyde ou au gluconate — des formes moins bien tolérées et souvent moins bien absorbées.\u003c\/p\u003e\n\u003cdiv class=\"soi-zb6-grid\"\u003e\n\u003cdiv class=\"soi-zb6-card\"\u003e\n\u003ch3\u003e🔗 Forme chélatée haute absorption\u003c\/h3\u003e\n\u003cp\u003eLe bisglycinate de zinc est lié à deux molécules de glycine (un acide aminé naturel), ce qui lui permet de traverser la paroi intestinale plus facilement et d'arriver intact dans le sang. Résultat : une biodisponibilité nettement supérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card\"\u003e\n\u003ch3\u003e🤝 Tolérance digestive optimale\u003c\/h3\u003e\n\u003cp\u003eContrairement au sulfate ou à l'oxyde de zinc, le bisglycinate provoque beaucoup moins d'effets digestifs indésirables — nausées, irritations — fréquents avec les autres formes. Une efficacité réelle même à des doses modérées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card\"\u003e\n\u003ch3\u003e👥 Pour qui est-ce essentiel ?\u003c\/h3\u003e\n\u003cp\u003eUne carence en zinc est plus fréquente qu'on ne le croit : personnes végétariennes, sportifs réguliers, femmes enceintes ou allaitantes, personnes âgées. Un apport régulier via un complément bien formulé fait une vraie différence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card\"\u003e\n\u003ch3\u003e🏆 Référence en nutrithérapie\u003c\/h3\u003e\n\u003cp\u003eLe zinc bisglycinate est aujourd'hui la forme de référence dans les formules nutrithérapeutiques de qualité, recommandée par les praticiens de santé naturelle pour son rapport efficacité\/tolérance inégalé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-tip\"\u003e\n\u003cdiv class=\"soi-zb6-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eBon à savoir\u003c\/strong\u003e\n\u003cp\u003eUne carence en zinc est plus fréquente qu'on ne le croit, notamment chez les personnes végétariennes, les sportifs réguliers, les femmes enceintes ou allaitantes, et les personnes âgées. Un apport régulier via un complément alimentaire zinc bien formulé peut faire une vraie différence sur le quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"soi-zb6-section\"\u003e\n\u003ch2\u003eComposition complète et dosage par gélule\u003c\/h2\u003e\n\u003cp class=\"soi-zb6-section-intro\"\u003eLa transparence est une priorité. Voici exactement ce que contient chaque gélule de Zinc Bisglycinate + B6 SFB :\u003c\/p\u003e\n\u003cdiv class=\"soi-zb6-compo\"\u003e\n\u003cdiv class=\"soi-zb6-compo-row soi-zb6-compo-header\"\u003e\n\u003cspan class=\"soi-zb6-compo-label\"\u003eIngrédient\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-value\"\u003eQuantité \/ gélule\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-vnr\"\u003e% VNR*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-compo-row\"\u003e\n\u003cspan class=\"soi-zb6-compo-label\"\u003eZinc (bisglycinate de zinc)\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-value\"\u003e15 mg\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-vnr\"\u003e150 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-compo-row\"\u003e\n\u003cspan class=\"soi-zb6-compo-label\"\u003eVitamine B6 (pyridoxine)\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-value\"\u003e1,4 mg\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-vnr\"\u003e100 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-compo-row\"\u003e\n\u003cspan class=\"soi-zb6-compo-label\"\u003eEnveloppe gélule\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-value\"\u003eHPMC végétale\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-vnr\"\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-compo-row\"\u003e\n\u003cspan class=\"soi-zb6-compo-label\"\u003eAgent de charge\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-value\"\u003eCellulose microcristalline\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-vnr\"\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-compo-row\"\u003e\n\u003cspan class=\"soi-zb6-compo-label\"\u003eAnti-agglomérant\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-value\"\u003eStéarate de magnésium végétal\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-vnr\"\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"soi-zb6-footnote\"\u003e*VNR : Valeurs Nutritionnelles de Référence pour un adulte moyen.\u003c\/p\u003e\n\u003cdiv class=\"soi-zb6-grid-compact\"\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e💊\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eContenance\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003e60 gélules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e📅\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eDurée de cure\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003e2 mois\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e🌱\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eGélule\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003eVégétale\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e🚫\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eSans\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003eGluten \/ Lactose\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"soi-zb6-section\"\u003e\n\u003ch2\u003eComment prendre le Zinc Bisglycinate + B6 SFB ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-zb6-timeline\"\u003e\n\u003cdiv class=\"soi-zb6-step\"\u003e\n\u003cdiv class=\"soi-zb6-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-step-content\"\u003e\n\u003ch3\u003eDose recommandée\u003c\/h3\u003e\n\u003cp\u003e1 gélule par jour, de préférence le matin ou au cours du repas pour une meilleure tolérance digestive — même si le bisglycinate de zinc est déjà naturellement doux pour l'estomac.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-step\"\u003e\n\u003cdiv class=\"soi-zb6-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-step-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003eUne cure de 2 mois est généralement recommandée avant d'évaluer les effets. Pour un soutien saisonnier, une cure automne-hiver est particulièrement pertinente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-step\"\u003e\n\u003cdiv class=\"soi-zb6-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-step-content\"\u003e\n\u003ch3\u003eConservation\u003c\/h3\u003e\n\u003cp\u003eÀ conserver dans un endroit sec, à l'abri de la lumière et de la chaleur, hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"soi-zb6-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n\u003cp class=\"soi-zb6-section-intro\"\u003eComme tout complément alimentaire en zinc, quelques précautions s'imposent pour une utilisation en toute sécurité :\u003c\/p\u003e\n\u003cdiv class=\"soi-zb6-accordion\"\u003e\n\u003cdetails class=\"soi-zb6-accordion-item\"\u003e\n\u003csummary class=\"soi-zb6-accordion-header\"\u003e⚠️ Dosage et interactions\u003c\/summary\u003e\n\u003cdiv class=\"soi-zb6-accordion-content\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Un excès de zinc sur le long terme peut interférer avec l'absorption du cuivre et du fer. Les personnes sous antibiotiques de type tétracyclines ou quinolones doivent prévoir un délai de 2 heures entre les deux prises, car le zinc peut en réduire l'absorption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"soi-zb6-accordion-item\"\u003e\n\u003csummary class=\"soi-zb6-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n\u003cdiv class=\"soi-zb6-accordion-content\"\u003e\n\u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical en cours, consultez votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"soi-zb6-accordion-item\"\u003e\n\u003csummary class=\"soi-zb6-accordion-header\"\u003e👶 Enfants et allergies\u003c\/summary\u003e\n\u003cdiv class=\"soi-zb6-accordion-content\"\u003e\n\u003cp\u003eDéconseillé aux enfants de moins de 12 ans sans avis médical. Ne pas utiliser en cas d'allergie à l'un des composants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-tip soi-zb6-tip-warning\"\u003e\n\u003cdiv class=\"soi-zb6-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 ni à une alimentation variée et équilibrée. En cas de doute sur votre état de santé, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SAVOIR-FAIRE SFB --\u003e\n\u003csection class=\"soi-zb6-section\"\u003e\n\u003ch2\u003eLe savoir-faire SFB Laboratoires : qualité française, formulation sérieuse\u003c\/h2\u003e\n\u003cp\u003eSFB Laboratoires est un laboratoire français dont l'expertise en nutraceutique se traduit par des formules soigneusement dosées, transparentes et réellement efficaces. Le Zinc Bisglycinate + B6 illustre parfaitement cette philosophie : pas d'ingrédients superflus, des actifs sélectionnés pour leur biodisponibilité, et une fabrication rigoureuse dans le respect des normes qualité en vigueur.\u003c\/p\u003e\n\u003cdiv class=\"soi-zb6-grid-compact\"\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eFabrication\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e🌱\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eGélule\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003eVégétale HPMC\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e🔗\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eZinc\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003eBisglycinate chélaté\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e✅\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eFormule\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003eÉpurée et clean\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"soi-zb6-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"soi-zb6-cta-box\"\u003e\n\u003cp class=\"soi-zb6-cta-tag\" style=\"color:white;\"\u003ePrêt(e) à passer au soin naturel ?\u003c\/p\u003e\n\u003cp class=\"soi-zb6-cta-text\" style=\"color:white;\"\u003eUne formule épurée, un zinc réellement absorbé, une énergie retrouvée et une immunité soutenue. Deux mois de cure, une gélule par jour — votre corps vous dira merci.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --soi-zb6-marine: #1A2D3D;\n --soi-zb6-marine-dark: #0F1E2B;\n --soi-zb6-marine-light: #2C4458;\n --soi-zb6-pomme: #A1C544;\n --soi-zb6-pomme-dark: #84A636;\n --soi-zb6-pomme-light: rgba(161,197,68,0.10);\n --soi-zb6-white: #FFFFFF;\n --soi-zb6-off-white: #F8FAF6;\n --soi-zb6-stone: #F1F3EE;\n --soi-zb6-line: #E5E8E0;\n --soi-zb6-primary: #B87333;\n --soi-zb6-primary-soft: rgba(184,115,51,0.08);\n --soi-zb6-accent: #5C3D2E;\n --soi-zb6-text: #1A2D3D;\n --soi-zb6-text-soft: #4A5B6B;\n --soi-zb6-text-muted: #7B8693;\n --soi-zb6-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-zb6-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-zb6-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-zb6-radius: 12px;\n --soi-zb6-radius-sm: 8px;\n --soi-zb6-radius-pill: 999px;\n}\n\n.soi-zb6-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-zb6-fiche img { max-width: 100%; height: auto; }\n\n.soi-zb6-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-zb6-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-zb6-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-zb6-hero {\n position: relative;\n background: var(--soi-zb6-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-zb6-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-zb6-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-zb6-pomme);\n}\n\n.soi-zb6-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-zb6-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-zb6-pomme);\n border-radius: 50%;\n}\n\n.soi-zb6-hero-title {\n display: block;\n color: var(--soi-zb6-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-zb6-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-zb6-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-zb6-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-zb6-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-zb6-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-zb6-label-accent {\n background: var(--soi-zb6-pomme);\n border-color: var(--soi-zb6-pomme);\n color: var(--soi-zb6-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-zb6-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-zb6-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-zb6-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-zb6-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-zb6-pomme);\n border-radius: 2px;\n}\n\n.soi-zb6-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-zb6-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-zb6-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-zb6-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-zb6-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-zb6-footnote {\n font-size: 12px;\n color: var(--soi-zb6-text-muted);\n margin-bottom: 1.25rem;\n}\n\n\/* === BENEFITS === *\/\n.soi-zb6-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-zb6-benefit {\n background: var(--soi-zb6-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-zb6-radius);\n border: 1px solid var(--soi-zb6-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-zb6-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-zb6-shadow-md);\n}\n\n.soi-zb6-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-zb6-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-zb6-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-zb6-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-zb6-benefit:hover .soi-zb6-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-zb6-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-zb6-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-zb6-benefit p {\n font-size: 13px;\n color: var(--soi-zb6-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-zb6-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-zb6-card {\n background: var(--soi-zb6-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-zb6-radius);\n border-left: 3px solid var(--soi-zb6-pomme);\n}\n\n.soi-zb6-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-zb6-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-zb6-card p {\n font-size: 14px;\n color: var(--soi-zb6-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-zb6-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-zb6-card-mini {\n background: var(--soi-zb6-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-zb6-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-zb6-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-zb6-card-mini-label {\n font-size: 11px;\n color: var(--soi-zb6-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-zb6-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-zb6-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-zb6-compo {\n background: var(--soi-zb6-off-white);\n border-radius: var(--soi-zb6-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-zb6-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-zb6-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-zb6-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-zb6-compo-header {\n background: var(--soi-zb6-marine);\n border-radius: var(--soi-zb6-radius-sm) var(--soi-zb6-radius-sm) 0 0;\n border-bottom: none;\n margin: -0.5rem 0 0 0;\n padding: 0.85rem 1.5rem;\n}\n\n.soi-zb6-compo-header .soi-zb6-compo-label,\n.soi-zb6-compo-header .soi-zb6-compo-value,\n.soi-zb6-compo-header .soi-zb6-compo-vnr {\n color: var(--soi-zb6-white);\n font-weight: 600;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n}\n\n.soi-zb6-compo-label {\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-zb6-text);\n flex: 1 1 auto;\n}\n\n.soi-zb6-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-zb6-marine);\n text-align: right;\n flex: 0 0 auto;\n}\n\n.soi-zb6-compo-vnr {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 600;\n color: var(--soi-zb6-primary);\n text-align: right;\n flex: 0 0 65px;\n}\n\n\/* === TIMELINE === *\/\n.soi-zb6-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-zb6-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-zb6-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-zb6-radius);\n border: 1px solid var(--soi-zb6-line);\n align-items: flex-start;\n}\n\n.soi-zb6-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-zb6-marine);\n color: var(--soi-zb6-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-zb6-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-zb6-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-zb6-step-content p {\n font-size: 14px;\n color: var(--soi-zb6-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-zb6-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-zb6-pomme-light);\n border-left: 4px solid var(--soi-zb6-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-zb6-radius) var(--soi-zb6-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-zb6-tip-warning {\n background: rgba(184,115,51,0.06);\n border-left-color: var(--soi-zb6-primary);\n}\n\n.soi-zb6-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-zb6-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-zb6-marine);\n margin-bottom: 4px;\n}\n\n.soi-zb6-tip p {\n font-size: 14px;\n color: var(--soi-zb6-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-zb6-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-zb6-accordion-item {\n background: var(--soi-zb6-off-white);\n border-radius: var(--soi-zb6-radius-sm);\n border: 1px solid var(--soi-zb6-line);\n overflow: hidden;\n}\n\n.soi-zb6-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-zb6-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-zb6-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-zb6-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-zb6-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-zb6-accordion-item[open] .soi-zb6-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-zb6-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-zb6-accordion-content p {\n font-size: 14px;\n color: var(--soi-zb6-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === SECTION ALTERNÉE === *\/\n.soi-zb6-pour-qui {\n background: var(--soi-zb6-off-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--soi-zb6-radius);\n}\n\n\/* === CTA BOX === *\/\n.soi-zb6-cta-box {\n background: var(--soi-zb6-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-zb6-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-zb6-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-zb6-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-zb6-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-zb6-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-zb6-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-zb6-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-zb6-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-zb6-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-zb6-compo-value {\n text-align: left;\n }\n\n .soi-zb6-compo-vnr {\n text-align: left;\n }\n\n .soi-zb6-compo-header {\n flex-direction: row;\n }\n\n .soi-zb6-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-zb6-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-zb6-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-zb6-fiche {\n --soi-zb6-text-soft: #2C3E50;\n --soi-zb6-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":61603775676746,"sku":"SF0260","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/zinc-bisglycinate-b6-en-gelules-sfb-packshot.webp?v=1778928275"},{"product_id":"jus-de-mangoustan-bio-sfb","title":"Jus de Mangoustan bio 500 ml - SFB","description":"\u003cdiv class=\"soi-mang-fiche\"\u003e\n\n\u003csection class=\"soi-mang-hero\"\u003e\n \u003cdiv class=\"soi-mang-hero-tag\"\u003e\n \u003cspan class=\"soi-mang-tag-dot\"\u003e\u003c\/span\u003e\n Super fruits · SFB Laboratoires\n \u003c\/div\u003e\n \u003cspan class=\"soi-mang-hero-title\"\u003eJus de Mangoustan Bio\u003c\/span\u003e\n \u003cp class=\"soi-mang-hero-subtitle\"\u003eDécouvrez toute la richesse antioxydante du mangoustan, fruit d'exception d'Asie du Sud-Est, dans un jus pur et sans compromis.\u003c\/p\u003e\n \u003cdiv class=\"soi-mang-hero-labels\"\u003e\n \u003cspan class=\"soi-mang-label soi-mang-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-mang-label\"\u003eSANS SUCRES AJOUTÉS\u003c\/span\u003e\n \u003cspan class=\"soi-mang-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n \u003cspan class=\"soi-mang-label\"\u003eFLACON VERRE 500 ML\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mang-section\"\u003e\n \u003ch2\u003ePourquoi le mangoustan est-il considéré comme un super fruit antioxydant ?\u003c\/h2\u003e\n \u003cp class=\"soi-mang-section-intro\"\u003eLe mangoustan doit sa réputation à une famille de polyphénols rarissimes : les xanthones. Ces molécules, quasi absentes du reste du règne végétal, sont concentrées dans l'écorce et la pulpe du fruit. Leur puissance antioxydante en fait un allié reconnu pour votre bien-être quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-mang-benefits\"\u003e\n \u003cdiv class=\"soi-mang-benefit\"\u003e\n \u003cdiv class=\"soi-mang-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNeutralise les radicaux libres\u003c\/h3\u003e\n \u003cp\u003eProtège vos cellules du stress oxydatif quotidien grâce à la concentration en xanthones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mang-benefit\"\u003e\n \u003cdiv class=\"soi-mang-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoutien de l'immunité\u003c\/h3\u003e\n \u003cp\u003eUn allié précieux notamment en période hivernale ou de fatigue passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mang-benefit\"\u003e\n \u003cdiv class=\"soi-mang-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau d'apparence plus saine\u003c\/h3\u003e\n \u003cp\u003eContribue à protéger les cellules cutanées grâce à son action antioxydante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mang-benefit\"\u003e\n \u003cdiv class=\"soi-mang-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eConfort digestif et apaisement\u003c\/h3\u003e\n \u003cp\u003eFavorise le confort digestif et exerce une action apaisante sur l'organisme grâce aux phytonutriments du fruit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mang-tip\"\u003e\n \u003cdiv class=\"soi-mang-tip-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003eLes xanthones, ces polyphénols exceptionnels, sont quasi exclusifs au mangoustan. Leur action antioxydante est souvent associée à des propriétés anti-inflammatoires dans la littérature scientifique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mang-section\"\u003e\n \u003ch2\u003eComposition du Jus de Mangoustan bio SFB\u003c\/h2\u003e\n \u003cdiv class=\"soi-mang-compo\"\u003e\n \u003cdiv class=\"soi-mang-compo-row\"\u003e\n \u003cspan class=\"soi-mang-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-mang-compo-value\"\u003eJus de mangoustan (\u003cem\u003eGarcinia mangostana\u003c\/em\u003e) issu de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mang-compo-row\"\u003e\n \u003cspan class=\"soi-mang-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-mang-compo-value\"\u003eAgriculture Biologique (AB)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mang-compo-row\"\u003e\n \u003cspan class=\"soi-mang-compo-label\"\u003eVolume\u003c\/span\u003e\n \u003cspan class=\"soi-mang-compo-value\"\u003e500 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mang-compo-row\"\u003e\n \u003cspan class=\"soi-mang-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-mang-compo-value\"\u003eFlacon en verre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mang-compo-row\"\u003e\n \u003cspan class=\"soi-mang-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-mang-compo-value\"\u003eSucres ajoutés, arômes artificiels, conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mang-grid-compact\"\u003e\n \u003cdiv class=\"soi-mang-card-mini\"\u003e\n \u003cspan class=\"soi-mang-card-mini-icon\"\u003e🍇\u003c\/span\u003e\n \u003cspan class=\"soi-mang-card-mini-label\"\u003eIngrédient\u003c\/span\u003e\n \u003cspan class=\"soi-mang-card-mini-value\"\u003e100% Mangoustan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mang-card-mini\"\u003e\n \u003cspan class=\"soi-mang-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-mang-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-mang-card-mini-value\"\u003eBio (AB)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mang-card-mini\"\u003e\n \u003cspan class=\"soi-mang-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n \u003cspan class=\"soi-mang-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-mang-card-mini-value\"\u003e500 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mang-card-mini\"\u003e\n \u003cspan class=\"soi-mang-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-mang-card-mini-label\"\u003eContenant\u003c\/span\u003e\n \u003cspan class=\"soi-mang-card-mini-value\"\u003eVerre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mang-section\"\u003e\n \u003ch2\u003eComment consommer le jus de mangoustan bio au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-mang-timeline\"\u003e\n \u003cdiv class=\"soi-mang-step\"\u003e\n \u003cdiv class=\"soi-mang-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-mang-step-content\"\u003e\n \u003ch3\u003eDosage conseillé\u003c\/h3\u003e\n \u003cp\u003e30 à 60 ml par jour, de préférence le matin à jeun ou avant un repas. Pur ou dilué dans un verre d'eau, selon vos préférences.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mang-step\"\u003e\n \u003cdiv class=\"soi-mang-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-mang-step-content\"\u003e\n \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de 4 à 8 semaines est idéale pour profiter pleinement des bienfaits des xanthones sur la durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mang-step\"\u003e\n \u003cdiv class=\"soi-mang-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-mang-step-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eÀ conserver au réfrigérateur après ouverture et à consommer dans les 5 à 7 jours. Bien agiter avant chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mang-section\"\u003e\n \u003ch2\u003eCe que vous ne trouverez pas ailleurs : le choix SFB\u003c\/h2\u003e\n \u003cdiv class=\"soi-mang-grid\"\u003e\n \u003cdiv class=\"soi-mang-card\"\u003e\n \u003ch3\u003e🌏 Sélection rigoureuse\u003c\/h3\u003e\n \u003cp\u003eSFB Laboratoires sélectionne rigoureusement ses mangoustans pour leur maturité optimale, garantissant un goût authentique, à la fois doux, acidulé et légèrement fleuri, fidèle au fruit frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mang-card\"\u003e\n \u003ch3\u003e🫙 Conditionnement en verre\u003c\/h3\u003e\n \u003cp\u003eLe verre protège les xanthones de l'oxydation liée aux emballages plastiques et témoigne d'une démarche responsable envers l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eCe jus s'adresse à toute personne souhaitant enrichir sa routine bien-être avec un apport naturel en antioxydants, sans recourir à des formules complexes ou des ingrédients superflus.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mang-section\"\u003e\n \u003cdiv class=\"soi-mang-accordion\"\u003e\n \u003cdetails class=\"soi-mang-accordion-item\"\u003e\n \u003csummary class=\"soi-mang-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-mang-accordion-content\"\u003e\n \u003cp\u003eCe produit est un complément alimentaire. Il ne se substitue pas à une alimentation variée et équilibrée, ni à un suivi médical. Tenez-le hors de portée des enfants. Demandez l'avis d'un professionnel de santé en cas de traitement médicamenteux ou de situation particulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mang-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-mang-cta-box\"\u003e\n \u003cp class=\"soi-mang-cta-tag\" style=\"color: white;\"\u003eUn fruit d'exception, un geste quotidien\u003c\/p\u003e\n \u003cp class=\"soi-mang-cta-text\" style=\"color: white;\"\u003eOffrez à votre organisme toute la puissance antioxydante du mangoustan bio : un plaisir savoureux au service de votre vitalité, de votre immunité et de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-mang-marine: #1A2D3D;\n --soi-mang-marine-dark: #0F1E2B;\n --soi-mang-marine-light: #2C4458;\n --soi-mang-pomme: #A1C544;\n --soi-mang-pomme-dark: #84A636;\n --soi-mang-pomme-light: rgba(161,197,68,0.10);\n --soi-mang-white: #FFFFFF;\n --soi-mang-off-white: #F8FAF6;\n --soi-mang-stone: #F1F3EE;\n --soi-mang-line: #E5E8E0;\n --soi-mang-primary: #6B3A6D;\n --soi-mang-primary-soft: #8E5A90;\n --soi-mang-accent: #D4A52A;\n --soi-mang-text: #1A2D3D;\n --soi-mang-text-soft: #4A5B6B;\n --soi-mang-text-muted: #7B8693;\n --soi-mang-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-mang-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-mang-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-mang-radius: 12px;\n --soi-mang-radius-sm: 8px;\n --soi-mang-radius-pill: 999px;\n}\n\n.soi-mang-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mang-fiche img { max-width: 100%; height: auto; }\n\n.soi-mang-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-mang-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-mang-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-mang-hero {\n position: relative;\n background: var(--soi-mang-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-mang-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-mang-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-mang-pomme);\n}\n\n.soi-mang-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-mang-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-mang-pomme);\n border-radius: 50%;\n}\n\n.soi-mang-hero-title {\n display: block;\n color: var(--soi-mang-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-mang-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-mang-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-mang-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-mang-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-mang-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-mang-label-accent {\n background: var(--soi-mang-pomme);\n border-color: var(--soi-mang-pomme);\n color: var(--soi-mang-marine);\n font-weight: 600;\n}\n\n.soi-mang-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mang-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-mang-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-mang-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-mang-pomme);\n border-radius: 2px;\n}\n\n.soi-mang-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-mang-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-mang-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-mang-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-mang-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-mang-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-mang-benefit {\n background: var(--soi-mang-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-mang-radius);\n border: 1px solid var(--soi-mang-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mang-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-mang-shadow-md);\n}\n\n.soi-mang-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-mang-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-mang-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-mang-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-mang-benefit:hover .soi-mang-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-mang-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mang-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mang-benefit p {\n font-size: 13px;\n color: var(--soi-mang-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mang-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-mang-card {\n background: var(--soi-mang-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mang-radius);\n border-left: 3px solid var(--soi-mang-pomme);\n}\n\n.soi-mang-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mang-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mang-card p {\n font-size: 14px;\n color: var(--soi-mang-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mang-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-mang-card-mini {\n background: var(--soi-mang-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-mang-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-mang-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-mang-card-mini-label {\n font-size: 11px;\n color: var(--soi-mang-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-mang-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-mang-marine);\n}\n\n.soi-mang-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-mang-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-mang-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mang-radius);\n border: 1px solid var(--soi-mang-line);\n align-items: flex-start;\n}\n\n.soi-mang-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-mang-marine);\n color: var(--soi-mang-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-mang-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-mang-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-mang-step-content p {\n font-size: 14px;\n color: var(--soi-mang-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mang-compo {\n background: var(--soi-mang-off-white);\n border-radius: var(--soi-mang-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-mang-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-mang-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-mang-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-mang-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-mang-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-mang-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-mang-marine);\n text-align: right;\n}\n\n.soi-mang-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-mang-pomme-light);\n border-left: 4px solid var(--soi-mang-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-mang-radius) var(--soi-mang-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-mang-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-mang-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-mang-marine);\n margin-bottom: 4px;\n}\n\n.soi-mang-tip p {\n font-size: 14px;\n color: var(--soi-mang-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mang-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-mang-accordion-item {\n background: var(--soi-mang-off-white);\n border-radius: var(--soi-mang-radius-sm);\n border: 1px solid var(--soi-mang-line);\n overflow: hidden;\n}\n\n.soi-mang-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-mang-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-mang-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-mang-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-mang-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-mang-accordion-item[open] .soi-mang-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-mang-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-mang-accordion-content p {\n font-size: 14px;\n color: var(--soi-mang-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mang-cta-box {\n background: var(--soi-mang-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-mang-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-mang-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-mang-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-mang-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-mang-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-mang-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-mang-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-mang-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-mang-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-mang-compo-value {\n text-align: left;\n }\n\n .soi-mang-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-mang-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-mang-fiche {\n --soi-mang-text-soft: #2C3E50;\n --soi-mang-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":61603776201034,"sku":"SF0275","price":22.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/jus-de-mangoustan-bio-sfb-packshot_b6b46603-29c7-477d-b5c8-c250e5d29e15.webp?v=1780057030"},{"product_id":"seve-de-bouleau-bio-enrichie-aux-bourgeons-derma-seve-alphagem","title":"Sève de bouleau bio enrichie aux bourgeons (Derma-sève) - Alphagem","description":"\u003cdiv class=\"soi-derm-fiche\"\u003e\n\n\u003csection class=\"soi-derm-hero\"\u003e\n \u003cdiv class=\"soi-derm-hero-tag\"\u003e\n \u003cspan class=\"soi-derm-tag-dot\"\u003e\u003c\/span\u003e\n Gemmothérapie · Alphagem\n \u003c\/div\u003e\n \u003cspan class=\"soi-derm-hero-title\"\u003eSève de bouleau bio enrichie aux bourgeons (Derma-Sève)\u003c\/span\u003e\n \u003cp class=\"soi-derm-hero-subtitle\"\u003eUn concentré vivant de sève de bouleau lacto-fermentée et de macérats de bourgeons, conçu pour purifier en profondeur et redonner éclat à votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-derm-hero-labels\"\u003e\n \u003cspan class=\"soi-derm-label soi-derm-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-derm-label\"\u003eGEMMOTHÉRAPIE\u003c\/span\u003e\n \u003cspan class=\"soi-derm-label\"\u003e250 ML\u003c\/span\u003e\n \u003cspan class=\"soi-derm-label\"\u003eALC. 15% VOL.\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n \u003ch2\u003eLa Derma-Sève Bio Alphagem : quand la sève de bouleau rencontre la gemmothérapie\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un soutien naturel pour votre peau et votre organisme ? La \u003cstrong\u003eDerma-Sève Bio d'Alphagem\u003c\/strong\u003e est une formule unique qui associe la \u003cstrong\u003esève de bouleau fraîche lacto-fermentée\u003c\/strong\u003e, enrichie au kombucha, à une sélection de \u003cstrong\u003emacérats de bourgeons\u003c\/strong\u003e issus de la gemmothérapie. Le résultat : un concentré vivant, conçu pour purifier en profondeur et redonner éclat à la peau.\u003c\/p\u003e\n \u003cp\u003eContrairement aux sèves de bouleau classiques du marché, souvent stabilisées à l'alcool ou pasteurisées, cette formule préserve intégralement la vitalité des nutriments grâce à son procédé de fermentation naturelle.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n \u003ch2\u003eLes bienfaits de la sève de bouleau : ce que dit réellement la science\u003c\/h2\u003e\n \u003cp class=\"soi-derm-section-intro\"\u003eLa sève de bouleau est récoltée chaque printemps directement dans l'écorce de l'arbre. Riche en minéraux, acides organiques et antioxydants, elle est reconnue traditionnellement pour ses propriétés \u003cstrong\u003edrainantes, purifiantes et reminéralisantes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"soi-derm-benefits\"\u003e\n \u003cdiv class=\"soi-derm-benefit\"\u003e\n \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDrainage et détoxification\u003c\/h3\u003e\n \u003cp\u003eElle soutient l'élimination des déchets via le foie, les reins et l'intestin, idéal pour une cure de printemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-benefit\"\u003e\n \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau lumineuse\u003c\/h3\u003e\n \u003cp\u003eSon action purifiante aide à réduire l'aspect terne du teint et favorise la régénération cellulaire cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-benefit\"\u003e\n \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eReminéralisation\u003c\/h3\u003e\n \u003cp\u003eApporte silice, potassium, magnésium et zinc, des minéraux essentiels à l'éclat et à la fermeté de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-benefit\"\u003e\n \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation cellulaire\u003c\/h3\u003e\n \u003cp\u003eSa composition, proche de l'eau cellulaire, hydrate les tissus de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-tip\"\u003e\n \u003cdiv class=\"soi-derm-tip-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003eLa Derma-Sève se distingue par sa teneur élevée en acide glucuronique (625 mg\/l), un composé clé qui stimule les enzymes hépatiques impliquées dans la neutralisation des toxines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n \u003ch2\u003eSève de bouleau et dangers : ce qu'il faut savoir avant de commencer\u003c\/h2\u003e\n \u003cp class=\"soi-derm-section-intro\"\u003eLa sève de bouleau est bien tolérée par la plupart des personnes. Toutefois, quelques précautions s'imposent avant de débuter votre cure.\u003c\/p\u003e\n \u003cdiv class=\"soi-derm-accordion\"\u003e\n \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n \u003csummary class=\"soi-derm-accordion-header\"\u003e⚠️ Allergie au bouleau\u003c\/summary\u003e\n \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n \u003cp\u003eLa Derma-Sève est déconseillée en cas d'allergie au bouleau, en raison de réactions croisées possibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n \u003csummary class=\"soi-derm-accordion-header\"\u003e🩺 Insuffisance rénale\u003c\/summary\u003e\n \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n \u003cp\u003eÀ éviter si vous souffrez d'insuffisance rénale sévère, en raison de son effet drainant marqué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n \u003csummary class=\"soi-derm-accordion-header\"\u003e🤰 Grossesse, allaitement et traitements\u003c\/summary\u003e\n \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n \u003cp\u003eConsultez votre médecin si vous êtes enceinte, allaitante ou sous traitement médicamenteux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n \u003csummary class=\"soi-derm-accordion-header\"\u003e📏 Dose recommandée\u003c\/summary\u003e\n \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n \u003cp\u003eNe jamais dépasser la dose recommandée : un excès ne renforce pas les effets mais peut fatiguer les organes émonctoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003eCe complément ne se substitue pas à un traitement médical. En cas de doute, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n \u003ch2\u003eComposition complète de la Derma-Sève Bio Alphagem\u003c\/h2\u003e\n \u003cp class=\"soi-derm-section-intro\"\u003eChaque flacon de 250 ml contient une synergie de plantes et bourgeons soigneusement dosés.\u003c\/p\u003e\n \u003cdiv class=\"soi-derm-compo\"\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003eBase\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003eSève de bouleau bio lacto-fermentée (enrichie au kombucha) : 625 mg\/l d'acide glucuronique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003eBourgeon\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003eMacérat de bourgeons de cassis (Ribes nigrum) : action anti-inflammatoire et drainante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003eBourgeon\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003eMacérat de bourgeons d'orme (Ulmus campestris) : équilibre cutané, peau à tendance acnéique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003eExtrait\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003ePrêle : richesse en silice organique, soutien de la fermeté cutanée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003eExtrait\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003eOrtie : reminéralisation, action purifiante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003eExtrait\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003eBardane : dépuratif cutané, peau grasse ou impure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003eExtrait\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003ePissenlit : drainage hépatique et rénal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-compo-row\"\u003e\n \u003cspan class=\"soi-derm-compo-label\"\u003eConservateur\u003c\/span\u003e\n \u003cspan class=\"soi-derm-compo-value\"\u003eAlcool naturel 15% vol.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n \u003ch2\u003eComment prendre la Derma-Sève : posologie et conseils pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-derm-timeline\"\u003e\n \u003cdiv class=\"soi-derm-step\"\u003e\n \u003cdiv class=\"soi-derm-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-derm-step-content\"\u003e\n \u003ch3\u003eDose quotidienne\u003c\/h3\u003e\n \u003cp\u003e15 ml par jour (une cuillère à soupe), de préférence le matin à jeun, diluée dans un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-step\"\u003e\n \u003cdiv class=\"soi-derm-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-derm-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e3 semaines minimum, idéalement 6 à 8 semaines pour des résultats visibles sur la peau et la vitalité générale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-step\"\u003e\n \u003cdiv class=\"soi-derm-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-derm-step-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eÀ conserver au frais après ouverture. Agiter légèrement avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n \u003ch2\u003ePour qui est faite la Derma-Sève Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-derm-grid\"\u003e\n \u003cdiv class=\"soi-derm-card\"\u003e\n \u003ch3\u003e🪞 Peau terne ou à tendance acnéique\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez retrouver un teint lumineux et soutenir la régénération de votre peau fatiguée ou sujette aux imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-card\"\u003e\n \u003ch3\u003e🌿 Cure de printemps complète\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un allié naturel pour accompagner votre organisme lors d'une cure de drainage et de purification saisonnière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-card\"\u003e\n \u003ch3\u003e🫀 Soutien foie, reins et transit\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez soutenir naturellement vos organes émonctoires et favoriser l'élimination des déchets de votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-derm-card\"\u003e\n \u003ch3\u003e🌱 Adeptes de la gemmothérapie\u003c\/h3\u003e\n \u003cp\u003eVous êtes sensible aux médecines douces et recherchez des formules associant tradition et savoir-faire en phytothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-derm-cta-box\"\u003e\n \u003cp class=\"soi-derm-cta-tag\" style=\"color: white;\"\u003ePurifiez votre organisme, révélez l'éclat de votre peau\u003c\/p\u003e\n \u003cp class=\"soi-derm-cta-text\" style=\"color: white;\"\u003ePrendre soin de sa peau commence de l'intérieur. Avec la Derma-Sève Bio Alphagem, vous offrez à votre organisme un concentré vivant de sève de bouleau et de bourgeons : une formule douce, naturelle et profondément purifiante, saison après saison.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-derm-marine: #1A2D3D;\n --soi-derm-marine-dark: #0F1E2B;\n --soi-derm-marine-light: #2C4458;\n --soi-derm-pomme: #A1C544;\n --soi-derm-pomme-dark: #84A636;\n --soi-derm-pomme-light: rgba(161,197,68,0.10);\n --soi-derm-white: #FFFFFF;\n --soi-derm-off-white: #F8FAF6;\n --soi-derm-stone: #F1F3EE;\n --soi-derm-line: #E5E8E0;\n --soi-derm-primary: #7CA86E;\n --soi-derm-primary-soft: rgba(124,168,110,0.12);\n --soi-derm-accent: #D4A52A;\n --soi-derm-text: #1A2D3D;\n --soi-derm-text-soft: #4A5B6B;\n --soi-derm-text-muted: #7B8693;\n --soi-derm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-derm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-derm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-derm-radius: 12px;\n --soi-derm-radius-sm: 8px;\n --soi-derm-radius-pill: 999px;\n}\n\n.soi-derm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-derm-fiche img { max-width: 100%; height: auto; }\n\n.soi-derm-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-derm-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-derm-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-derm-hero {\n position: relative;\n background: var(--soi-derm-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-derm-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-derm-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-derm-pomme);\n}\n\n.soi-derm-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-derm-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-derm-pomme);\n border-radius: 50%;\n}\n\n.soi-derm-hero-title {\n display: block;\n color: var(--soi-derm-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-derm-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-derm-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-derm-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-derm-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-derm-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-derm-label-accent {\n background: var(--soi-derm-pomme);\n border-color: var(--soi-derm-pomme);\n color: var(--soi-derm-marine);\n font-weight: 600;\n}\n\n.soi-derm-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-derm-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-derm-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-derm-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-derm-pomme);\n border-radius: 2px;\n}\n\n.soi-derm-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-derm-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-derm-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-derm-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-derm-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-derm-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-derm-benefit {\n background: var(--soi-derm-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-derm-radius);\n border: 1px solid var(--soi-derm-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-derm-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-derm-shadow-md);\n}\n\n.soi-derm-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-derm-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-derm-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-derm-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-derm-benefit:hover .soi-derm-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-derm-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-derm-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-derm-benefit p {\n font-size: 13px;\n color: var(--soi-derm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-derm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-derm-card {\n background: var(--soi-derm-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-derm-radius);\n border-left: 3px solid var(--soi-derm-pomme);\n}\n\n.soi-derm-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-derm-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-derm-card p {\n font-size: 14px;\n color: var(--soi-derm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-derm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-derm-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-derm-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-derm-radius);\n border: 1px solid var(--soi-derm-line);\n align-items: flex-start;\n}\n\n.soi-derm-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-derm-marine);\n color: var(--soi-derm-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-derm-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-derm-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-derm-step-content p {\n font-size: 14px;\n color: var(--soi-derm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-derm-compo {\n background: var(--soi-derm-off-white);\n border-radius: var(--soi-derm-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-derm-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-derm-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-derm-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-derm-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-derm-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-derm-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-derm-marine);\n text-align: right;\n}\n\n.soi-derm-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-derm-pomme-light);\n border-left: 4px solid var(--soi-derm-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-derm-radius) var(--soi-derm-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-derm-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-derm-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-derm-marine);\n margin-bottom: 4px;\n}\n\n.soi-derm-tip p {\n font-size: 14px;\n color: var(--soi-derm-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-derm-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-derm-accordion-item {\n background: var(--soi-derm-off-white);\n border-radius: var(--soi-derm-radius-sm);\n border: 1px solid var(--soi-derm-line);\n overflow: hidden;\n}\n\n.soi-derm-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-derm-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-derm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-derm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-derm-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-derm-accordion-item[open] .soi-derm-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-derm-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-derm-accordion-content p {\n font-size: 14px;\n color: var(--soi-derm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-derm-cta-box {\n background: var(--soi-derm-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-derm-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-derm-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-derm-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-derm-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-derm-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-derm-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-derm-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-derm-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-derm-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-derm-compo-value {\n text-align: left;\n }\n\n .soi-derm-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-derm-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-derm-fiche {\n --soi-derm-text-soft: #2C3E50;\n --soi-derm-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Alphagem","offers":[{"title":"Default Title","offer_id":61603796156746,"sku":"GE0070","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/seve-de-bouleau-bio-enrichie-aux-bourgeons-derma-seve-alphag-packshot.webp?v=1779454109"},{"product_id":"huile-essentielle-de-millefeuille-pranarom","title":"Huile essentielle de millefeuille - Pranarom","description":"\u003cdiv class=\"soi-mill-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-mill-hero\"\u003e\n \u003cdiv class=\"soi-mill-hero-tag\"\u003e\n \u003cspan class=\"soi-mill-tag-dot\"\u003e\u003c\/span\u003e\n Aromathérapie · Pranarom\n \u003c\/div\u003e\n \u003cspan class=\"soi-mill-hero-title\"\u003eLa précision botanique au service de votre peau\u003c\/span\u003e\n \u003cp class=\"soi-mill-hero-subtitle\"\u003eHuile essentielle chémotypée d'achillée millefeuille, 100 % pure et naturelle, extraite des sommités fleuries pour une aromathérapie rigoureuse et polyvalente.\u003c\/p\u003e\n \u003cdiv class=\"soi-mill-hero-labels\"\u003e\n \u003cspan class=\"soi-mill-label soi-mill-label-accent\"\u003eHECT\u003c\/span\u003e\n \u003cspan class=\"soi-mill-label\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-mill-label\"\u003eCHÉMOTYPÉE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition biochimique --\u003e\n \u003csection class=\"soi-mill-section\"\u003e\n \u003ch2\u003eComposition biochimique : ce qui rend cette huile unique\u003c\/h2\u003e\n \u003cp class=\"soi-mill-section-intro\"\u003eLa qualité chémotypée Pranarom garantit une teneur contrôlée en principes actifs. Trois molécules clés définissent le profil de cette huile :\u003c\/p\u003e\n \u003cdiv class=\"soi-mill-benefits\"\u003e\n \u003cdiv class=\"soi-mill-benefit\"\u003e\n \u003cdiv class=\"soi-mill-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCamphre\u003c\/h3\u003e\n \u003cp\u003eTonifiant et décongestionnant, il agit sur les tensions cutanées et musculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mill-benefit\"\u003e\n \u003cdiv class=\"soi-mill-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e1,8-cinéole (eucalyptol)\u003c\/h3\u003e\n \u003cp\u003eAux propriétés anti-inflammatoires et purifiantes reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mill-benefit\"\u003e\n \u003cdiv class=\"soi-mill-benefit-icon\"\u003e\u003cspan\u003e🔵\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eChamazulène\u003c\/h3\u003e\n \u003cp\u003ePigment bleu caractéristique de l'achillée, puissamment apaisant et régénérant pour les peaux irritées ou rougies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mill-tip\"\u003e\n \u003cdiv class=\"soi-mill-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eC'est précisément cette combinaison qui confère à l'huile essentielle d'achillée millefeuille Pranarom sa polyvalence et son efficacité sur différents types d'inconforts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Bienfaits --\u003e\n \u003csection class=\"soi-mill-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle d'achillée millefeuille\u003c\/h2\u003e\n \u003cdiv class=\"soi-mill-grid\"\u003e\n \u003cdiv class=\"soi-mill-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eLe chamazulène apaise rougeurs, démangeaisons et irritations. Idéal pour les peaux sujettes aux réactions allergiques ou fragilisées par les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mill-card\"\u003e\n \u003ch3\u003e🛡️ Action anti-inflammatoire cutanée\u003c\/h3\u003e\n \u003cp\u003eAppliquée diluée sur les zones concernées, elle contribue à réduire les phénomènes inflammatoires locaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mill-card\"\u003e\n \u003ch3\u003e🍃 Soutien digestif\u003c\/h3\u003e\n \u003cp\u003eEn usage interne (sous avis d'un thérapeute), elle est traditionnellement reconnue pour soulager les ballonnements, les crampes intestinales et les douleurs menstruelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mill-card\"\u003e\n \u003ch3\u003e✨ Cicatrisation et régénération\u003c\/h3\u003e\n \u003cp\u003eElle accompagne la réparation des petites plaies et favorise l'uniformisation du teint sur les peaux matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mill-card\"\u003e\n \u003ch3\u003e🕊️ Détente et bien-être\u003c\/h3\u003e\n \u003cp\u003eSon parfum herbacé, légèrement camphré, crée une atmosphère apaisante en diffusion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser --\u003e\n \u003csection class=\"soi-mill-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle d'achillée millefeuille Pranarom ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-mill-timeline\"\u003e\n \u003cdiv class=\"soi-mill-step\"\u003e\n \u003cdiv class=\"soi-mill-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-mill-step-content\"\u003e\n \u003ch3\u003eVoie cutanée (usage externe recommandé)\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à café d'huile végétale (argan, jojoba ou rosier muscat) et appliquez sur la zone concernée. Ne jamais appliquer pure sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mill-step\"\u003e\n \u003cdiv class=\"soi-mill-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-mill-step-content\"\u003e\n \u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 4 à 6 gouttes dans un diffuseur pendant 20 à 30 minutes pour une ambiance apaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mill-step\"\u003e\n \u003cdiv class=\"soi-mill-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-mill-step-content\"\u003e\n \u003ch3\u003eUsage interne\u003c\/h3\u003e\n \u003cp\u003eRéservé à l'avis d'un professionnel de santé formé en aromathérapie, en raison de la concentration en cétones (camphre).\u003c\/p\u003e\n \u003c\/div\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-mill-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi essentielles\u003c\/h2\u003e\n \u003cdiv class=\"soi-mill-accordion\"\u003e\n \u003cdetails class=\"soi-mill-accordion-item\"\u003e\n \u003csummary class=\"soi-mill-accordion-header\"\u003e⚠️ Personnes sensibles\u003c\/summary\u003e\n \u003cdiv class=\"soi-mill-accordion-content\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans (présence de camphre, molécule neurotoxique à haute dose).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-mill-accordion-item\"\u003e\n \u003csummary class=\"soi-mill-accordion-header\"\u003e🩺 Contre-indications médicales\u003c\/summary\u003e\n \u003cdiv class=\"soi-mill-accordion-content\"\u003e\n \u003cp\u003eNe pas utiliser en cas d'épilepsie ou de traitement anticoagulant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-mill-accordion-item\"\u003e\n \u003csummary class=\"soi-mill-accordion-header\"\u003e🧴 Précautions d'application\u003c\/summary\u003e\n \u003cdiv class=\"soi-mill-accordion-content\"\u003e\n \u003cp\u003eToujours diluer avant application cutanée. Tenir hors de portée des enfants. Ce produit ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Informations produit --\u003e\n \u003csection class=\"soi-mill-section\"\u003e\n \u003ch2\u003eInformations produit\u003c\/h2\u003e\n \u003cdiv class=\"soi-mill-compo\"\u003e\n \u003cdiv class=\"soi-mill-compo-row\"\u003e\n \u003cspan class=\"soi-mill-compo-label\"\u003eNom botanique\u003c\/span\u003e\n \u003cspan class=\"soi-mill-compo-value\"\u003eAchillea millefolium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mill-compo-row\"\u003e\n \u003cspan class=\"soi-mill-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n \u003cspan class=\"soi-mill-compo-value\"\u003eSommités fleuries\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mill-compo-row\"\u003e\n \u003cspan class=\"soi-mill-compo-label\"\u003eChémotype\u003c\/span\u003e\n \u003cspan class=\"soi-mill-compo-value\"\u003eCamphre, 1,8-cinéole, chamazulène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mill-compo-row\"\u003e\n \u003cspan class=\"soi-mill-compo-label\"\u003eQualité\u003c\/span\u003e\n \u003cspan class=\"soi-mill-compo-value\"\u003eHECT, 100 % pure et naturelle, non diluée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mill-compo-row\"\u003e\n \u003cspan class=\"soi-mill-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-mill-compo-value\"\u003ePranarom\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mill-compo-row\"\u003e\n \u003cspan class=\"soi-mill-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-mill-compo-value\"\u003e5 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mill-compo-row\"\u003e\n \u003cspan class=\"soi-mill-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-mill-compo-value\"\u003eCertifiée botaniquement et biochimiquement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-mill-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-mill-cta-box\"\u003e\n \u003cp class=\"soi-mill-cta-tag\" style=\"color: white;\"\u003eDes siècles de tradition botanique en quelques gouttes\u003c\/p\u003e\n \u003cp class=\"soi-mill-cta-text\" style=\"color: white;\"\u003ePour votre peau irritée, vos tensions internes ou vos moments de détente, l'huile essentielle d'achillée millefeuille Pranarom vous offre une réponse naturelle, précise et bienveillante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-mill-marine: #1A2D3D;\n --soi-mill-marine-dark: #0F1E2B;\n --soi-mill-marine-light: #2C4458;\n --soi-mill-pomme: #A1C544;\n --soi-mill-pomme-dark: #84A636;\n --soi-mill-pomme-light: rgba(161,197,68,0.10);\n\n --soi-mill-white: #FFFFFF;\n --soi-mill-off-white: #F8FAF6;\n --soi-mill-stone: #F1F3EE;\n --soi-mill-line: #E5E8E0;\n\n --soi-mill-primary: #7A9A8E;\n --soi-mill-primary-soft: #D2E0DA;\n --soi-mill-accent: #5C7A52;\n\n --soi-mill-text: #1A2D3D;\n --soi-mill-text-soft: #4A5B6B;\n --soi-mill-text-muted: #7B8693;\n\n --soi-mill-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-mill-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-mill-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-mill-radius: 12px;\n --soi-mill-radius-sm: 8px;\n --soi-mill-radius-pill: 999px;\n}\n\n.soi-mill-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mill-fiche img { max-width: 100%; height: auto; }\n\n.soi-mill-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-mill-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-mill-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-mill-hero {\n position: relative;\n background: var(--soi-mill-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-mill-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-mill-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-mill-pomme);\n}\n\n.soi-mill-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-mill-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-mill-pomme);\n border-radius: 50%;\n}\n\n.soi-mill-hero-title {\n display: block;\n color: var(--soi-mill-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-mill-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-mill-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-mill-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-mill-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-mill-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-mill-label-accent {\n background: var(--soi-mill-pomme);\n border-color: var(--soi-mill-pomme);\n color: var(--soi-mill-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-mill-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mill-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-mill-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-mill-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-mill-pomme);\n border-radius: 2px;\n}\n\n.soi-mill-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-mill-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-mill-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-mill-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-mill-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-mill-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-mill-benefit {\n background: var(--soi-mill-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-mill-radius);\n border: 1px solid var(--soi-mill-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mill-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-mill-shadow-md);\n}\n\n.soi-mill-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-mill-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-mill-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-mill-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-mill-benefit:hover .soi-mill-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-mill-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mill-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mill-benefit p {\n font-size: 13px;\n color: var(--soi-mill-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-mill-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-mill-card {\n background: var(--soi-mill-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mill-radius);\n border-left: 3px solid var(--soi-mill-pomme);\n}\n\n.soi-mill-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mill-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mill-card p {\n font-size: 14px;\n color: var(--soi-mill-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-mill-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-mill-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-mill-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mill-radius);\n border: 1px solid var(--soi-mill-line);\n align-items: flex-start;\n}\n\n.soi-mill-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-mill-marine);\n color: var(--soi-mill-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-mill-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-mill-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-mill-step-content p {\n font-size: 14px;\n color: var(--soi-mill-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION (data rows) *\/\n.soi-mill-compo {\n background: var(--soi-mill-off-white);\n border-radius: var(--soi-mill-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-mill-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-mill-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-mill-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-mill-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-mill-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-mill-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-mill-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-mill-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-mill-pomme-light);\n border-left: 4px solid var(--soi-mill-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-mill-radius) var(--soi-mill-radius) 0;\n align-items: flex-start;\n}\n\n.soi-mill-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-mill-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-mill-marine);\n margin-bottom: 4px;\n}\n\n.soi-mill-tip p {\n font-size: 14px;\n color: var(--soi-mill-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-mill-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-mill-accordion-item {\n background: var(--soi-mill-off-white);\n border-radius: var(--soi-mill-radius-sm);\n border: 1px solid var(--soi-mill-line);\n overflow: hidden;\n}\n\n.soi-mill-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-mill-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-mill-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-mill-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-mill-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-mill-accordion-item[open] .soi-mill-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-mill-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-mill-accordion-content p {\n font-size: 14px;\n color: var(--soi-mill-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-mill-cta-box {\n background: var(--soi-mill-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-mill-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-mill-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-mill-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-mill-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-mill-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-mill-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-mill-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-mill-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-mill-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-mill-compo-value {\n text-align: left;\n }\n\n .soi-mill-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-mill-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-mill-fiche {\n --soi-mill-text-soft: #2C3E50;\n --soi-mill-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603917168970,"sku":"RA0105","price":25.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0105_he_millefeuille.jpg?v=1776167379"},{"product_id":"bio-5-chute-de-cheveux-en-comprimes-science-et-equilibre","title":"BIO 5 Chute de Cheveux en comprimés – Science et Equilibre","description":"\u003cdiv class=\"soi-bio5-fiche\"\u003e\n\n\u003csection class=\"soi-bio5-hero\"\u003e\n\u003cdiv class=\"soi-bio5-hero-tag\"\u003e\nComplément alimentaire capillaire · Science et Équilibre\n\u003c\/div\u003e\n\u003cspan class=\"soi-bio5-hero-title\"\u003eLa puissance de 5 plantes bio pour vos cheveux\u003c\/span\u003e\n\u003cp class=\"soi-bio5-hero-subtitle\"\u003eUne synergie végétale concentrée à 1 600 mg par comprimé, certifiée bio et fabriquée en France, pour accompagner la santé de vos cheveux en profondeur.\u003c\/p\u003e\n\u003cdiv class=\"soi-bio5-hero-labels\"\u003e\n\u003cspan class=\"soi-bio5-label soi-bio5-label-accent\"\u003eBIO\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-label\"\u003eVÉGÉTARIEN \u0026amp; VÉGÉTALIEN\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-label\"\u003e5 PLANTES BIO\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-label\"\u003eFR-BIO-01\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\"\u003e\n\u003ch2\u003ePourquoi BIO 5 se distingue des autres compléments alimentaires pour la chute de cheveux ?\u003c\/h2\u003e\n\u003cp\u003eLa plupart des compléments pour la chute de cheveux misent sur un ou deux actifs isolés. BIO 5 prend le parti d'une synergie complète : \u003cstrong\u003e5 plantes bio soigneusement sélectionnées\u003c\/strong\u003e, dosées à \u003cstrong\u003e1 600 mg d'équivalent plantes par comprimé\u003c\/strong\u003e, pour une efficacité renforcée dès les premières semaines de cure.\u003c\/p\u003e\n\u003cdiv class=\"soi-bio5-grid-compact\"\u003e\n\u003cdiv class=\"soi-bio5-card-mini\"\u003e\n\u003cspan class=\"soi-bio5-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-value\"\u003eFrance, Val de Loire\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-card-mini\"\u003e\n\u003cspan class=\"soi-bio5-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-value\"\u003eAgriculture Biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-card-mini\"\u003e\n\u003cspan class=\"soi-bio5-card-mini-icon\"\u003e💊\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-label\"\u003ePosologie\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-value\"\u003e1 comprimé \/ jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-card-mini\"\u003e\n\u003cspan class=\"soi-bio5-card-mini-icon\"\u003e📦\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-label\"\u003eConditionnement\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-value\"\u003e30 comprimés (1 mois)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\"\u003e\n\u003ch2\u003eLes 5 plantes bio au cœur de la formule\u003c\/h2\u003e\n\u003cp class=\"soi-bio5-section-intro\"\u003eChaque plante a été retenue pour son rôle spécifique dans le soin capillaire global :\u003c\/p\u003e\n\u003cdiv class=\"soi-bio5-grid\"\u003e\n\u003cdiv class=\"soi-bio5-card\"\u003e\n\u003ch3\u003e🌾 Prêle des champs\u003c\/h3\u003e\n\u003cp\u003eNaturellement riche en silice organique, elle contribue à la solidité de la fibre capillaire et à la résistance des cheveux à la casse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-card\"\u003e\n\u003ch3\u003e🌱 Ortie piquante\u003c\/h3\u003e\n\u003cp\u003eSource de minéraux (fer, zinc, magnésium), elle participe au maintien des cheveux normaux et au renforcement des ongles et des os.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-card\"\u003e\n\u003ch3\u003e🫐 Myrtille\u003c\/h3\u003e\n\u003cp\u003eSes pigments antioxydants (anthocyanes) soutiennent la microcirculation du cuir chevelu, améliorant l'irrigation et l'oxygénation des bulbes capillaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-card\"\u003e\n\u003ch3\u003e🌸 Épilobe\u003c\/h3\u003e\n\u003cp\u003ePlante peu connue mais précieuse, elle est reconnue pour ses propriétés apaisantes et son action sur les déséquilibres hormonaux liés à la chute.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-card\"\u003e\n\u003ch3\u003e🍒 Acérola\u003c\/h3\u003e\n\u003cp\u003eExceptionnellement riche en vitamine C naturelle, elle favorise la synthèse normale de collagène pour les cheveux, protège les cellules du stress oxydatif et amplifie l'absorption des autres actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\"\u003e\n\u003ch2\u003eComposition et dosage précis par comprimé\u003c\/h2\u003e\n\u003cp\u003eChaque comprimé de BIO 5 Chute de Cheveux contient l'équivalent de \u003cstrong\u003e1 600 mg de plantes\u003c\/strong\u003e, répartis entre les 5 actifs biologiques. La formule est sans excipients controversés, sans colorants artificiels, ni arômes de synthèse.\u003c\/p\u003e\n\u003cdiv class=\"soi-bio5-compo\"\u003e\n\u003cdiv class=\"soi-bio5-compo-row\"\u003e\n\u003cspan class=\"soi-bio5-compo-label\"\u003ePrêle bio (Equisetum arvense)\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-compo-value\"\u003eExtrait titré en silice\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-compo-row\"\u003e\n\u003cspan class=\"soi-bio5-compo-label\"\u003eOrtie bio (Urtica dioica)\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-compo-value\"\u003eFeuilles, riche en minéraux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-compo-row\"\u003e\n\u003cspan class=\"soi-bio5-compo-label\"\u003eMyrtille bio (Vaccinium myrtillus)\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-compo-value\"\u003eFruits entiers, source d'anthocyanes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-compo-row\"\u003e\n\u003cspan class=\"soi-bio5-compo-label\"\u003eÉpilobe bio (Epilobium angustifolium)\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-compo-value\"\u003eParties aériennes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-compo-row\"\u003e\n\u003cspan class=\"soi-bio5-compo-label\"\u003eAcérola bio (Malpighia emarginata)\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-compo-value\"\u003eFruit, riche en vitamine C naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-compo-row soi-bio5-compo-row-highlight\"\u003e\n\u003cspan class=\"soi-bio5-compo-label\"\u003eÉquivalent plantes par comprimé\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-compo-value\"\u003e\u003cstrong\u003e1 600 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-tip\"\u003e\n\u003cdiv class=\"soi-bio5-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003ePrenez votre comprimé de préférence le matin, avec un grand verre d'eau, pour une absorption optimale des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\"\u003e\n\u003ch2\u003ePour qui est fait ce complément contre la chute des cheveux ?\u003c\/h2\u003e\n\u003cp\u003eBIO 5 s'adapte à des profils variés, ce qui en fait l'un des compléments les plus polyvalents pour accompagner la santé capillaire :\u003c\/p\u003e\n\u003cdiv class=\"soi-bio5-benefits\"\u003e\n\u003cdiv class=\"soi-bio5-benefit\"\u003e\n\u003cdiv class=\"soi-bio5-benefit-icon\"\u003e\u003cspan\u003e👩\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eFemmes\u003c\/h3\u003e\n\u003cp\u003eConfrontées à une chute saisonnière, un effluvium télogène ou un affinement progressif de la chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-benefit\"\u003e\n\u003cdiv class=\"soi-bio5-benefit-icon\"\u003e\u003cspan\u003e🤱\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eJeunes mamans\u003c\/h3\u003e\n\u003cp\u003eEn post-partum, période où la chute de cheveux s'intensifie sous l'effet des variations hormonales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-benefit\"\u003e\n\u003cdiv class=\"soi-bio5-benefit-icon\"\u003e\u003cspan\u003e👨\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eHommes\u003c\/h3\u003e\n\u003cp\u003eSouhaitant ralentir une alopécie débutante ou retrouver de la densité capillaire naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-benefit\"\u003e\n\u003cdiv class=\"soi-bio5-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eAmateurs de naturalité\u003c\/h3\u003e\n\u003cp\u003eToute personne en quête d'une solution naturelle, bio et sans compromis sur la qualité des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\"\u003e\n\u003ch2\u003eComment prendre BIO 5 et quand voir les premiers résultats ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-bio5-timeline\"\u003e\n\u003cdiv class=\"soi-bio5-step\"\u003e\n\u003cdiv class=\"soi-bio5-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-step-content\"\u003e\n\u003ch3\u003eAdoptez le réflexe quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez 1 comprimé par jour, de préférence le matin avec un grand verre d'eau. La régularité est essentielle pour accompagner le cycle naturel du cheveu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-step\"\u003e\n\u003cdiv class=\"soi-bio5-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-step-content\"\u003e\n\u003ch3\u003ePremiers effets dès 6 à 8 semaines\u003c\/h3\u003e\n\u003cp\u003eMoins de chute au brossage, cheveux plus solides : les premiers résultats sont généralement ressentis dès 6 à 8 semaines de prise continue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-step\"\u003e\n\u003cdiv class=\"soi-bio5-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-step-content\"\u003e\n\u003ch3\u003eCure de 3 mois minimum\u003c\/h3\u003e\n\u003cp\u003ePour des résultats visibles et durables, suivez une cure de 3 mois minimum. Le cycle naturel du cheveu demande de la patience et de la constance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-accordion\"\u003e\n\u003cdetails class=\"soi-bio5-accordion-item\"\u003e\n\u003csummary class=\"soi-bio5-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"soi-bio5-accordion-content\"\u003e\n\u003cp\u003eCe complément ne remplace pas un avis médical. En cas de chute intense et prolongée, consultez un dermatologue ou un médecin. Ne pas dépasser la dose journalière recommandé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-bio5-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-bio5-cta-box\"\u003e\n\u003cp class=\"soi-bio5-cta-tag\" style=\"color: white;\"\u003ePrendre soin de vos cheveux, naturellement\u003c\/p\u003e\n\u003cp class=\"soi-bio5-cta-text\" style=\"color: white;\"\u003eVos cheveux méritent la puissance de 5 plantes bio, dosées à 1 600 mg, formulées en France pour accompagner chaque cheveu de la racine à la pointe. Retrouvez densité, force et confiance, chaque matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-bio5-marine: #1A2D3D;\n --soi-bio5-marine-dark: #0F1E2B;\n --soi-bio5-marine-light: #2C4458;\n --soi-bio5-pomme: #A1C544;\n --soi-bio5-pomme-dark: #84A636;\n --soi-bio5-pomme-light: rgba(161,197,68,0.10);\n --soi-bio5-white: #FFFFFF;\n --soi-bio5-off-white: #F8FAF6;\n --soi-bio5-stone: #F1F3EE;\n --soi-bio5-line: #E5E8E0;\n --soi-bio5-primary: #3B6E3A;\n --soi-bio5-primary-soft: rgba(59,110,58,0.08);\n --soi-bio5-accent: #C8963E;\n --soi-bio5-text: #1A2D3D;\n --soi-bio5-text-soft: #4A5B6B;\n --soi-bio5-text-muted: #7B8693;\n --soi-bio5-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-bio5-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-bio5-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-bio5-radius: 12px;\n --soi-bio5-radius-sm: 8px;\n --soi-bio5-radius-pill: 999px;\n}\n\n.soi-bio5-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bio5-fiche img { max-width: 100%; height: auto; }\n\n.soi-bio5-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-bio5-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-bio5-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-bio5-hero {\n position: relative;\n background: var(--soi-bio5-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-bio5-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-bio5-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-bio5-pomme);\n}\n\n.soi-bio5-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-bio5-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-bio5-pomme);\n border-radius: 50%;\n}\n\n.soi-bio5-hero-title {\n display: block;\n color: var(--soi-bio5-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-bio5-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-bio5-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-bio5-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-bio5-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-bio5-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-bio5-label-accent {\n background: var(--soi-bio5-pomme);\n border-color: var(--soi-bio5-pomme);\n color: var(--soi-bio5-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-bio5-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bio5-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-bio5-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-bio5-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-bio5-pomme);\n border-radius: 2px;\n}\n\n.soi-bio5-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-bio5-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-bio5-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-bio5-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-bio5-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-bio5-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-bio5-benefit {\n background: var(--soi-bio5-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-bio5-radius);\n border: 1px solid var(--soi-bio5-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bio5-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-bio5-shadow-md);\n}\n\n.soi-bio5-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-bio5-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-bio5-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-bio5-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-bio5-benefit:hover .soi-bio5-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-bio5-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bio5-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bio5-benefit p {\n font-size: 13px;\n color: var(--soi-bio5-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-bio5-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-bio5-card {\n background: var(--soi-bio5-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bio5-radius);\n border-left: 3px solid var(--soi-bio5-pomme);\n}\n\n.soi-bio5-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bio5-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bio5-card p {\n font-size: 14px;\n color: var(--soi-bio5-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-bio5-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-bio5-card-mini {\n background: var(--soi-bio5-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-bio5-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-bio5-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-bio5-card-mini-label {\n font-size: 11px;\n color: var(--soi-bio5-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-bio5-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bio5-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-bio5-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-bio5-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-bio5-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bio5-radius);\n border: 1px solid var(--soi-bio5-line);\n align-items: flex-start;\n}\n\n.soi-bio5-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-bio5-marine);\n color: var(--soi-bio5-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-bio5-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bio5-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-bio5-step-content p {\n font-size: 14px;\n color: var(--soi-bio5-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-bio5-compo {\n background: var(--soi-bio5-off-white);\n border-radius: var(--soi-bio5-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-bio5-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-bio5-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-bio5-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-bio5-compo-row-highlight {\n background: var(--soi-bio5-pomme-light);\n}\n\n.soi-bio5-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-bio5-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-bio5-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-bio5-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-bio5-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-bio5-pomme-light);\n border-left: 4px solid var(--soi-bio5-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-bio5-radius) var(--soi-bio5-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-bio5-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-bio5-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-bio5-marine);\n margin-bottom: 4px;\n}\n\n.soi-bio5-tip p {\n font-size: 14px;\n color: var(--soi-bio5-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-bio5-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.5rem;\n}\n\n.soi-bio5-accordion-item {\n background: var(--soi-bio5-off-white);\n border-radius: var(--soi-bio5-radius-sm);\n border: 1px solid var(--soi-bio5-line);\n overflow: hidden;\n}\n\n.soi-bio5-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-bio5-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-bio5-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-bio5-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-bio5-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-bio5-accordion-item[open] .soi-bio5-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-bio5-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-bio5-accordion-content p {\n font-size: 14px;\n color: var(--soi-bio5-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-bio5-cta-box {\n background: var(--soi-bio5-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-bio5-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-bio5-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-bio5-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-bio5-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-bio5-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-bio5-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-bio5-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-bio5-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-bio5-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-bio5-compo-value {\n text-align: left;\n }\n\n .soi-bio5-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-bio5-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-bio5-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-bio5-fiche {\n --soi-bio5-text-soft: #2C3E50;\n --soi-bio5-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Science et Equilibre","offers":[{"title":"Etui de 30 comprimés sous blister","offer_id":61612341887306,"sku":"SQ0005","price":26.9,"currency_code":"EUR","in_stock":true},{"title":"Etui de 90 comprimés sous blister","offer_id":61612823642442,"sku":"SQ0010","price":70.9,"currency_code":"EUR","in_stock":true},{"title":"Eco-pilulier de 90 comprimés","offer_id":61612823839050,"sku":"SQ0011","price":69.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/bio-5-chute-de-cheveux-en-comprimes-science-et-equilibre-packshot_11zon.webp?v=1780045149"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/peau_cheveux_ongles.webp?v=1780051578","url":"https:\/\/www.soinature.com\/collections\/peau-cheveux-ongles.oembed","provider":"Soinature","version":"1.0","type":"link"}